{
  "timestamp": "2026-09-19T01:26:16",
  "compiler": {
    "name": "node",
    "version": "24.10.0"
  },
  "app": {
    "namespace": "Q2TectonElements",
    "fsNamespace": "q2-tecton-elements",
    "components": 69,
    "entries": 69,
    "bundles": 569,
    "outputs": [
      {
        "name": "dist-collection",
        "files": 155,
        "generatedFiles": [
          "./dist/collection/__mocks__/echarts.js",
          "./dist/collection/components/click-elsewhere/click-elsewhere.js",
          "./dist/collection/components/q2-action-group/q2-action-group.js",
          "./dist/collection/components/q2-action-sheet/q2-action-sheet.js",
          "./dist/collection/components/q2-avatar/q2-avatar.js",
          "./dist/collection/components/q2-avatar/test/q2-avatar-test.vr.js",
          "./dist/collection/components/q2-badge/q2-badge.js",
          "./dist/collection/components/q2-badge/test/q2-badge-test.vr.js",
          "./dist/collection/components/q2-btn/q2-btn.js",
          "./dist/collection/components/q2-btn/test/q2-btn-test.vr.js",
          "./dist/collection/components/q2-calendar/q2-calendar-helpers.js",
          "./dist/collection/components/q2-calendar/q2-calendar-types.js",
          "./dist/collection/components/q2-calendar/q2-calendar-validation.js",
          "./dist/collection/components/q2-calendar/q2-calendar.js",
          "./dist/collection/components/q2-calendar/q2-month-picker.js",
          "./dist/collection/components/q2-calendar/test/q2-calendar-test.vr.js",
          "./dist/collection/components/q2-card-image/q2-card-image.js",
          "./dist/collection/components/q2-card-image/test/q2-card-image-test.vr.js",
          "./dist/collection/components/q2-card/q2-card.js",
          "./dist/collection/components/q2-card/test/q2-card-test.vr.js",
          "./dist/collection/components/q2-carousel-pane/q2-carousel-pane.js",
          "./dist/collection/components/q2-carousel/q2-carousel.js",
          "./dist/collection/components/q2-carousel/test/q2-carousel-test.vr.js",
          "./dist/collection/components/q2-chart-area/q2-chart-area.js",
          "./dist/collection/components/q2-chart-area/test/q2-chart-area-test.vr.js",
          "./dist/collection/components/q2-chart-bar/q2-chart-bar.js",
          "./dist/collection/components/q2-chart-bar/test/q2-chart-bar-test.vr.js",
          "./dist/collection/components/q2-chart-donut/q2-chart-donut.js",
          "./dist/collection/components/q2-chart-donut/test/q2-chart-donut-test.vr.js",
          "./dist/collection/components/q2-checkbox-group/q2-checkbox-group.js",
          "./dist/collection/components/q2-checkbox-group/test/q2-checkbox-group-test.vr.js",
          "./dist/collection/components/q2-checkbox/q2-checkbox.js",
          "./dist/collection/components/q2-checkbox/test/q2-checkbox-test.vr.js",
          "./dist/collection/components/q2-context/q2-context.js",
          "./dist/collection/components/q2-context/test/q2-context-test.vr.js",
          "./dist/collection/components/q2-currency/q2-currency.js",
          "./dist/collection/components/q2-currency/test/q2-currency-test.vr.js",
          "./dist/collection/components/q2-data-table/q2-data-table.js",
          "./dist/collection/components/q2-data-table/test/q2-data-table-test.vr.js",
          "./dist/collection/components/q2-detail/q2-detail.js",
          "./dist/collection/components/q2-dropdown-item/q2-dropdown-item.js",
          "./dist/collection/components/q2-dropdown/q2-dropdown.js",
          "./dist/collection/components/q2-dropdown/test/q2-dropdown-test.vr.js",
          "./dist/collection/components/q2-editable-field/q2-editable-field.js",
          "./dist/collection/components/q2-editable-field/test/q2-editable-field-test.vr.js",
          "./dist/collection/components/q2-example/q2-example.js",
          "./dist/collection/components/q2-file-picker/q2-file-picker.js",
          "./dist/collection/components/q2-file-picker/test/q2-file-picker-test.vr.js",
          "./dist/collection/components/q2-form/q2-form.js",
          "./dist/collection/components/q2-formatted-text/q2-formatted-text.js",
          "./dist/collection/components/q2-formatted-text/test/q2-formatted-text-test.vr.js",
          "./dist/collection/components/q2-grid-area/q2-grid-area.js",
          "./dist/collection/components/q2-grid/q2-grid.js",
          "./dist/collection/components/q2-icon/q2-icon-types.js",
          "./dist/collection/components/q2-icon/q2-icon.js",
          "./dist/collection/components/q2-icon/test/q2-icon-test.vr.js",
          "./dist/collection/components/q2-input/formatting/alpha.js",
          "./dist/collection/components/q2-input/formatting/alphanumeric.js",
          "./dist/collection/components/q2-input/formatting/cif.js",
          "./dist/collection/components/q2-input/formatting/clabe.js",
          "./dist/collection/components/q2-input/formatting/credit-card.js",
          "./dist/collection/components/q2-input/formatting/currency.js",
          "./dist/collection/components/q2-input/formatting/date.js",
          "./dist/collection/components/q2-input/formatting/generic.js",
          "./dist/collection/components/q2-input/formatting/iban.js",
          "./dist/collection/components/q2-input/formatting/number.js",
          "./dist/collection/components/q2-input/formatting/numeric.js",
          "./dist/collection/components/q2-input/formatting/phone-number-formats.js",
          "./dist/collection/components/q2-input/formatting/phone.js",
          "./dist/collection/components/q2-input/formatting/postal.js",
          "./dist/collection/components/q2-input/formatting/routingnumber.js",
          "./dist/collection/components/q2-input/formatting/ssn.js",
          "./dist/collection/components/q2-input/formatting/swift.js",
          "./dist/collection/components/q2-input/formatting/tin.js",
          "./dist/collection/components/q2-input/q2-input-types.js",
          "./dist/collection/components/q2-input/q2-input.js",
          "./dist/collection/components/q2-input/test/q2-input-test.vr.js",
          "./dist/collection/components/q2-item/q2-item.js",
          "./dist/collection/components/q2-item/test/q2-item-test.vr.js",
          "./dist/collection/components/q2-legend/q2-legend.js",
          "./dist/collection/components/q2-link/q2-link.js",
          "./dist/collection/components/q2-link/test/q2-link-test.vr.js",
          "./dist/collection/components/q2-list/q2-list.js",
          "./dist/collection/components/q2-list/test/q2-list-test.vr.js",
          "./dist/collection/components/q2-loading/q2-loading.js",
          "./dist/collection/components/q2-loading/skeleton/q2-loading-element/index.js",
          "./dist/collection/components/q2-loading/skeleton/shapes.js",
          "./dist/collection/components/q2-loc/q2-loc.js",
          "./dist/collection/components/q2-message/q2-message.js",
          "./dist/collection/components/q2-message/test/q2-message-test.vr.js",
          "./dist/collection/components/q2-meter/q2-meter.js",
          "./dist/collection/components/q2-meter/test/q2-meter-test.vr.js",
          "./dist/collection/components/q2-modal/q2-modal.js",
          "./dist/collection/components/q2-modal/test/q2-modal-test.vr.js",
          "./dist/collection/components/q2-mutation-observer/q2-mutation-observer.js",
          "./dist/collection/components/q2-optgroup/q2-optgroup.js",
          "./dist/collection/components/q2-option-list/q2-option-list.js",
          "./dist/collection/components/q2-option/q2-option.js",
          "./dist/collection/components/q2-otp/q2-otp.js",
          "./dist/collection/components/q2-otp/test/q2-otp-test.vr.js",
          "./dist/collection/components/q2-pagination/q2-pagination.js",
          "./dist/collection/components/q2-pagination/test/q2-pagination-test.vr.js",
          "./dist/collection/components/q2-pill/q2-pill.js",
          "./dist/collection/components/q2-pill/test/q2-pill-test.vr.js",
          "./dist/collection/components/q2-popover/q2-popover.js",
          "./dist/collection/components/q2-radio-group/q2-radio-group.js",
          "./dist/collection/components/q2-radio-group/test/q2-radio-group-test.vr.js",
          "./dist/collection/components/q2-radio/q2-radio.js",
          "./dist/collection/components/q2-radio/test/q2-radio-test.vr.js",
          "./dist/collection/components/q2-relative-time/q2-relative-time.js",
          "./dist/collection/components/q2-resize-observer/q2-resize-observer.js",
          "./dist/collection/components/q2-search/q2-search.js",
          "./dist/collection/components/q2-search/test/q2-search-test.vr.js",
          "./dist/collection/components/q2-section-container/q2-section-container.js",
          "./dist/collection/components/q2-section/q2-section.js",
          "./dist/collection/components/q2-section/test/q2-section-test.vr.js",
          "./dist/collection/components/q2-select/q2-select.js",
          "./dist/collection/components/q2-select/test/q2-select-test.vr.js",
          "./dist/collection/components/q2-stepper-pane/q2-stepper-pane.js",
          "./dist/collection/components/q2-stepper-vertical/q2-stepper-vertical.js",
          "./dist/collection/components/q2-stepper-vertical/test/q2-stepper-vertical-test.vr.js",
          "./dist/collection/components/q2-stepper/q2-stepper.js",
          "./dist/collection/components/q2-stepper/test/q2-stepper-test.vr.js",
          "./dist/collection/components/q2-surface/q2-surface.js",
          "./dist/collection/components/q2-surface/test/q2-surface-test.vr.js",
          "./dist/collection/components/q2-tab-container/q2-tab-container.js",
          "./dist/collection/components/q2-tab-container/test/q2-tab-container-test.vr.js",
          "./dist/collection/components/q2-tab-pane/q2-tab-pane.js",
          "./dist/collection/components/q2-tag/q2-tag.js",
          "./dist/collection/components/q2-tag/test/q2-tag-test.vr.js",
          "./dist/collection/components/q2-textarea/q2-textarea.js",
          "./dist/collection/components/q2-textarea/test/q2-textarea-test.vr.js",
          "./dist/collection/components/q2-toast/q2-toast.js",
          "./dist/collection/components/q2-tooltip/q2-tooltip.js",
          "./dist/collection/components/q2-tooltip/test/q2-tooltip-test.vr.js",
          "./dist/collection/components/tecton-tab-pane/tecton-tab-pane-types.js",
          "./dist/collection/components/tecton-tab-pane/tecton-tab-pane.js",
          "./dist/collection/index.js",
          "./dist/collection/utils/action-sheet.js",
          "./dist/collection/utils/charting.js",
          "./dist/collection/utils/component.js",
          "./dist/collection/utils/helpers.js",
          "./dist/collection/utils/index.js",
          "./dist/collection/utils/mirror-emit.js",
          "./dist/collection/utils/sanitize-html-string.js",
          "./dist/collection/utils/sanitize-regex-string.js",
          "./dist/collection/utils/sprites.js",
          "./dist/collection/utils/test/vr-helpers.js",
          "./dist/jest.e2e-coverage.js",
          "./dist/jest.setup.js",
          "./dist/playwright.config.js",
          "./dist/scripts/docs-generator/index.js",
          "./dist/scripts/docs-generator/markdown-generator.js",
          "./dist/scripts/docs-generator/tag-handlers.js",
          "./dist/scripts/docs-generator/types.js"
        ]
      },
      {
        "name": "dist-custom-elements",
        "files": 175,
        "generatedFiles": [
          "./dist/components/action-sheet.js",
          "./dist/components/charting.js",
          "./dist/components/click-elsewhere.d.ts",
          "./dist/components/click-elsewhere.js",
          "./dist/components/click-elsewhere2.js",
          "./dist/components/component.js",
          "./dist/components/dataSample.js",
          "./dist/components/index.d.ts",
          "./dist/components/index.js",
          "./dist/components/index2.js",
          "./dist/components/index3.js",
          "./dist/components/mirror-emit.js",
          "./dist/components/q2-action-group.d.ts",
          "./dist/components/q2-action-group.js",
          "./dist/components/q2-action-group2.js",
          "./dist/components/q2-action-sheet.d.ts",
          "./dist/components/q2-action-sheet.js",
          "./dist/components/q2-avatar.d.ts",
          "./dist/components/q2-avatar.js",
          "./dist/components/q2-avatar2.js",
          "./dist/components/q2-badge.d.ts",
          "./dist/components/q2-badge.js",
          "./dist/components/q2-badge2.js",
          "./dist/components/q2-btn.d.ts",
          "./dist/components/q2-btn.js",
          "./dist/components/q2-btn2.js",
          "./dist/components/q2-calendar.d.ts",
          "./dist/components/q2-calendar.js",
          "./dist/components/q2-card-image.d.ts",
          "./dist/components/q2-card-image.js",
          "./dist/components/q2-card.d.ts",
          "./dist/components/q2-card.js",
          "./dist/components/q2-carousel-pane.d.ts",
          "./dist/components/q2-carousel-pane.js",
          "./dist/components/q2-carousel-pane2.js",
          "./dist/components/q2-carousel.d.ts",
          "./dist/components/q2-carousel.js",
          "./dist/components/q2-chart-area.d.ts",
          "./dist/components/q2-chart-area.js",
          "./dist/components/q2-chart-bar.d.ts",
          "./dist/components/q2-chart-bar.js",
          "./dist/components/q2-chart-donut.d.ts",
          "./dist/components/q2-chart-donut.js",
          "./dist/components/q2-checkbox-group.d.ts",
          "./dist/components/q2-checkbox-group.js",
          "./dist/components/q2-checkbox.d.ts",
          "./dist/components/q2-checkbox.js",
          "./dist/components/q2-checkbox2.js",
          "./dist/components/q2-context.d.ts",
          "./dist/components/q2-context.js",
          "./dist/components/q2-currency.d.ts",
          "./dist/components/q2-currency.js",
          "./dist/components/q2-data-table.d.ts",
          "./dist/components/q2-data-table.js",
          "./dist/components/q2-detail.d.ts",
          "./dist/components/q2-detail.js",
          "./dist/components/q2-dropdown-item.d.ts",
          "./dist/components/q2-dropdown-item.js",
          "./dist/components/q2-dropdown-item2.js",
          "./dist/components/q2-dropdown.d.ts",
          "./dist/components/q2-dropdown.js",
          "./dist/components/q2-editable-field.d.ts",
          "./dist/components/q2-editable-field.js",
          "./dist/components/q2-example.d.ts",
          "./dist/components/q2-example.js",
          "./dist/components/q2-file-picker.d.ts",
          "./dist/components/q2-file-picker.js",
          "./dist/components/q2-form.d.ts",
          "./dist/components/q2-form.js",
          "./dist/components/q2-formatted-text.d.ts",
          "./dist/components/q2-formatted-text.js",
          "./dist/components/q2-grid-area.d.ts",
          "./dist/components/q2-grid-area.js",
          "./dist/components/q2-grid.d.ts",
          "./dist/components/q2-grid.js",
          "./dist/components/q2-icon.d.ts",
          "./dist/components/q2-icon.js",
          "./dist/components/q2-icon2.js",
          "./dist/components/q2-input.d.ts",
          "./dist/components/q2-input.js",
          "./dist/components/q2-input2.js",
          "./dist/components/q2-item.d.ts",
          "./dist/components/q2-item.js",
          "./dist/components/q2-item2.js",
          "./dist/components/q2-legend.d.ts",
          "./dist/components/q2-legend.js",
          "./dist/components/q2-legend2.js",
          "./dist/components/q2-link.d.ts",
          "./dist/components/q2-link.js",
          "./dist/components/q2-link2.js",
          "./dist/components/q2-list.d.ts",
          "./dist/components/q2-list.js",
          "./dist/components/q2-list2.js",
          "./dist/components/q2-loading-element.d.ts",
          "./dist/components/q2-loading-element.js",
          "./dist/components/q2-loading.d.ts",
          "./dist/components/q2-loading.js",
          "./dist/components/q2-loading2.js",
          "./dist/components/q2-loc.d.ts",
          "./dist/components/q2-loc.js",
          "./dist/components/q2-message.d.ts",
          "./dist/components/q2-message.js",
          "./dist/components/q2-message2.js",
          "./dist/components/q2-meter.d.ts",
          "./dist/components/q2-meter.js",
          "./dist/components/q2-modal.d.ts",
          "./dist/components/q2-modal.js",
          "./dist/components/q2-month-picker.d.ts",
          "./dist/components/q2-month-picker.js",
          "./dist/components/q2-mutation-observer.d.ts",
          "./dist/components/q2-mutation-observer.js",
          "./dist/components/q2-optgroup.d.ts",
          "./dist/components/q2-optgroup.js",
          "./dist/components/q2-optgroup2.js",
          "./dist/components/q2-option-list.d.ts",
          "./dist/components/q2-option-list.js",
          "./dist/components/q2-option-list2.js",
          "./dist/components/q2-option.d.ts",
          "./dist/components/q2-option.js",
          "./dist/components/q2-option2.js",
          "./dist/components/q2-otp.d.ts",
          "./dist/components/q2-otp.js",
          "./dist/components/q2-pagination.d.ts",
          "./dist/components/q2-pagination.js",
          "./dist/components/q2-pill.d.ts",
          "./dist/components/q2-pill.js",
          "./dist/components/q2-popover.d.ts",
          "./dist/components/q2-popover.js",
          "./dist/components/q2-popover2.js",
          "./dist/components/q2-radio-group.d.ts",
          "./dist/components/q2-radio-group.js",
          "./dist/components/q2-radio.d.ts",
          "./dist/components/q2-radio.js",
          "./dist/components/q2-relative-time.d.ts",
          "./dist/components/q2-relative-time.js",
          "./dist/components/q2-resize-observer.d.ts",
          "./dist/components/q2-resize-observer.js",
          "./dist/components/q2-resize-observer2.js",
          "./dist/components/q2-search.d.ts",
          "./dist/components/q2-search.js",
          "./dist/components/q2-section-container.d.ts",
          "./dist/components/q2-section-container.js",
          "./dist/components/q2-section.d.ts",
          "./dist/components/q2-section.js",
          "./dist/components/q2-select.d.ts",
          "./dist/components/q2-select.js",
          "./dist/components/q2-select2.js",
          "./dist/components/q2-stepper-pane.d.ts",
          "./dist/components/q2-stepper-pane.js",
          "./dist/components/q2-stepper-vertical.d.ts",
          "./dist/components/q2-stepper-vertical.js",
          "./dist/components/q2-stepper.d.ts",
          "./dist/components/q2-stepper.js",
          "./dist/components/q2-surface.d.ts",
          "./dist/components/q2-surface.js",
          "./dist/components/q2-tab-container.d.ts",
          "./dist/components/q2-tab-container.js",
          "./dist/components/q2-tab-pane.d.ts",
          "./dist/components/q2-tab-pane.js",
          "./dist/components/q2-tag.d.ts",
          "./dist/components/q2-tag.js",
          "./dist/components/q2-tag2.js",
          "./dist/components/q2-textarea.d.ts",
          "./dist/components/q2-textarea.js",
          "./dist/components/q2-toast.d.ts",
          "./dist/components/q2-toast.js",
          "./dist/components/q2-tooltip.d.ts",
          "./dist/components/q2-tooltip.js",
          "./dist/components/q2-tooltip2.js",
          "./dist/components/sanitize-html-string.js",
          "./dist/components/sectorHelper.js",
          "./dist/components/shapes.js",
          "./dist/components/sprites.js",
          "./dist/components/tecton-tab-pane.d.ts",
          "./dist/components/tecton-tab-pane.js"
        ]
      },
      {
        "name": "dist-lazy",
        "files": 238,
        "generatedFiles": [
          "./dist/cjs/action-sheet-DUBlF_x3.js",
          "./dist/cjs/app-globals-V2Kpy_OQ.js",
          "./dist/cjs/charting-ClN1ldqv.js",
          "./dist/cjs/click-elsewhere_3.cjs.entry.js",
          "./dist/cjs/component-iASoq6gx.js",
          "./dist/cjs/dataSample-BYR-wrOn.js",
          "./dist/cjs/index-BY3aao8R.js",
          "./dist/cjs/index-CgG3VNXc.js",
          "./dist/cjs/index-DUaTw_1N.js",
          "./dist/cjs/index.cjs.js",
          "./dist/cjs/loader.cjs.js",
          "./dist/cjs/mirror-emit-kjeNv83f.js",
          "./dist/cjs/q2-action-group.cjs.entry.js",
          "./dist/cjs/q2-action-sheet.cjs.entry.js",
          "./dist/cjs/q2-avatar.cjs.entry.js",
          "./dist/cjs/q2-badge_2.cjs.entry.js",
          "./dist/cjs/q2-btn_2.cjs.entry.js",
          "./dist/cjs/q2-calendar.cjs.entry.js",
          "./dist/cjs/q2-card-image.cjs.entry.js",
          "./dist/cjs/q2-card.cjs.entry.js",
          "./dist/cjs/q2-carousel-pane.cjs.entry.js",
          "./dist/cjs/q2-carousel.cjs.entry.js",
          "./dist/cjs/q2-chart-area.cjs.entry.js",
          "./dist/cjs/q2-chart-bar.cjs.entry.js",
          "./dist/cjs/q2-chart-donut.cjs.entry.js",
          "./dist/cjs/q2-checkbox-group.cjs.entry.js",
          "./dist/cjs/q2-checkbox_2.cjs.entry.js",
          "./dist/cjs/q2-context.cjs.entry.js",
          "./dist/cjs/q2-currency.cjs.entry.js",
          "./dist/cjs/q2-data-table.cjs.entry.js",
          "./dist/cjs/q2-detail.cjs.entry.js",
          "./dist/cjs/q2-dropdown-item.cjs.entry.js",
          "./dist/cjs/q2-dropdown.cjs.entry.js",
          "./dist/cjs/q2-editable-field.cjs.entry.js",
          "./dist/cjs/q2-example.cjs.entry.js",
          "./dist/cjs/q2-file-picker.cjs.entry.js",
          "./dist/cjs/q2-form.cjs.entry.js",
          "./dist/cjs/q2-formatted-text.cjs.entry.js",
          "./dist/cjs/q2-grid-area.cjs.entry.js",
          "./dist/cjs/q2-grid.cjs.entry.js",
          "./dist/cjs/q2-icon.cjs.entry.js",
          "./dist/cjs/q2-item.cjs.entry.js",
          "./dist/cjs/q2-legend.cjs.entry.js",
          "./dist/cjs/q2-link_2.cjs.entry.js",
          "./dist/cjs/q2-loading-element.cjs.entry.js",
          "./dist/cjs/q2-loc.cjs.entry.js",
          "./dist/cjs/q2-message.cjs.entry.js",
          "./dist/cjs/q2-meter.cjs.entry.js",
          "./dist/cjs/q2-modal.cjs.entry.js",
          "./dist/cjs/q2-month-picker.cjs.entry.js",
          "./dist/cjs/q2-mutation-observer.cjs.entry.js",
          "./dist/cjs/q2-optgroup.cjs.entry.js",
          "./dist/cjs/q2-option.cjs.entry.js",
          "./dist/cjs/q2-otp.cjs.entry.js",
          "./dist/cjs/q2-pagination.cjs.entry.js",
          "./dist/cjs/q2-pill.cjs.entry.js",
          "./dist/cjs/q2-radio-group.cjs.entry.js",
          "./dist/cjs/q2-radio.cjs.entry.js",
          "./dist/cjs/q2-relative-time.cjs.entry.js",
          "./dist/cjs/q2-resize-observer.cjs.entry.js",
          "./dist/cjs/q2-search.cjs.entry.js",
          "./dist/cjs/q2-section-container.cjs.entry.js",
          "./dist/cjs/q2-section.cjs.entry.js",
          "./dist/cjs/q2-select.cjs.entry.js",
          "./dist/cjs/q2-stepper-pane.cjs.entry.js",
          "./dist/cjs/q2-stepper-vertical.cjs.entry.js",
          "./dist/cjs/q2-stepper.cjs.entry.js",
          "./dist/cjs/q2-surface.cjs.entry.js",
          "./dist/cjs/q2-tab-container.cjs.entry.js",
          "./dist/cjs/q2-tab-pane.cjs.entry.js",
          "./dist/cjs/q2-tecton-elements.cjs.js",
          "./dist/cjs/q2-textarea.cjs.entry.js",
          "./dist/cjs/q2-toast.cjs.entry.js",
          "./dist/cjs/q2-tooltip.cjs.entry.js",
          "./dist/cjs/sanitize-html-string-D17Pr7-c.js",
          "./dist/cjs/sectorHelper-9TWL-3dw.js",
          "./dist/cjs/shapes-CWaeHFb9.js",
          "./dist/cjs/sprites-DZZE7UFT.js",
          "./dist/cjs/tecton-tab-pane.cjs.entry.js",
          "./dist/esm/action-sheet-DuQ7VZ08.js",
          "./dist/esm/app-globals-DQuL1Twl.js",
          "./dist/esm/charting-DOZct-UB.js",
          "./dist/esm/click-elsewhere_3.entry.js",
          "./dist/esm/component-DaQM9u3s.js",
          "./dist/esm/dataSample-Dm1zpQNi.js",
          "./dist/esm/index-Cqkz7Bnm.js",
          "./dist/esm/index-DJw6Feh0.js",
          "./dist/esm/index-O1A-ZSZs.js",
          "./dist/esm/index.js",
          "./dist/esm/loader.js",
          "./dist/esm/mirror-emit-DUjY_ucm.js",
          "./dist/esm/q2-action-group.entry.js",
          "./dist/esm/q2-action-sheet.entry.js",
          "./dist/esm/q2-avatar.entry.js",
          "./dist/esm/q2-badge_2.entry.js",
          "./dist/esm/q2-btn_2.entry.js",
          "./dist/esm/q2-calendar.entry.js",
          "./dist/esm/q2-card-image.entry.js",
          "./dist/esm/q2-card.entry.js",
          "./dist/esm/q2-carousel-pane.entry.js",
          "./dist/esm/q2-carousel.entry.js",
          "./dist/esm/q2-chart-area.entry.js",
          "./dist/esm/q2-chart-bar.entry.js",
          "./dist/esm/q2-chart-donut.entry.js",
          "./dist/esm/q2-checkbox-group.entry.js",
          "./dist/esm/q2-checkbox_2.entry.js",
          "./dist/esm/q2-context.entry.js",
          "./dist/esm/q2-currency.entry.js",
          "./dist/esm/q2-data-table.entry.js",
          "./dist/esm/q2-detail.entry.js",
          "./dist/esm/q2-dropdown-item.entry.js",
          "./dist/esm/q2-dropdown.entry.js",
          "./dist/esm/q2-editable-field.entry.js",
          "./dist/esm/q2-example.entry.js",
          "./dist/esm/q2-file-picker.entry.js",
          "./dist/esm/q2-form.entry.js",
          "./dist/esm/q2-formatted-text.entry.js",
          "./dist/esm/q2-grid-area.entry.js",
          "./dist/esm/q2-grid.entry.js",
          "./dist/esm/q2-icon.entry.js",
          "./dist/esm/q2-item.entry.js",
          "./dist/esm/q2-legend.entry.js",
          "./dist/esm/q2-link_2.entry.js",
          "./dist/esm/q2-loading-element.entry.js",
          "./dist/esm/q2-loc.entry.js",
          "./dist/esm/q2-message.entry.js",
          "./dist/esm/q2-meter.entry.js",
          "./dist/esm/q2-modal.entry.js",
          "./dist/esm/q2-month-picker.entry.js",
          "./dist/esm/q2-mutation-observer.entry.js",
          "./dist/esm/q2-optgroup.entry.js",
          "./dist/esm/q2-option.entry.js",
          "./dist/esm/q2-otp.entry.js",
          "./dist/esm/q2-pagination.entry.js",
          "./dist/esm/q2-pill.entry.js",
          "./dist/esm/q2-radio-group.entry.js",
          "./dist/esm/q2-radio.entry.js",
          "./dist/esm/q2-relative-time.entry.js",
          "./dist/esm/q2-resize-observer.entry.js",
          "./dist/esm/q2-search.entry.js",
          "./dist/esm/q2-section-container.entry.js",
          "./dist/esm/q2-section.entry.js",
          "./dist/esm/q2-select.entry.js",
          "./dist/esm/q2-stepper-pane.entry.js",
          "./dist/esm/q2-stepper-vertical.entry.js",
          "./dist/esm/q2-stepper.entry.js",
          "./dist/esm/q2-surface.entry.js",
          "./dist/esm/q2-tab-container.entry.js",
          "./dist/esm/q2-tab-pane.entry.js",
          "./dist/esm/q2-tecton-elements.js",
          "./dist/esm/q2-textarea.entry.js",
          "./dist/esm/q2-toast.entry.js",
          "./dist/esm/q2-tooltip.entry.js",
          "./dist/esm/sanitize-html-string-DPHNpMWE.js",
          "./dist/esm/sectorHelper--RMGWGAy.js",
          "./dist/esm/shapes-DZ6aIPWK.js",
          "./dist/esm/sprites-jG2RmiwF.js",
          "./dist/esm/tecton-tab-pane.entry.js",
          "./dist/index.cjs.js",
          "./dist/index.js",
          "./dist/q2-tecton-elements/action-sheet-DuQ7VZ08.js",
          "./dist/q2-tecton-elements/app-globals-DQuL1Twl.js",
          "./dist/q2-tecton-elements/charting-DOZct-UB.js",
          "./dist/q2-tecton-elements/click-elsewhere_3.entry.js",
          "./dist/q2-tecton-elements/component-DaQM9u3s.js",
          "./dist/q2-tecton-elements/dataSample-Dm1zpQNi.js",
          "./dist/q2-tecton-elements/index-Cqkz7Bnm.js",
          "./dist/q2-tecton-elements/index-DJw6Feh0.js",
          "./dist/q2-tecton-elements/index-O1A-ZSZs.js",
          "./dist/q2-tecton-elements/index.esm.js",
          "./dist/q2-tecton-elements/mirror-emit-DUjY_ucm.js",
          "./dist/q2-tecton-elements/q2-action-group.entry.js",
          "./dist/q2-tecton-elements/q2-action-sheet.entry.js",
          "./dist/q2-tecton-elements/q2-avatar.entry.js",
          "./dist/q2-tecton-elements/q2-badge_2.entry.js",
          "./dist/q2-tecton-elements/q2-btn_2.entry.js",
          "./dist/q2-tecton-elements/q2-calendar.entry.js",
          "./dist/q2-tecton-elements/q2-card-image.entry.js",
          "./dist/q2-tecton-elements/q2-card.entry.js",
          "./dist/q2-tecton-elements/q2-carousel-pane.entry.js",
          "./dist/q2-tecton-elements/q2-carousel.entry.js",
          "./dist/q2-tecton-elements/q2-chart-area.entry.js",
          "./dist/q2-tecton-elements/q2-chart-bar.entry.js",
          "./dist/q2-tecton-elements/q2-chart-donut.entry.js",
          "./dist/q2-tecton-elements/q2-checkbox-group.entry.js",
          "./dist/q2-tecton-elements/q2-checkbox_2.entry.js",
          "./dist/q2-tecton-elements/q2-context.entry.js",
          "./dist/q2-tecton-elements/q2-currency.entry.js",
          "./dist/q2-tecton-elements/q2-data-table.entry.js",
          "./dist/q2-tecton-elements/q2-detail.entry.js",
          "./dist/q2-tecton-elements/q2-dropdown-item.entry.js",
          "./dist/q2-tecton-elements/q2-dropdown.entry.js",
          "./dist/q2-tecton-elements/q2-editable-field.entry.js",
          "./dist/q2-tecton-elements/q2-example.entry.js",
          "./dist/q2-tecton-elements/q2-file-picker.entry.js",
          "./dist/q2-tecton-elements/q2-form.entry.js",
          "./dist/q2-tecton-elements/q2-formatted-text.entry.js",
          "./dist/q2-tecton-elements/q2-grid-area.entry.js",
          "./dist/q2-tecton-elements/q2-grid.entry.js",
          "./dist/q2-tecton-elements/q2-icon.entry.js",
          "./dist/q2-tecton-elements/q2-item.entry.js",
          "./dist/q2-tecton-elements/q2-legend.entry.js",
          "./dist/q2-tecton-elements/q2-link_2.entry.js",
          "./dist/q2-tecton-elements/q2-loading-element.entry.js",
          "./dist/q2-tecton-elements/q2-loc.entry.js",
          "./dist/q2-tecton-elements/q2-message.entry.js",
          "./dist/q2-tecton-elements/q2-meter.entry.js",
          "./dist/q2-tecton-elements/q2-modal.entry.js",
          "./dist/q2-tecton-elements/q2-month-picker.entry.js",
          "./dist/q2-tecton-elements/q2-mutation-observer.entry.js",
          "./dist/q2-tecton-elements/q2-optgroup.entry.js",
          "./dist/q2-tecton-elements/q2-option.entry.js",
          "./dist/q2-tecton-elements/q2-otp.entry.js",
          "./dist/q2-tecton-elements/q2-pagination.entry.js",
          "./dist/q2-tecton-elements/q2-pill.entry.js",
          "./dist/q2-tecton-elements/q2-radio-group.entry.js",
          "./dist/q2-tecton-elements/q2-radio.entry.js",
          "./dist/q2-tecton-elements/q2-relative-time.entry.js",
          "./dist/q2-tecton-elements/q2-resize-observer.entry.js",
          "./dist/q2-tecton-elements/q2-search.entry.js",
          "./dist/q2-tecton-elements/q2-section-container.entry.js",
          "./dist/q2-tecton-elements/q2-section.entry.js",
          "./dist/q2-tecton-elements/q2-select.entry.js",
          "./dist/q2-tecton-elements/q2-stepper-pane.entry.js",
          "./dist/q2-tecton-elements/q2-stepper-vertical.entry.js",
          "./dist/q2-tecton-elements/q2-stepper.entry.js",
          "./dist/q2-tecton-elements/q2-surface.entry.js",
          "./dist/q2-tecton-elements/q2-tab-container.entry.js",
          "./dist/q2-tecton-elements/q2-tab-pane.entry.js",
          "./dist/q2-tecton-elements/q2-tecton-elements.esm.js",
          "./dist/q2-tecton-elements/q2-textarea.entry.js",
          "./dist/q2-tecton-elements/q2-toast.entry.js",
          "./dist/q2-tecton-elements/q2-tooltip.entry.js",
          "./dist/q2-tecton-elements/sanitize-html-string-DPHNpMWE.js",
          "./dist/q2-tecton-elements/sectorHelper--RMGWGAy.js",
          "./dist/q2-tecton-elements/shapes-DZ6aIPWK.js",
          "./dist/q2-tecton-elements/sprites-jG2RmiwF.js",
          "./dist/q2-tecton-elements/tecton-tab-pane.entry.js"
        ]
      },
      {
        "name": "dist-types",
        "files": 1,
        "generatedFiles": [
          "./dist/types/stencil-public-runtime.d.ts"
        ]
      }
    ]
  },
  "options": {
    "minifyJs": true,
    "minifyCss": true,
    "hashFileNames": false,
    "hashedFileNameLength": 8,
    "buildEs5": false
  },
  "formats": {
    "esmBrowser": [
      {
        "key": "q2-loc.entry",
        "components": [
          "q2-loc"
        ],
        "bundleId": "q2-loc",
        "fileName": "q2-loc.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "sanitize-html-string-DPHNpMWE.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 2807
      },
      {
        "key": "q2-mutation-observer.entry",
        "components": [
          "q2-mutation-observer"
        ],
        "bundleId": "q2-mutation-observer",
        "fileName": "q2-mutation-observer.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 3400
      },
      {
        "key": "q2-section-container.entry",
        "components": [
          "q2-section-container"
        ],
        "bundleId": "q2-section-container",
        "fileName": "q2-section-container.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 4169
      },
      {
        "key": "q2-action-sheet.entry",
        "components": [
          "q2-action-sheet"
        ],
        "bundleId": "q2-action-sheet",
        "fileName": "q2-action-sheet.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "sanitize-html-string-DPHNpMWE.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 21971
      },
      {
        "key": "q2-card.entry",
        "components": [
          "q2-card"
        ],
        "bundleId": "q2-card",
        "fileName": "q2-card.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 14275
      },
      {
        "key": "q2-card-image.entry",
        "components": [
          "q2-card-image"
        ],
        "bundleId": "q2-card-image",
        "fileName": "q2-card-image.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 31847
      },
      {
        "key": "q2-checkbox-group.entry",
        "components": [
          "q2-checkbox-group"
        ],
        "bundleId": "q2-checkbox-group",
        "fileName": "q2-checkbox-group.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 8944
      },
      {
        "key": "q2-context.entry",
        "components": [
          "q2-context"
        ],
        "bundleId": "q2-context",
        "fileName": "q2-context.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 8299
      },
      {
        "key": "q2-currency.entry",
        "components": [
          "q2-currency"
        ],
        "bundleId": "q2-currency",
        "fileName": "q2-currency.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 11298
      },
      {
        "key": "q2-data-table.entry",
        "components": [
          "q2-data-table"
        ],
        "bundleId": "q2-data-table",
        "fileName": "q2-data-table.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 41189
      },
      {
        "key": "q2-detail.entry",
        "components": [
          "q2-detail"
        ],
        "bundleId": "q2-detail",
        "fileName": "q2-detail.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 9534
      },
      {
        "key": "q2-dropdown.entry",
        "components": [
          "q2-dropdown"
        ],
        "bundleId": "q2-dropdown",
        "fileName": "q2-dropdown.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "action-sheet-DuQ7VZ08.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 19086
      },
      {
        "key": "q2-editable-field.entry",
        "components": [
          "q2-editable-field"
        ],
        "bundleId": "q2-editable-field",
        "fileName": "q2-editable-field.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 13149
      },
      {
        "key": "q2-example.entry",
        "components": [
          "q2-example"
        ],
        "bundleId": "q2-example",
        "fileName": "q2-example.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 5358
      },
      {
        "key": "q2-file-picker.entry",
        "components": [
          "q2-file-picker"
        ],
        "bundleId": "q2-file-picker",
        "fileName": "q2-file-picker.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 28452
      },
      {
        "key": "q2-form.entry",
        "components": [
          "q2-form"
        ],
        "bundleId": "q2-form",
        "fileName": "q2-form.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 2706
      },
      {
        "key": "q2-formatted-text.entry",
        "components": [
          "q2-formatted-text"
        ],
        "bundleId": "q2-formatted-text",
        "fileName": "q2-formatted-text.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 5712
      },
      {
        "key": "q2-grid.entry",
        "components": [
          "q2-grid"
        ],
        "bundleId": "q2-grid",
        "fileName": "q2-grid.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 9088
      },
      {
        "key": "q2-grid-area.entry",
        "components": [
          "q2-grid-area"
        ],
        "bundleId": "q2-grid-area",
        "fileName": "q2-grid-area.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 9597
      },
      {
        "key": "q2-loading-element.entry",
        "components": [
          "q2-loading-element"
        ],
        "bundleId": "q2-loading-element",
        "fileName": "q2-loading-element.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "shapes-DZ6aIPWK.js"
        ],
        "originalByteSize": 1307
      },
      {
        "key": "q2-meter.entry",
        "components": [
          "q2-meter"
        ],
        "bundleId": "q2-meter",
        "fileName": "q2-meter.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 14361
      },
      {
        "key": "q2-modal.entry",
        "components": [
          "q2-modal"
        ],
        "bundleId": "q2-modal",
        "fileName": "q2-modal.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "sanitize-html-string-DPHNpMWE.js"
        ],
        "originalByteSize": 17037
      },
      {
        "key": "q2-month-picker.entry",
        "components": [
          "q2-month-picker"
        ],
        "bundleId": "q2-month-picker",
        "fileName": "q2-month-picker.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 10968
      },
      {
        "key": "q2-otp.entry",
        "components": [
          "q2-otp"
        ],
        "bundleId": "q2-otp",
        "fileName": "q2-otp.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 24516
      },
      {
        "key": "q2-pagination.entry",
        "components": [
          "q2-pagination"
        ],
        "bundleId": "q2-pagination",
        "fileName": "q2-pagination.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 21044
      },
      {
        "key": "q2-pill.entry",
        "components": [
          "q2-pill"
        ],
        "bundleId": "q2-pill",
        "fileName": "q2-pill.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "action-sheet-DuQ7VZ08.js"
        ],
        "originalByteSize": 31360
      },
      {
        "key": "q2-radio.entry",
        "components": [
          "q2-radio"
        ],
        "bundleId": "q2-radio",
        "fileName": "q2-radio.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 15979
      },
      {
        "key": "q2-radio-group.entry",
        "components": [
          "q2-radio-group"
        ],
        "bundleId": "q2-radio-group",
        "fileName": "q2-radio-group.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 14403
      },
      {
        "key": "q2-relative-time.entry",
        "components": [
          "q2-relative-time"
        ],
        "bundleId": "q2-relative-time",
        "fileName": "q2-relative-time.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-O1A-ZSZs.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 7418
      },
      {
        "key": "q2-search.entry",
        "components": [
          "q2-search"
        ],
        "bundleId": "q2-search",
        "fileName": "q2-search.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 46376
      },
      {
        "key": "q2-section.entry",
        "components": [
          "q2-section"
        ],
        "bundleId": "q2-section",
        "fileName": "q2-section.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 13360
      },
      {
        "key": "q2-stepper.entry",
        "components": [
          "q2-stepper"
        ],
        "bundleId": "q2-stepper",
        "fileName": "q2-stepper.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "sanitize-html-string-DPHNpMWE.js"
        ],
        "originalByteSize": 24581
      },
      {
        "key": "q2-stepper-pane.entry",
        "components": [
          "q2-stepper-pane"
        ],
        "bundleId": "q2-stepper-pane",
        "fileName": "q2-stepper-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 5565
      },
      {
        "key": "q2-stepper-vertical.entry",
        "components": [
          "q2-stepper-vertical"
        ],
        "bundleId": "q2-stepper-vertical",
        "fileName": "q2-stepper-vertical.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "sanitize-html-string-DPHNpMWE.js"
        ],
        "originalByteSize": 26746
      },
      {
        "key": "q2-surface.entry",
        "components": [
          "q2-surface"
        ],
        "bundleId": "q2-surface",
        "fileName": "q2-surface.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 16272
      },
      {
        "key": "q2-tab-container.entry",
        "components": [
          "q2-tab-container"
        ],
        "bundleId": "q2-tab-container",
        "fileName": "q2-tab-container.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 25506
      },
      {
        "key": "q2-tab-pane.entry",
        "components": [
          "q2-tab-pane"
        ],
        "bundleId": "q2-tab-pane",
        "fileName": "q2-tab-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 2781
      },
      {
        "key": "q2-textarea.entry",
        "components": [
          "q2-textarea"
        ],
        "bundleId": "q2-textarea",
        "fileName": "q2-textarea.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 29922
      },
      {
        "key": "q2-toast.entry",
        "components": [
          "q2-toast"
        ],
        "bundleId": "q2-toast",
        "fileName": "q2-toast.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 12178
      },
      {
        "key": "tecton-tab-pane.entry",
        "components": [
          "tecton-tab-pane"
        ],
        "bundleId": "tecton-tab-pane",
        "fileName": "tecton-tab-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 5493
      },
      {
        "key": "q2-avatar.entry",
        "components": [
          "q2-avatar"
        ],
        "bundleId": "q2-avatar",
        "fileName": "q2-avatar.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 8955
      },
      {
        "key": "q2-carousel-pane.entry",
        "components": [
          "q2-carousel-pane"
        ],
        "bundleId": "q2-carousel-pane",
        "fileName": "q2-carousel-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 9308
      },
      {
        "key": "q2-dropdown-item.entry",
        "components": [
          "q2-dropdown-item"
        ],
        "bundleId": "q2-dropdown-item",
        "fileName": "q2-dropdown-item.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 9440
      },
      {
        "key": "q2-legend.entry",
        "components": [
          "q2-legend"
        ],
        "bundleId": "q2-legend",
        "fileName": "q2-legend.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 8244
      },
      {
        "key": "q2-optgroup.entry",
        "components": [
          "q2-optgroup"
        ],
        "bundleId": "q2-optgroup",
        "fileName": "q2-optgroup.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 4759
      },
      {
        "key": "q2-select.entry",
        "components": [
          "q2-select"
        ],
        "bundleId": "q2-select",
        "fileName": "q2-select.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "action-sheet-DuQ7VZ08.js"
        ],
        "originalByteSize": 49600
      },
      {
        "key": "q2-tooltip.entry",
        "components": [
          "q2-tooltip"
        ],
        "bundleId": "q2-tooltip",
        "fileName": "q2-tooltip.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 21281
      },
      {
        "key": "q2-action-group.entry",
        "components": [
          "q2-action-group"
        ],
        "bundleId": "q2-action-group",
        "fileName": "q2-action-group.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 13612
      },
      {
        "key": "q2-item.entry",
        "components": [
          "q2-item"
        ],
        "bundleId": "q2-item",
        "fileName": "q2-item.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 13490
      },
      {
        "key": "q2-option.entry",
        "components": [
          "q2-option"
        ],
        "bundleId": "q2-option",
        "fileName": "q2-option.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 8621
      },
      {
        "key": "q2-message.entry",
        "components": [
          "q2-message"
        ],
        "bundleId": "q2-message",
        "fileName": "q2-message.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 9722
      },
      {
        "key": "q2-resize-observer.entry",
        "components": [
          "q2-resize-observer"
        ],
        "bundleId": "q2-resize-observer",
        "fileName": "q2-resize-observer.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 4257
      },
      {
        "key": "q2-icon.entry",
        "components": [
          "q2-icon"
        ],
        "bundleId": "q2-icon",
        "fileName": "q2-icon.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "sprites-jG2RmiwF.js"
        ],
        "originalByteSize": 25696
      },
      {
        "key": "q2-calendar.entry",
        "components": [
          "q2-calendar"
        ],
        "bundleId": "q2-calendar",
        "fileName": "q2-calendar.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-O1A-ZSZs.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 62126
      },
      {
        "key": "q2-checkbox.q2-tag.entry",
        "components": [
          "q2-checkbox",
          "q2-tag"
        ],
        "bundleId": "q2-checkbox_2",
        "fileName": "q2-checkbox_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "action-sheet-DuQ7VZ08.js"
        ],
        "originalByteSize": 57005
      },
      {
        "key": "q2-link.q2-list.entry",
        "components": [
          "q2-link",
          "q2-list"
        ],
        "bundleId": "q2-link_2",
        "fileName": "q2-link_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 14674
      },
      {
        "key": "q2-btn.q2-loading.entry",
        "components": [
          "q2-btn",
          "q2-loading"
        ],
        "bundleId": "q2-btn_2",
        "fileName": "q2-btn_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "shapes-DZ6aIPWK.js",
          "sprites-jG2RmiwF.js"
        ],
        "originalByteSize": 82520
      },
      {
        "key": "q2-carousel.entry",
        "components": [
          "q2-carousel"
        ],
        "bundleId": "q2-carousel",
        "fileName": "q2-carousel.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 195873
      },
      {
        "key": "click-elsewhere.q2-option-list.q2-popover.entry",
        "components": [
          "click-elsewhere",
          "q2-option-list",
          "q2-popover"
        ],
        "bundleId": "click-elsewhere_3",
        "fileName": "click-elsewhere_3.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 53750
      },
      {
        "key": "q2-chart-bar.entry",
        "components": [
          "q2-chart-bar"
        ],
        "bundleId": "q2-chart-bar",
        "fileName": "q2-chart-bar.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "charting-DOZct-UB.js",
          "dataSample-Dm1zpQNi.js",
          "sectorHelper--RMGWGAy.js"
        ],
        "originalByteSize": 56543
      },
      {
        "key": "q2-chart-area.entry",
        "components": [
          "q2-chart-area"
        ],
        "bundleId": "q2-chart-area",
        "fileName": "q2-chart-area.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "charting-DOZct-UB.js",
          "dataSample-Dm1zpQNi.js"
        ],
        "originalByteSize": 154865
      },
      {
        "key": "q2-badge.q2-input.entry",
        "components": [
          "q2-badge",
          "q2-input"
        ],
        "bundleId": "q2-badge_2",
        "fileName": "q2-badge_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 135204
      },
      {
        "key": "q2-chart-donut.entry",
        "components": [
          "q2-chart-donut"
        ],
        "bundleId": "q2-chart-donut",
        "fileName": "q2-chart-donut.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "charting-DOZct-UB.js",
          "sectorHelper--RMGWGAy.js"
        ],
        "originalByteSize": 180118
      }
    ],
    "esm": [
      {
        "key": "q2-loc.entry",
        "components": [
          "q2-loc"
        ],
        "bundleId": "q2-loc",
        "fileName": "q2-loc.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "sanitize-html-string-DPHNpMWE.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 2807
      },
      {
        "key": "q2-mutation-observer.entry",
        "components": [
          "q2-mutation-observer"
        ],
        "bundleId": "q2-mutation-observer",
        "fileName": "q2-mutation-observer.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 3400
      },
      {
        "key": "q2-section-container.entry",
        "components": [
          "q2-section-container"
        ],
        "bundleId": "q2-section-container",
        "fileName": "q2-section-container.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 4169
      },
      {
        "key": "q2-action-sheet.entry",
        "components": [
          "q2-action-sheet"
        ],
        "bundleId": "q2-action-sheet",
        "fileName": "q2-action-sheet.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "sanitize-html-string-DPHNpMWE.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 21971
      },
      {
        "key": "q2-card.entry",
        "components": [
          "q2-card"
        ],
        "bundleId": "q2-card",
        "fileName": "q2-card.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 14275
      },
      {
        "key": "q2-card-image.entry",
        "components": [
          "q2-card-image"
        ],
        "bundleId": "q2-card-image",
        "fileName": "q2-card-image.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 31847
      },
      {
        "key": "q2-checkbox-group.entry",
        "components": [
          "q2-checkbox-group"
        ],
        "bundleId": "q2-checkbox-group",
        "fileName": "q2-checkbox-group.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 8944
      },
      {
        "key": "q2-context.entry",
        "components": [
          "q2-context"
        ],
        "bundleId": "q2-context",
        "fileName": "q2-context.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 8299
      },
      {
        "key": "q2-currency.entry",
        "components": [
          "q2-currency"
        ],
        "bundleId": "q2-currency",
        "fileName": "q2-currency.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 11298
      },
      {
        "key": "q2-data-table.entry",
        "components": [
          "q2-data-table"
        ],
        "bundleId": "q2-data-table",
        "fileName": "q2-data-table.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 41189
      },
      {
        "key": "q2-detail.entry",
        "components": [
          "q2-detail"
        ],
        "bundleId": "q2-detail",
        "fileName": "q2-detail.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 9534
      },
      {
        "key": "q2-dropdown.entry",
        "components": [
          "q2-dropdown"
        ],
        "bundleId": "q2-dropdown",
        "fileName": "q2-dropdown.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "action-sheet-DuQ7VZ08.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 19086
      },
      {
        "key": "q2-editable-field.entry",
        "components": [
          "q2-editable-field"
        ],
        "bundleId": "q2-editable-field",
        "fileName": "q2-editable-field.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 13149
      },
      {
        "key": "q2-example.entry",
        "components": [
          "q2-example"
        ],
        "bundleId": "q2-example",
        "fileName": "q2-example.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 5358
      },
      {
        "key": "q2-file-picker.entry",
        "components": [
          "q2-file-picker"
        ],
        "bundleId": "q2-file-picker",
        "fileName": "q2-file-picker.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 28452
      },
      {
        "key": "q2-form.entry",
        "components": [
          "q2-form"
        ],
        "bundleId": "q2-form",
        "fileName": "q2-form.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 2706
      },
      {
        "key": "q2-formatted-text.entry",
        "components": [
          "q2-formatted-text"
        ],
        "bundleId": "q2-formatted-text",
        "fileName": "q2-formatted-text.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 5712
      },
      {
        "key": "q2-grid.entry",
        "components": [
          "q2-grid"
        ],
        "bundleId": "q2-grid",
        "fileName": "q2-grid.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 9088
      },
      {
        "key": "q2-grid-area.entry",
        "components": [
          "q2-grid-area"
        ],
        "bundleId": "q2-grid-area",
        "fileName": "q2-grid-area.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 9597
      },
      {
        "key": "q2-loading-element.entry",
        "components": [
          "q2-loading-element"
        ],
        "bundleId": "q2-loading-element",
        "fileName": "q2-loading-element.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "shapes-DZ6aIPWK.js"
        ],
        "originalByteSize": 1307
      },
      {
        "key": "q2-meter.entry",
        "components": [
          "q2-meter"
        ],
        "bundleId": "q2-meter",
        "fileName": "q2-meter.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 14361
      },
      {
        "key": "q2-modal.entry",
        "components": [
          "q2-modal"
        ],
        "bundleId": "q2-modal",
        "fileName": "q2-modal.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "sanitize-html-string-DPHNpMWE.js"
        ],
        "originalByteSize": 17037
      },
      {
        "key": "q2-month-picker.entry",
        "components": [
          "q2-month-picker"
        ],
        "bundleId": "q2-month-picker",
        "fileName": "q2-month-picker.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 10968
      },
      {
        "key": "q2-otp.entry",
        "components": [
          "q2-otp"
        ],
        "bundleId": "q2-otp",
        "fileName": "q2-otp.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 24516
      },
      {
        "key": "q2-pagination.entry",
        "components": [
          "q2-pagination"
        ],
        "bundleId": "q2-pagination",
        "fileName": "q2-pagination.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 21044
      },
      {
        "key": "q2-pill.entry",
        "components": [
          "q2-pill"
        ],
        "bundleId": "q2-pill",
        "fileName": "q2-pill.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "action-sheet-DuQ7VZ08.js"
        ],
        "originalByteSize": 31360
      },
      {
        "key": "q2-radio.entry",
        "components": [
          "q2-radio"
        ],
        "bundleId": "q2-radio",
        "fileName": "q2-radio.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 15979
      },
      {
        "key": "q2-radio-group.entry",
        "components": [
          "q2-radio-group"
        ],
        "bundleId": "q2-radio-group",
        "fileName": "q2-radio-group.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 14403
      },
      {
        "key": "q2-relative-time.entry",
        "components": [
          "q2-relative-time"
        ],
        "bundleId": "q2-relative-time",
        "fileName": "q2-relative-time.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-O1A-ZSZs.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 7418
      },
      {
        "key": "q2-search.entry",
        "components": [
          "q2-search"
        ],
        "bundleId": "q2-search",
        "fileName": "q2-search.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 46376
      },
      {
        "key": "q2-section.entry",
        "components": [
          "q2-section"
        ],
        "bundleId": "q2-section",
        "fileName": "q2-section.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 13360
      },
      {
        "key": "q2-stepper.entry",
        "components": [
          "q2-stepper"
        ],
        "bundleId": "q2-stepper",
        "fileName": "q2-stepper.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "sanitize-html-string-DPHNpMWE.js"
        ],
        "originalByteSize": 24581
      },
      {
        "key": "q2-stepper-pane.entry",
        "components": [
          "q2-stepper-pane"
        ],
        "bundleId": "q2-stepper-pane",
        "fileName": "q2-stepper-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 5565
      },
      {
        "key": "q2-stepper-vertical.entry",
        "components": [
          "q2-stepper-vertical"
        ],
        "bundleId": "q2-stepper-vertical",
        "fileName": "q2-stepper-vertical.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "sanitize-html-string-DPHNpMWE.js"
        ],
        "originalByteSize": 26746
      },
      {
        "key": "q2-surface.entry",
        "components": [
          "q2-surface"
        ],
        "bundleId": "q2-surface",
        "fileName": "q2-surface.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 16272
      },
      {
        "key": "q2-tab-container.entry",
        "components": [
          "q2-tab-container"
        ],
        "bundleId": "q2-tab-container",
        "fileName": "q2-tab-container.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 25506
      },
      {
        "key": "q2-tab-pane.entry",
        "components": [
          "q2-tab-pane"
        ],
        "bundleId": "q2-tab-pane",
        "fileName": "q2-tab-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 2781
      },
      {
        "key": "q2-textarea.entry",
        "components": [
          "q2-textarea"
        ],
        "bundleId": "q2-textarea",
        "fileName": "q2-textarea.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 29922
      },
      {
        "key": "q2-toast.entry",
        "components": [
          "q2-toast"
        ],
        "bundleId": "q2-toast",
        "fileName": "q2-toast.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 12178
      },
      {
        "key": "tecton-tab-pane.entry",
        "components": [
          "tecton-tab-pane"
        ],
        "bundleId": "tecton-tab-pane",
        "fileName": "tecton-tab-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 5493
      },
      {
        "key": "q2-avatar.entry",
        "components": [
          "q2-avatar"
        ],
        "bundleId": "q2-avatar",
        "fileName": "q2-avatar.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 8955
      },
      {
        "key": "q2-carousel-pane.entry",
        "components": [
          "q2-carousel-pane"
        ],
        "bundleId": "q2-carousel-pane",
        "fileName": "q2-carousel-pane.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 9308
      },
      {
        "key": "q2-dropdown-item.entry",
        "components": [
          "q2-dropdown-item"
        ],
        "bundleId": "q2-dropdown-item",
        "fileName": "q2-dropdown-item.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 9440
      },
      {
        "key": "q2-legend.entry",
        "components": [
          "q2-legend"
        ],
        "bundleId": "q2-legend",
        "fileName": "q2-legend.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 8244
      },
      {
        "key": "q2-optgroup.entry",
        "components": [
          "q2-optgroup"
        ],
        "bundleId": "q2-optgroup",
        "fileName": "q2-optgroup.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 4759
      },
      {
        "key": "q2-select.entry",
        "components": [
          "q2-select"
        ],
        "bundleId": "q2-select",
        "fileName": "q2-select.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "action-sheet-DuQ7VZ08.js"
        ],
        "originalByteSize": 49600
      },
      {
        "key": "q2-tooltip.entry",
        "components": [
          "q2-tooltip"
        ],
        "bundleId": "q2-tooltip",
        "fileName": "q2-tooltip.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 21281
      },
      {
        "key": "q2-action-group.entry",
        "components": [
          "q2-action-group"
        ],
        "bundleId": "q2-action-group",
        "fileName": "q2-action-group.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 13612
      },
      {
        "key": "q2-item.entry",
        "components": [
          "q2-item"
        ],
        "bundleId": "q2-item",
        "fileName": "q2-item.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 13490
      },
      {
        "key": "q2-option.entry",
        "components": [
          "q2-option"
        ],
        "bundleId": "q2-option",
        "fileName": "q2-option.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 8621
      },
      {
        "key": "q2-message.entry",
        "components": [
          "q2-message"
        ],
        "bundleId": "q2-message",
        "fileName": "q2-message.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 9722
      },
      {
        "key": "q2-resize-observer.entry",
        "components": [
          "q2-resize-observer"
        ],
        "bundleId": "q2-resize-observer",
        "fileName": "q2-resize-observer.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js"
        ],
        "originalByteSize": 4257
      },
      {
        "key": "q2-icon.entry",
        "components": [
          "q2-icon"
        ],
        "bundleId": "q2-icon",
        "fileName": "q2-icon.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "sprites-jG2RmiwF.js"
        ],
        "originalByteSize": 25696
      },
      {
        "key": "q2-calendar.entry",
        "components": [
          "q2-calendar"
        ],
        "bundleId": "q2-calendar",
        "fileName": "q2-calendar.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-O1A-ZSZs.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 62126
      },
      {
        "key": "q2-checkbox.q2-tag.entry",
        "components": [
          "q2-checkbox",
          "q2-tag"
        ],
        "bundleId": "q2-checkbox_2",
        "fileName": "q2-checkbox_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "action-sheet-DuQ7VZ08.js"
        ],
        "originalByteSize": 57005
      },
      {
        "key": "q2-link.q2-list.entry",
        "components": [
          "q2-link",
          "q2-list"
        ],
        "bundleId": "q2-link_2",
        "fileName": "q2-link_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 14674
      },
      {
        "key": "q2-btn.q2-loading.entry",
        "components": [
          "q2-btn",
          "q2-loading"
        ],
        "bundleId": "q2-btn_2",
        "fileName": "q2-btn_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "shapes-DZ6aIPWK.js",
          "sprites-jG2RmiwF.js"
        ],
        "originalByteSize": 82520
      },
      {
        "key": "q2-carousel.entry",
        "components": [
          "q2-carousel"
        ],
        "bundleId": "q2-carousel",
        "fileName": "q2-carousel.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js"
        ],
        "originalByteSize": 195873
      },
      {
        "key": "click-elsewhere.q2-option-list.q2-popover.entry",
        "components": [
          "click-elsewhere",
          "q2-option-list",
          "q2-popover"
        ],
        "bundleId": "click-elsewhere_3",
        "fileName": "click-elsewhere_3.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "mirror-emit-DUjY_ucm.js",
          "component-DaQM9u3s.js",
          "index-DJw6Feh0.js"
        ],
        "originalByteSize": 53750
      },
      {
        "key": "q2-chart-bar.entry",
        "components": [
          "q2-chart-bar"
        ],
        "bundleId": "q2-chart-bar",
        "fileName": "q2-chart-bar.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "charting-DOZct-UB.js",
          "dataSample-Dm1zpQNi.js",
          "sectorHelper--RMGWGAy.js"
        ],
        "originalByteSize": 56543
      },
      {
        "key": "q2-chart-area.entry",
        "components": [
          "q2-chart-area"
        ],
        "bundleId": "q2-chart-area",
        "fileName": "q2-chart-area.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "charting-DOZct-UB.js",
          "dataSample-Dm1zpQNi.js"
        ],
        "originalByteSize": 154865
      },
      {
        "key": "q2-badge.q2-input.entry",
        "components": [
          "q2-badge",
          "q2-input"
        ],
        "bundleId": "q2-badge_2",
        "fileName": "q2-badge_2.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js"
        ],
        "originalByteSize": 135204
      },
      {
        "key": "q2-chart-donut.entry",
        "components": [
          "q2-chart-donut"
        ],
        "bundleId": "q2-chart-donut",
        "fileName": "q2-chart-donut.entry.js",
        "imports": [
          "index-Cqkz7Bnm.js",
          "index-DJw6Feh0.js",
          "mirror-emit-DUjY_ucm.js",
          "charting-DOZct-UB.js",
          "sectorHelper--RMGWGAy.js"
        ],
        "originalByteSize": 180118
      }
    ],
    "es5": [],
    "system": [],
    "commonjs": [
      {
        "key": "q2-loc.entry",
        "components": [
          "q2-loc"
        ],
        "bundleId": "q2-loc.cjs",
        "fileName": "q2-loc.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "sanitize-html-string-D17Pr7-c.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 2815
      },
      {
        "key": "q2-mutation-observer.entry",
        "components": [
          "q2-mutation-observer"
        ],
        "bundleId": "q2-mutation-observer.cjs",
        "fileName": "q2-mutation-observer.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 3380
      },
      {
        "key": "q2-section-container.entry",
        "components": [
          "q2-section-container"
        ],
        "bundleId": "q2-section-container.cjs",
        "fileName": "q2-section-container.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 4158
      },
      {
        "key": "q2-action-sheet.entry",
        "components": [
          "q2-action-sheet"
        ],
        "bundleId": "q2-action-sheet.cjs",
        "fileName": "q2-action-sheet.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "sanitize-html-string-D17Pr7-c.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 22087
      },
      {
        "key": "q2-card.entry",
        "components": [
          "q2-card"
        ],
        "bundleId": "q2-card.cjs",
        "fileName": "q2-card.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 14296
      },
      {
        "key": "q2-card-image.entry",
        "components": [
          "q2-card-image"
        ],
        "bundleId": "q2-card-image.cjs",
        "fileName": "q2-card-image.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 32096
      },
      {
        "key": "q2-checkbox-group.entry",
        "components": [
          "q2-checkbox-group"
        ],
        "bundleId": "q2-checkbox-group.cjs",
        "fileName": "q2-checkbox-group.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 8962
      },
      {
        "key": "q2-context.entry",
        "components": [
          "q2-context"
        ],
        "bundleId": "q2-context.cjs",
        "fileName": "q2-context.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 8370
      },
      {
        "key": "q2-currency.entry",
        "components": [
          "q2-currency"
        ],
        "bundleId": "q2-currency.cjs",
        "fileName": "q2-currency.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 11333
      },
      {
        "key": "q2-data-table.entry",
        "components": [
          "q2-data-table"
        ],
        "bundleId": "q2-data-table.cjs",
        "fileName": "q2-data-table.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 41816
      },
      {
        "key": "q2-detail.entry",
        "components": [
          "q2-detail"
        ],
        "bundleId": "q2-detail.cjs",
        "fileName": "q2-detail.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 9535
      },
      {
        "key": "q2-dropdown.entry",
        "components": [
          "q2-dropdown"
        ],
        "bundleId": "q2-dropdown.cjs",
        "fileName": "q2-dropdown.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "action-sheet-DUBlF_x3.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 19117
      },
      {
        "key": "q2-editable-field.entry",
        "components": [
          "q2-editable-field"
        ],
        "bundleId": "q2-editable-field.cjs",
        "fileName": "q2-editable-field.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 13250
      },
      {
        "key": "q2-example.entry",
        "components": [
          "q2-example"
        ],
        "bundleId": "q2-example.cjs",
        "fileName": "q2-example.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 5354
      },
      {
        "key": "q2-file-picker.entry",
        "components": [
          "q2-file-picker"
        ],
        "bundleId": "q2-file-picker.cjs",
        "fileName": "q2-file-picker.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 28730
      },
      {
        "key": "q2-form.entry",
        "components": [
          "q2-form"
        ],
        "bundleId": "q2-form.cjs",
        "fileName": "q2-form.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 2715
      },
      {
        "key": "q2-formatted-text.entry",
        "components": [
          "q2-formatted-text"
        ],
        "bundleId": "q2-formatted-text.cjs",
        "fileName": "q2-formatted-text.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 5721
      },
      {
        "key": "q2-grid.entry",
        "components": [
          "q2-grid"
        ],
        "bundleId": "q2-grid.cjs",
        "fileName": "q2-grid.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 9083
      },
      {
        "key": "q2-grid-area.entry",
        "components": [
          "q2-grid-area"
        ],
        "bundleId": "q2-grid-area.cjs",
        "fileName": "q2-grid-area.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 9589
      },
      {
        "key": "q2-loading-element.entry",
        "components": [
          "q2-loading-element"
        ],
        "bundleId": "q2-loading-element.cjs",
        "fileName": "q2-loading-element.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "shapes-CWaeHFb9.js"
        ],
        "originalByteSize": 1316
      },
      {
        "key": "q2-meter.entry",
        "components": [
          "q2-meter"
        ],
        "bundleId": "q2-meter.cjs",
        "fileName": "q2-meter.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 14611
      },
      {
        "key": "q2-modal.entry",
        "components": [
          "q2-modal"
        ],
        "bundleId": "q2-modal.cjs",
        "fileName": "q2-modal.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "sanitize-html-string-D17Pr7-c.js"
        ],
        "originalByteSize": 17123
      },
      {
        "key": "q2-month-picker.entry",
        "components": [
          "q2-month-picker"
        ],
        "bundleId": "q2-month-picker.cjs",
        "fileName": "q2-month-picker.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 11070
      },
      {
        "key": "q2-otp.entry",
        "components": [
          "q2-otp"
        ],
        "bundleId": "q2-otp.cjs",
        "fileName": "q2-otp.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 24680
      },
      {
        "key": "q2-pagination.entry",
        "components": [
          "q2-pagination"
        ],
        "bundleId": "q2-pagination.cjs",
        "fileName": "q2-pagination.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 21247
      },
      {
        "key": "q2-pill.entry",
        "components": [
          "q2-pill"
        ],
        "bundleId": "q2-pill.cjs",
        "fileName": "q2-pill.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "action-sheet-DUBlF_x3.js"
        ],
        "originalByteSize": 31456
      },
      {
        "key": "q2-radio.entry",
        "components": [
          "q2-radio"
        ],
        "bundleId": "q2-radio.cjs",
        "fileName": "q2-radio.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 15987
      },
      {
        "key": "q2-radio-group.entry",
        "components": [
          "q2-radio-group"
        ],
        "bundleId": "q2-radio-group.cjs",
        "fileName": "q2-radio-group.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 14419
      },
      {
        "key": "q2-relative-time.entry",
        "components": [
          "q2-relative-time"
        ],
        "bundleId": "q2-relative-time.cjs",
        "fileName": "q2-relative-time.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-CgG3VNXc.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 7424
      },
      {
        "key": "q2-search.entry",
        "components": [
          "q2-search"
        ],
        "bundleId": "q2-search.cjs",
        "fileName": "q2-search.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 46643
      },
      {
        "key": "q2-section.entry",
        "components": [
          "q2-section"
        ],
        "bundleId": "q2-section.cjs",
        "fileName": "q2-section.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 13396
      },
      {
        "key": "q2-stepper.entry",
        "components": [
          "q2-stepper"
        ],
        "bundleId": "q2-stepper.cjs",
        "fileName": "q2-stepper.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "sanitize-html-string-D17Pr7-c.js"
        ],
        "originalByteSize": 24762
      },
      {
        "key": "q2-stepper-pane.entry",
        "components": [
          "q2-stepper-pane"
        ],
        "bundleId": "q2-stepper-pane.cjs",
        "fileName": "q2-stepper-pane.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "component-iASoq6gx.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 5605
      },
      {
        "key": "q2-stepper-vertical.entry",
        "components": [
          "q2-stepper-vertical"
        ],
        "bundleId": "q2-stepper-vertical.cjs",
        "fileName": "q2-stepper-vertical.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "sanitize-html-string-D17Pr7-c.js"
        ],
        "originalByteSize": 26945
      },
      {
        "key": "q2-surface.entry",
        "components": [
          "q2-surface"
        ],
        "bundleId": "q2-surface.cjs",
        "fileName": "q2-surface.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 16259
      },
      {
        "key": "q2-tab-container.entry",
        "components": [
          "q2-tab-container"
        ],
        "bundleId": "q2-tab-container.cjs",
        "fileName": "q2-tab-container.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 25583
      },
      {
        "key": "q2-tab-pane.entry",
        "components": [
          "q2-tab-pane"
        ],
        "bundleId": "q2-tab-pane.cjs",
        "fileName": "q2-tab-pane.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 2764
      },
      {
        "key": "q2-textarea.entry",
        "components": [
          "q2-textarea"
        ],
        "bundleId": "q2-textarea.cjs",
        "fileName": "q2-textarea.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 29964
      },
      {
        "key": "q2-toast.entry",
        "components": [
          "q2-toast"
        ],
        "bundleId": "q2-toast.cjs",
        "fileName": "q2-toast.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 12315
      },
      {
        "key": "tecton-tab-pane.entry",
        "components": [
          "tecton-tab-pane"
        ],
        "bundleId": "tecton-tab-pane.cjs",
        "fileName": "tecton-tab-pane.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 5515
      },
      {
        "key": "q2-avatar.entry",
        "components": [
          "q2-avatar"
        ],
        "bundleId": "q2-avatar.cjs",
        "fileName": "q2-avatar.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 8989
      },
      {
        "key": "q2-carousel-pane.entry",
        "components": [
          "q2-carousel-pane"
        ],
        "bundleId": "q2-carousel-pane.cjs",
        "fileName": "q2-carousel-pane.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "component-iASoq6gx.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 9319
      },
      {
        "key": "q2-dropdown-item.entry",
        "components": [
          "q2-dropdown-item"
        ],
        "bundleId": "q2-dropdown-item.cjs",
        "fileName": "q2-dropdown-item.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 9495
      },
      {
        "key": "q2-legend.entry",
        "components": [
          "q2-legend"
        ],
        "bundleId": "q2-legend.cjs",
        "fileName": "q2-legend.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 8339
      },
      {
        "key": "q2-optgroup.entry",
        "components": [
          "q2-optgroup"
        ],
        "bundleId": "q2-optgroup.cjs",
        "fileName": "q2-optgroup.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "component-iASoq6gx.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 4763
      },
      {
        "key": "q2-select.entry",
        "components": [
          "q2-select"
        ],
        "bundleId": "q2-select.cjs",
        "fileName": "q2-select.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "action-sheet-DUBlF_x3.js"
        ],
        "originalByteSize": 49814
      },
      {
        "key": "q2-tooltip.entry",
        "components": [
          "q2-tooltip"
        ],
        "bundleId": "q2-tooltip.cjs",
        "fileName": "q2-tooltip.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 21265
      },
      {
        "key": "q2-action-group.entry",
        "components": [
          "q2-action-group"
        ],
        "bundleId": "q2-action-group.cjs",
        "fileName": "q2-action-group.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 13624
      },
      {
        "key": "q2-item.entry",
        "components": [
          "q2-item"
        ],
        "bundleId": "q2-item.cjs",
        "fileName": "q2-item.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 13577
      },
      {
        "key": "q2-option.entry",
        "components": [
          "q2-option"
        ],
        "bundleId": "q2-option.cjs",
        "fileName": "q2-option.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 8652
      },
      {
        "key": "q2-message.entry",
        "components": [
          "q2-message"
        ],
        "bundleId": "q2-message.cjs",
        "fileName": "q2-message.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 9711
      },
      {
        "key": "q2-resize-observer.entry",
        "components": [
          "q2-resize-observer"
        ],
        "bundleId": "q2-resize-observer.cjs",
        "fileName": "q2-resize-observer.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js"
        ],
        "originalByteSize": 4237
      },
      {
        "key": "q2-icon.entry",
        "components": [
          "q2-icon"
        ],
        "bundleId": "q2-icon.cjs",
        "fileName": "q2-icon.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "sprites-DZZE7UFT.js"
        ],
        "originalByteSize": 25681
      },
      {
        "key": "q2-calendar.entry",
        "components": [
          "q2-calendar"
        ],
        "bundleId": "q2-calendar.cjs",
        "fileName": "q2-calendar.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-CgG3VNXc.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 63019
      },
      {
        "key": "q2-checkbox.q2-tag.entry",
        "components": [
          "q2-checkbox",
          "q2-tag"
        ],
        "bundleId": "q2-checkbox_2.cjs",
        "fileName": "q2-checkbox_2.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "action-sheet-DUBlF_x3.js"
        ],
        "originalByteSize": 57301
      },
      {
        "key": "q2-link.q2-list.entry",
        "components": [
          "q2-link",
          "q2-list"
        ],
        "bundleId": "q2-link_2.cjs",
        "fileName": "q2-link_2.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 14728
      },
      {
        "key": "q2-btn.q2-loading.entry",
        "components": [
          "q2-btn",
          "q2-loading"
        ],
        "bundleId": "q2-btn_2.cjs",
        "fileName": "q2-btn_2.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "shapes-CWaeHFb9.js",
          "sprites-DZZE7UFT.js"
        ],
        "originalByteSize": 82590
      },
      {
        "key": "q2-carousel.entry",
        "components": [
          "q2-carousel"
        ],
        "bundleId": "q2-carousel.cjs",
        "fileName": "q2-carousel.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "component-iASoq6gx.js"
        ],
        "originalByteSize": 196035
      },
      {
        "key": "click-elsewhere.q2-option-list.q2-popover.entry",
        "components": [
          "click-elsewhere",
          "q2-option-list",
          "q2-popover"
        ],
        "bundleId": "click-elsewhere_3.cjs",
        "fileName": "click-elsewhere_3.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "mirror-emit-kjeNv83f.js",
          "component-iASoq6gx.js",
          "index-BY3aao8R.js"
        ],
        "originalByteSize": 53838
      },
      {
        "key": "q2-chart-bar.entry",
        "components": [
          "q2-chart-bar"
        ],
        "bundleId": "q2-chart-bar.cjs",
        "fileName": "q2-chart-bar.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "charting-ClN1ldqv.js",
          "dataSample-BYR-wrOn.js",
          "sectorHelper-9TWL-3dw.js"
        ],
        "originalByteSize": 56355
      },
      {
        "key": "q2-chart-area.entry",
        "components": [
          "q2-chart-area"
        ],
        "bundleId": "q2-chart-area.cjs",
        "fileName": "q2-chart-area.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "charting-ClN1ldqv.js",
          "dataSample-BYR-wrOn.js"
        ],
        "originalByteSize": 155178
      },
      {
        "key": "q2-badge.q2-input.entry",
        "components": [
          "q2-badge",
          "q2-input"
        ],
        "bundleId": "q2-badge_2.cjs",
        "fileName": "q2-badge_2.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js"
        ],
        "originalByteSize": 135645
      },
      {
        "key": "q2-chart-donut.entry",
        "components": [
          "q2-chart-donut"
        ],
        "bundleId": "q2-chart-donut.cjs",
        "fileName": "q2-chart-donut.cjs.entry.js",
        "imports": [
          "index-DUaTw_1N.js",
          "index-BY3aao8R.js",
          "mirror-emit-kjeNv83f.js",
          "charting-ClN1ldqv.js",
          "sectorHelper-9TWL-3dw.js"
        ],
        "originalByteSize": 180507
      }
    ]
  },
  "components": [
    {
      "tag": "click-elsewhere",
      "path": "./src/components/click-elsewhere/click-elsewhere.js",
      "source": "./src/components/click-elsewhere/click-elsewhere.tsx",
      "elementRef": "hostElement",
      "componentClassName": "ClickElsewhere",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-calendar",
        "q2-chart-donut",
        "q2-data-table",
        "q2-dropdown",
        "q2-legend",
        "q2-pagination",
        "q2-pill",
        "q2-search",
        "q2-select",
        "q2-tag"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-calendar",
        "q2-chart-donut",
        "q2-dropdown",
        "q2-legend",
        "q2-pill",
        "q2-search",
        "q2-select",
        "q2-tag"
      ],
      "docs": {
        "tags": [],
        "text": ""
      },
      "encapsulation": "none",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the user clicks outside the element"
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": false,
          "docs": {
            "tags": [],
            "text": "Emitted when the user clicks outside the element"
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-action-group",
      "path": "./src/components/q2-action-group/q2-action-group.js",
      "source": "./src/components/q2-action-group/q2-action-group.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2ActionGroup",
      "assetsDirs": [],
      "dependencies": [
        "q2-resize-observer"
      ],
      "dependents": [
        "q2-context",
        "q2-modal"
      ],
      "directDependencies": [
        "q2-resize-observer"
      ],
      "directDependents": [
        "q2-context",
        "q2-modal"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Action Group"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for laying out groups of buttons or links with consistent spacing."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-resize-observer"
      ],
      "properties": [
        {
          "name": "fullWidth",
          "type": "boolean",
          "attribute": "full-width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "This will prevent the buttons from wrapping when the container is too small to fit all buttons."
              }
            ],
            "text": "Whether the slotted elements should take up the full width of the container when in horizontal orientation."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientation",
          "type": "string",
          "attribute": "orientation",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "'auto' | 'vertical' | 'horizontal'",
            "resolved": "\"auto\" | \"horizontal\" | \"vertical\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This will override and disable the auto determination of the orientation."
              },
              {
                "name": "warning",
                "text": "Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/)\nor `\"coin\"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to \"horizontal\"."
              },
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "The orientation of the buttons, which will override the auto orientation."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientationThreshold",
          "type": "number",
          "attribute": "orientation-threshold",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "440",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "The component determines this based on the width of the element itself, not the browser window."
              },
              {
                "name": "default",
                "text": "440"
              }
            ],
            "text": "The width, in pixels, that determines whether to display the buttons in vertical or horizontal orientation"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "autoOrientation"
        },
        {
          "name": "slottedElements"
        }
      ]
    },
    {
      "tag": "q2-action-sheet",
      "path": "./src/components/q2-action-sheet/q2-action-sheet.js",
      "source": "./src/components/q2-action-sheet/q2-action-sheet.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2ActionSheet",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-icon",
        "q2-loading",
        "q2-message",
        "q2-optgroup",
        "q2-option",
        "q2-option-list"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-optgroup",
        "q2-option",
        "q2-option-list",
        "q2-btn",
        "q2-message",
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Action Sheet"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for presenting a modal sheet."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "close",
          "method": "close",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClose' instead"
              }
            ],
            "text": "Emitted when the action sheet is closed."
          },
          "complexType": {
            "original": "ActionSheetListCloseData",
            "resolved": "ActionSheetListCloseData",
            "references": {
              "ActionSheetListCloseData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/action-sheet",
                "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetListCloseData",
                "referenceLocation": "ActionSheetListCloseData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "ready",
          "method": "ready",
          "bubbles": false,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the component has finished rendering."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClose",
          "method": "tctClose",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the action sheet is closed."
          },
          "complexType": {
            "original": "ActionSheetListCloseData",
            "resolved": "ActionSheetListCloseData",
            "references": {
              "ActionSheetListCloseData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/action-sheet",
                "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetListCloseData",
                "referenceLocation": "ActionSheetListCloseData"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "hide",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "(data?: ActionSheetListCloseData) => Promise<void>",
            "parameters": [
              {
                "name": "data",
                "type": "ActionSheetListCloseData",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ActionSheetListCloseData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/action-sheet",
                "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetListCloseData",
                "referenceLocation": "ActionSheetListCloseData"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "show",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-optgroup",
        "q2-option",
        "q2-option-list",
        "q2-btn",
        "q2-message",
        "q2-icon"
      ],
      "properties": [
        {
          "name": "data",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "ActionSheetData",
            "resolved": "{ appearance: \"list\"; title?: string; description?: string; event?: MouseEvent | KeyboardEvent; listProps: { multiple: boolean; selectedOptions: ActionSheetSelectedOption[]; noSelect: boolean; }; options: ActionSheetListDataOptions; slotsHtml?: ActionSheetStaticHtmlData[]; } | { appearance: \"message\"; type: \"info\" | \"success\" | \"warning\" | \"error\"; title?: string; description?: string; slotsHtml?: ActionSheetStaticHtmlData[]; }",
            "references": {
              "ActionSheetData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/action-sheet",
                "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetData",
                "referenceLocation": "ActionSheetData"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideClose",
          "type": "boolean",
          "attribute": "hide-close",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "title",
          "type": "string",
          "attribute": "title",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "isScrollable"
        },
        {
          "name": "renderStatus"
        }
      ]
    },
    {
      "tag": "q2-avatar",
      "path": "./src/components/q2-avatar/q2-avatar.js",
      "source": "./src/components/q2-avatar/q2-avatar.tsx",
      "elementRef": "el",
      "componentClassName": "Q2Avatar",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [
        "q2-card"
      ],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [
        "q2-card"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Avatar"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying photos, initials, or icons for people, businesses, or accounts."
          },
          {
            "name": "slot",
            "text": "decorator - An optional affordance indicator to display in the top-right corner"
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "icon",
          "type": "string",
          "attribute": "icon",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'person'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'person'"
              }
            ],
            "text": "A [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to display as the fallback."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "initials",
          "type": "string",
          "attribute": "initials",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A set of up to four initials to display as capitalized text. Takes priority over `name`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "We recommend always providing a name when you want the avatar to be presented to screen readers."
              }
            ],
            "text": "The name associated with the avatar.\nThe initials of the first and last words provided will display as capital letters."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'medium'",
          "complexType": {
            "original": "'small' | 'medium' | 'large'",
            "resolved": "\"large\" | \"medium\" | \"small\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'medium'"
              }
            ],
            "text": "Determines how large to make the avatar"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "src",
          "type": "string",
          "attribute": "src",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays the image provided by the user."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "badSrc"
        },
        {
          "name": "hasDecorator"
        },
        {
          "name": "isLoaded"
        }
      ]
    },
    {
      "tag": "q2-badge",
      "path": "./src/components/q2-badge/q2-badge.js",
      "source": "./src/components/q2-badge/q2-badge.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Badge",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-calendar",
        "q2-data-table",
        "q2-editable-field",
        "q2-input",
        "q2-pagination",
        "q2-search",
        "q2-select",
        "q2-tab-container"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-data-table",
        "q2-input",
        "q2-tab-container"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Badge"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying counts, statuses, or indicators on other elements."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "getTextContent",
          "docs": {
            "text": "Returns the text content of the badge. This accounts for the text in slotted elements or the Shadow DOM.",
            "tags": [
              {
                "name": "testonly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<string>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<string>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "maxLength",
          "type": "number",
          "attribute": "max-length",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number | undefined",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The number of characters to show. A maximum limit of 18 characters is acceptable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'default' | 'large' | undefined",
            "resolved": "\"default\" | \"large\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The size of the badge."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "status",
          "type": "string",
          "attribute": "status",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'info' | 'alert' | 'warning' | 'success' | undefined",
            "resolved": "\"alert\" | \"info\" | \"success\" | \"warning\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The stoplight color of the element when `theme` is not present."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "theme",
          "type": "string",
          "attribute": "theme",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'primary' | 'secondary' | 'tertiary' | undefined",
            "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The color of the badge when in the active state.\nThe `theme` has higher priority than `status`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "any",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number | string",
            "resolved": "number | string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "`q2-badge` also has limited support for slotted HTML elements."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "What to display in the badge. Negative numbers will be shown as positive."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-btn",
      "path": "./src/components/q2-btn/q2-btn.js",
      "source": "./src/components/q2-btn/q2-btn.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Btn",
      "assetsDirs": [],
      "dependencies": [
        "q2-loading"
      ],
      "dependents": [
        "q2-action-sheet",
        "q2-calendar",
        "q2-card-image",
        "q2-carousel",
        "q2-data-table",
        "q2-dropdown",
        "q2-editable-field",
        "q2-file-picker",
        "q2-input",
        "q2-modal",
        "q2-month-picker",
        "q2-otp",
        "q2-pagination",
        "q2-search",
        "q2-section",
        "q2-select",
        "q2-stepper",
        "q2-tab-container"
      ],
      "directDependencies": [
        "q2-loading"
      ],
      "directDependents": [
        "q2-action-sheet",
        "q2-calendar",
        "q2-card-image",
        "q2-carousel",
        "q2-data-table",
        "q2-dropdown",
        "q2-editable-field",
        "q2-file-picker",
        "q2-input",
        "q2-modal",
        "q2-month-picker",
        "q2-otp",
        "q2-pagination",
        "q2-section",
        "q2-stepper",
        "q2-tab-container"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Button"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for triggering actions including submit, save, cancel, or delete."
          },
          {
            "name": "slot",
            "text": "coin-label - An optional slot to display a custom coin button label."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the button is clicked."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "handleClick",
          "capture": true,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [
        "q2-loading"
      ],
      "properties": [
        {
          "name": "_role",
          "type": "string",
          "attribute": "_role",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Role attribute for better semantic accessibility support"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "_tooltip",
          "type": "string",
          "attribute": "_tooltip",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Tooltip text set by a parent q2-tooltip component for accessibility."
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "active",
          "type": "boolean",
          "attribute": "active",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only intended for use with the `badge` property."
              },
              {
                "name": "deprecated"
              }
            ],
            "text": "Displays the component in an active state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaControls",
          "type": "string",
          "attribute": "aria-controls",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaExpanded",
          "type": "string",
          "attribute": "aria-expanded",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaHasPopup",
          "type": "string",
          "attribute": "aria-has-popup",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaPressed",
          "type": "string",
          "attribute": "aria-pressed",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaSelected",
          "type": "string",
          "attribute": "aria-selected",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badge",
          "type": "boolean",
          "attribute": "badge",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "Displays the component in a smaller, badge style."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "block",
          "type": "boolean",
          "attribute": "block",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The component expands to fill the width of its parent element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "color",
          "type": "string",
          "attribute": "color",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Marks the component as disabled and displays a `not-allowed` cursor on hover."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fab",
          "type": "boolean",
          "attribute": "fab",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "form",
          "type": "string",
          "attribute": "form",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Associates the button with a `<form>` element by form ID."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Hides the `label`, and assigns its value to the `aria-label` attribute on the `<button>` element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "intent",
          "type": "string",
          "attribute": "intent",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "| 'coin'\n        | 'neutral-text'\n        | 'neutral'\n        | 'workflow-destroy'\n        | 'workflow-escape'\n        | 'workflow-primary'\n        | 'workflow-secondary'",
            "resolved": "\"coin\" | \"neutral\" | \"neutral-text\" | \"workflow-destroy\" | \"workflow-escape\" | \"workflow-primary\" | \"workflow-secondary\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates the role of the component in the workflow, which will apply appropriate styling to the component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the text content of the button if it is not provided in the `<slot>` of the element.\nAlso used for the `aria-label` of the `<button>` element when only displaying an icon."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "attribute": "loading",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays the button with a loading spinner to indicate something is happening in the background and the user should not click again."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'small' | 'medium' | 'large'",
            "resolved": "\"large\" | \"medium\" | \"small\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the size of q2-btn, it renders as default size if not provided."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tabIndex",
          "type": "number",
          "attribute": "tab-index",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'button'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'button'"
              }
            ],
            "text": "The default behavior of the button."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "iconPosition"
        }
      ]
    },
    {
      "tag": "q2-calendar",
      "path": "./src/components/q2-calendar/q2-calendar.js",
      "source": "./src/components/q2-calendar/q2-calendar.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Calendar",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-input",
        "q2-loading",
        "q2-message",
        "q2-popover"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-btn",
        "q2-icon",
        "q2-message",
        "q2-input",
        "click-elsewhere",
        "q2-popover"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Calendar"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for selecting a date from a calendar popover."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when a date is selected or typed in the input field."
          },
          "complexType": {
            "original": "{\n        // ISO formatted date\n        value: string | null;\n    }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "error",
          "method": "error",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctError' instead"
              }
            ],
            "text": "Emitted when an invalid date is entered into the field."
          },
          "complexType": {
            "original": "{ errors: { message: string; errorCode: string }[] }",
            "resolved": "{ errors: { message: string; errorCode: string; }[]; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "success",
          "method": "success",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctSuccess' instead"
              }
            ],
            "text": "Emitted when a valid date is entered or selected."
          },
          "complexType": {
            "original": "{\n        // ISO formatted date\n        value: string;\n    }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when a date is selected or typed in the input field."
          },
          "complexType": {
            "original": "{\n        // ISO formatted date\n        value: string | null;\n    }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctError",
          "method": "tctError",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when an invalid date is entered into the field."
          },
          "complexType": {
            "original": "{ errors: { message: string; errorCode: string }[] }",
            "resolved": "{ errors: { message: string; errorCode: string; }[]; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctSuccess",
          "method": "tctSuccess",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a valid date is entered or selected."
          },
          "complexType": {
            "original": "{\n        // ISO formatted date\n        value: string;\n    }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "defaultChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "clear",
          "method": "handleClear",
          "capture": false,
          "passive": false
        },
        {
          "name": "error",
          "method": "defaultErrorHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "popoverStateChanged",
          "method": "popoverStateHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "success",
          "method": "defaultSuccessHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "closePopover",
          "docs": {
            "text": "Emulates clicking the `<input>` to hide the popover if it is visible.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openPopover",
          "docs": {
            "text": "Emulates clicking the `<input>` to display the popover if it is hidden.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates clicking the `<input>` to display the popover, moving to the correct month and year, and clicking the\nprovided date.\n\nWhile a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\nwill not select the date.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string | Date) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string | Date",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "Date": {
                "location": "global",
                "id": "global::Date"
              },
              "HTMLTableCellElement": {
                "location": "global",
                "id": "global::HTMLTableCellElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "typeValue",
          "docs": {
            "text": "Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n\nWhile a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\nwill not select the date.",
            "tags": [
              {
                "name": "warning",
                "text": "Only applicable when the input is typeable."
              },
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string | Date) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string | Date",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "Date": {
                "location": "global",
                "id": "global::Date"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-btn",
        "q2-icon",
        "q2-message",
        "q2-input",
        "click-elsewhere",
        "q2-popover"
      ],
      "properties": [
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "assume",
          "type": "string",
          "attribute": "assume",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'current'",
          "complexType": {
            "original": "'current' | 'future' | 'past'",
            "resolved": "\"current\" | \"future\" | \"past\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'current'"
              }
            ],
            "text": "Detects the year automatically based on today's date when the user presses the `Escape` key or the `Blur` mouse event occurs.\nSetting `future` or `past` as the value will increase or decrease the year by one, respectively."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "buttonLabel",
          "type": "string",
          "attribute": "button-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "calendarLabel",
          "type": "string",
          "attribute": "calendar-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A label shown at the top of the popover date picker."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clearable",
          "type": "boolean",
          "attribute": "clearable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Display a button in the input field allowing the user to clear their selection."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cutoffTime",
          "type": "string",
          "attribute": "cutoff-time",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Must be a valid ISO date string."
              }
            ],
            "text": "Specifies a time of day after which a date is no longer valid."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "daysOfWeekChecksum",
          "type": "number",
          "attribute": "days-of-week-checksum",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.daysOfWeekChecksum = 127 // All days of the week are valid\nelement.daysOfWeekChecksum = 62; // Only weekdays are valid\nelement.daysOfWeekChecksum = 65; // Only Saturday and Sunday are valid"
              }
            ],
            "text": "The most concise way to define valid days of the week for calendar. Each day of the week has a checksum value:\n\n- Sunday = 1\n- Monday = 2\n- Tuesday = 4\n- Wednesday = 8\n- Thursday = 16\n- Friday = 32\n- Saturday = 64\n\nAdd the checksum values of your desired valid days together, and set `daysOfWeekChecksum` to that summed value.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disable the input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabledMsg",
          "type": "string",
          "attribute": "disabled-msg",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Text that displays as the placeholder when the field is marked `disabled`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disclaimer",
          "type": "string",
          "attribute": "disclaimer",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Text that appears at the bottom of the popover date picker."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "displayFormat",
          "type": "string",
          "attribute": "display-format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the display format of the date field value.\n\nMust follow the [date-fns](https://date-fns.org/v2.28.0/docs/format) token specification."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "endDate",
          "type": "string",
          "attribute": "end-date",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Must be a valid ISO date string."
              }
            ],
            "text": "Defines the last selectable date in the date picker popover."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errors",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Each item in the `errors` array will appear below the input field when the field is focused and `typeable` is `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Hide the input field's ` <label> ` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hints",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "attribute": "invalid",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Show error styles when the calendar is in an errant state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalidDates",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Must be a valid ISO date string."
              },
              {
                "name": "info",
                "text": "When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden."
              }
            ],
            "text": "Defines an explicit date blacklist."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The visible label for the `q2-calendar` input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "onsuccess",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "(e: CustomEvent) => void",
            "resolved": "(e: CustomEvent<any>) => void",
            "references": {
              "CustomEvent": {
                "location": "global",
                "id": "global::CustomEvent"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "attribute": "open",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "readonly"
              }
            ],
            "text": "Determine whether the popover is open or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Appends \"(optional)\" to the label and sets `aria-required=\"false\"`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "attribute": "placeholder",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Text that appears within the input field when it is blurred and empty.\nPlaceholder text disappears when the user focuses on the field and provides input."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popDirection",
          "type": "string",
          "attribute": "pop-direction",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverAlignment",
          "type": "string",
          "attribute": "popover-alignment",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Aligns the popover date picker to the left or right side of the input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverDirection",
          "type": "string",
          "attribute": "popover-direction",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the direction of the popover date picker when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMinHeight",
          "type": "number",
          "attribute": "popover-min-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "355",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              },
              {
                "name": "default",
                "text": "355"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMode",
          "type": "string",
          "attribute": "popover-mode",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "null",
          "complexType": {
            "original": "'legacy'",
            "resolved": "\"legacy\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This is a temporary solution to work around styling issues related to using fixed positioning for the popover\nwhen nested inside of elements with transform properties. This will be removed once the popover API is available\nfor use."
              },
              {
                "name": "default",
                "text": "null"
              }
            ],
            "text": "Determines the display mode of the popover.\n\nProviding a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The field's content is not editable, but the field remains focusable.\n\nAppends \"(readonly)\" to the field label. Supersedes `optional` if both are `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "startDate",
          "type": "string",
          "attribute": "start-date",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Must be a valid ISO date string."
              }
            ],
            "text": "Defines the first selectabe date in the date picker popover."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "typeable",
          "type": "boolean",
          "attribute": "typeable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The user can type in the field. Only available in desktop browsers."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "valid",
          "type": "boolean",
          "attribute": "valid",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Show success styles when the calendar is in a valid state. The error state takes precedence when both are set."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "validDates",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Must be a valid ISO date string."
              },
              {
                "name": "info",
                "text": "When explicit date definitions like `validDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden."
              }
            ],
            "text": "Defines an explicit date whitelist."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string | { toDate(): Date }",
            "resolved": "string | { toDate(): Date; }",
            "references": {
              "Date": {
                "location": "global",
                "id": "global::Date"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "// change date\nelement.value = '2022-12-21';\n// clear date\nelement.value = null;"
              }
            ],
            "text": "The value of the `q2-calendar` element, e.g. the selected date.\n\n**How to change or clear the value with javascript:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "dateList"
        },
        {
          "name": "hintMessage"
        },
        {
          "name": "hintMessageType"
        },
        {
          "name": "keyboardSelection"
        },
        {
          "name": "typedValue"
        }
      ]
    },
    {
      "tag": "q2-card",
      "path": "./src/components/q2-card/q2-card.js",
      "source": "./src/components/q2-card/q2-card.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Card",
      "assetsDirs": [],
      "dependencies": [
        "q2-avatar",
        "q2-icon"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon",
        "q2-avatar"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Card"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for grouping related content in a contained, elevated surface."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "click",
          "method": "click",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClick' instead"
              }
            ],
            "text": "Emitted when the card is clicked and the `url` property is not provided."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the card is clicked and the `url` property is not provided."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "onHostElementFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [
        "q2-icon",
        "q2-avatar"
      ],
      "properties": [
        {
          "name": "avatarIcon",
          "type": "string",
          "attribute": "avatar-icon",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "The [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to be displayed in the avatar location.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "avatarInitials",
          "type": "string",
          "attribute": "avatar-initials",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "The initials to be placed in the avatar of the card.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "avatarName",
          "type": "string",
          "attribute": "avatar-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "The name to be used for the avatar of the card which will be converted to initials.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "avatarSrc",
          "type": "string",
          "attribute": "avatar-src",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "The source of the image to be displayed in the avatar location.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "bar",
          "type": "string",
          "attribute": "bar",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates that a bar should be displayed and which color to use. Predefined colors that may be used as values are:\n\n- primary\n- secondary\n- tertiary\n- info\n- success\n- warning\n- alert\n- accent-1\n- accent-2\n- accent-3\n- accent-4\n- accent-5\n- accent-6\n- accent-7\n- accent-8\n- accent-9\n- accent-10\n- accent-11\n- accent-12\n\nAny other value (e.g. `\"#990000\"`, `\"purple\"`) will be treated as a custom color."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "The description of the card (truncated after two lines).\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "elevation",
          "type": "number",
          "attribute": "elevation",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "2",
          "complexType": {
            "original": "0 | 1 | 2 | 3 | 4 | 5",
            "resolved": "0 | 1 | 2 | 3 | 4 | 5",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Set to `0` to disable."
              },
              {
                "name": "default",
                "text": "2"
              }
            ],
            "text": "The size of the box-shadow applied to the component, giving it a sense of depth."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isSmall",
          "type": "boolean",
          "attribute": "is-small",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "Display the card with a view optimized for smaller displays.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isStatic",
          "type": "boolean",
          "attribute": "is-static",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "Display the card with no borders, padding, drop-shadows, or clickable behavior.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "target",
          "type": "string",
          "attribute": "target",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'_self' | '_blank' | '_parent' | '_top'",
            "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Do not use in Online Banking. Use the `openURL` capability on the click event instead."
              }
            ],
            "text": "Target to be applied to the link when a URL is provided."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "title",
          "type": "string",
          "attribute": "title",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "The title of the card.\n\nPlease use q2-item instead."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'clickable'",
          "complexType": {
            "original": "'clickable' | 'non-clickable'",
            "resolved": "\"clickable\" | \"non-clickable\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'clickable'"
              }
            ],
            "text": "Alters the interactive behavior of the card while maintaining visual appearance."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "url",
          "type": "string",
          "attribute": "url",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Do not use in Online Banking. Use the `openURL` capability on the click event instead."
              }
            ],
            "text": "URL to navigate the user to when the card is clicked."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-card-image",
      "path": "./src/components/q2-card-image/q2-card-image.js",
      "source": "./src/components/q2-card-image/q2-card-image.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2CardImage",
      "assetsDirs": [
        {
          "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card-image/assets",
          "cmpRelativePath": "assets",
          "originalComponentPath": "assets"
        }
      ],
      "dependencies": [
        "q2-btn",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-btn"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Card Image"
          },
          {
            "name": "summary",
            "text": "Displays a visual representation of a credit or debit card with customizable styling\nand card details. Supports horizontal and vertical orientations with responsive sizing\nthat adapts content visibility based on container width."
          },
          {
            "name": "slot",
            "text": "action - An optional slot for interactive elements. Supported elements:\n- [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/) —\nRenders in the top-right corner. Only visible at large and medium sizes."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a clickable card is clicked. Contains card details."
          },
          "complexType": {
            "original": "{\n        cardNumber: string | undefined;\n        cardStatus: string | undefined;\n        statusTextOverride: string | undefined;\n        cardHolder: string | undefined;\n        expirationDate: string | undefined;\n        cardType: string | undefined;\n        vendor: string | undefined;\n    }",
            "resolved": "{ cardNumber: string; cardStatus: string; statusTextOverride: string; cardHolder: string; expirationDate: string; cardType: string; vendor: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-btn"
      ],
      "properties": [
        {
          "name": "background",
          "type": "string",
          "attribute": "background",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'primary'",
          "complexType": {
            "original": "'primary' | 'secondary' | 'tertiary' | 'gradient' | string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'primary'"
              }
            ],
            "text": "Background style for the base layer.\n- `'primary'` | `'secondary'` | `'tertiary'`: Solid theme colors\n- `'gradient'`: Grayscale gradient (themable via CSS variables)\n- Custom string: URL/path to an image file (SVG, PNG, JPG)"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cardHolder",
          "type": "string",
          "attribute": "card-holder",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The card holder name to display on the card. Only rendered at large and medium sizes.\nWhen not provided, neither the label nor the name is displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cardHolderLabel",
          "type": "boolean",
          "attribute": "card-holder-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Controls whether the \"CARD HOLDER\" label is displayed above the card holder name.\nThe label is only supported at large size. At medium size, only the name is shown\nregardless of this prop. When `false`, only the name is shown without the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cardNumber",
          "type": "string",
          "attribute": "card-number",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The card number to display. Only the last 4 characters are used, prefixed with `**** **** **** `.\nThe last 4 characters must all be digits; otherwise the card number is not displayed.\nNot rendered at tiny size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cardStatus",
          "type": "string",
          "attribute": "card-status",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "| 'digital'\n        | 'enabled'\n        | 'new'\n        | 'disabled'\n        | 'locked'\n        | 'damaged'\n        | 'lost'\n        | 'stolen'\n        | 'lost or stolen'",
            "resolved": "\"damaged\" | \"digital\" | \"disabled\" | \"enabled\" | \"locked\" | \"lost or stolen\" | \"lost\" | \"new\" | \"stolen\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The status of the card. When set, renders a status banner at the top of the card for card sizes medium and up."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cardType",
          "type": "string",
          "attribute": "card-type",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'atm' | 'debit'",
            "resolved": "\"atm\" | \"debit\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The card type label displayed alongside the expiration date. Not rendered at tiny size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "cardTypeColor",
          "type": "string",
          "attribute": "card-type-color",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'black' | 'white'",
            "resolved": "\"black\" | \"white\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The color of the card type text. Only applies when `cardType` is set."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chip",
          "type": "string",
          "attribute": "chip",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'gold' | 'silver'",
            "resolved": "\"gold\" | \"silver\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The chip style displayed on the card. Not rendered at tiny size.\n- `'gold'`: Gold/brass colored EMV chip\n- `'silver'`: Silver/platinum colored EMV chip"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clickable",
          "type": "boolean",
          "attribute": "clickable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "If `true`, the card image is wrapped in a `q2-btn` to handle click interactions."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "If `true`, the card image is visually disabled and not clickable. Does not affect the dropdown."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "expirationDate",
          "type": "string",
          "attribute": "expiration-date",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The expiration date of the card in ISO 8601 extended format (`YYYY-MM`).\nDisplayed as `MM / YY` on the card. Only rendered at large and medium sizes.\nWhen not provided, neither the label nor the date value is displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "expirationDateLabel",
          "type": "boolean",
          "attribute": "expiration-date-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Controls whether the \"EXPIRES\" label is displayed above the expiration date.\nThe label is only supported at large size. At medium size, only the date value is shown\nregardless of this prop. When `false`, only the date value is shown without the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fiLogo",
          "type": "string",
          "attribute": "fi-logo",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Path to the financial institution logo image (SVG, PNG, or JPG).\nMax display dimensions: 280x45 for horizontal cards, 250x45 for vertical cards.\nWhen not provided, an empty placeholder div is rendered to maintain consistent card structure."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "inline",
          "type": "boolean",
          "attribute": "inline",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "If `true`, the component uses `display: inline-block`. If `false`, uses `display: block`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientation",
          "type": "string",
          "attribute": "orientation",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'horizontal'",
          "complexType": {
            "original": "'horizontal' | 'vertical'",
            "resolved": "\"horizontal\" | \"vertical\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'horizontal'"
              }
            ],
            "text": "The orientation of the card image."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "overlay",
          "type": "string",
          "attribute": "overlay",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'dot' | string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Background style for the overlay layer. When undefined, the overlay is not rendered.\n- `'dot'`: CSS-generated dot pattern with mix-blend-mode overlay (themable via CSS variables)\n- Custom string: URL/path to an image file (SVG, PNG, JPG)"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "statusTextOverride",
          "type": "string",
          "attribute": "status-text-override",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Overrides the default status banner text (which is the cardStatus value in uppercase).\nMaximum 14 characters (including spaces) to ensure the text fits within the banner."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tctAriaLabel",
          "type": "string",
          "attribute": "tct-aria-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Accessible label for the card image. When provided, this value is applied as `aria-label`\non either the card container (non-clickable) or the wrapping button (clickable)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "vendor",
          "type": "string",
          "attribute": "vendor",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'mastercard' | 'visa'",
            "resolved": "\"mastercard\" | \"visa\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The card vendor. Renders the vendor logo in the bottom-right of the card.\nNot rendered at tiny size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "vendorColor",
          "type": "string",
          "attribute": "vendor-color",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'black' | 'brand' | 'white'",
            "resolved": "\"black\" | \"brand\" | \"white\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The color variant of the vendor logo. Only applies when `vendor` is set.\nDefaults to `'white'` for Visa and `'brand'` for Mastercard."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "vendorLogo",
          "type": "string",
          "attribute": "vendor-logo",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Path to a custom vendor logo image (SVG, PNG, or JPG).\nWhen set, this overrides the `vendor` prop and displays the custom logo.\nNot rendered at tiny size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "computedSize"
        }
      ]
    },
    {
      "tag": "q2-carousel",
      "path": "./src/components/q2-carousel/q2-carousel.js",
      "source": "./src/components/q2-carousel/q2-carousel.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Carousel",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-carousel-pane",
        "q2-icon",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-carousel-pane",
        "q2-icon",
        "q2-btn"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Carousel"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for cycling through a series of content slides with swipe or button navigation."
          }
        ],
        "text": ""
      },
      "encapsulation": "none",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the displayed carousel pane changes."
          },
          "complexType": {
            "original": "{ index: number }",
            "resolved": "{ index: number; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the displayed carousel pane changes."
          },
          "complexType": {
            "original": "{ index: number }",
            "resolved": "{ index: number; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "clickCarouselPane",
          "method": "carouselPaneClicked",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "selectCarouselPane",
          "docs": {
            "text": "Clicks and Focuses the `q2-carousel-pane` matching the specified index.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(index: number) => Promise<void>",
            "parameters": [
              {
                "name": "index",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "togglePlayPause",
          "docs": {
            "text": "Clicks and Focuses the `<button>` that controls playing or pausing the auto-play feature of the carousel.",
            "tags": [
              {
                "name": "warning",
                "text": "If the `autoPlay` property is not enabled, this method does nothing."
              },
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLButtonElement": {
                "location": "global",
                "id": "global::HTMLButtonElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-carousel-pane",
        "q2-icon",
        "q2-btn"
      ],
      "properties": [
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "arrowPosition",
          "type": "string",
          "attribute": "arrow-position",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'bottom' | 'hug' | 'float' | undefined",
            "resolved": "\"bottom\" | \"float\" | \"hug\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Position to show the navigation arrows\n`float`: vertically centered and float over the carousel pane.\n`bottom`: bottom area around pagination indicator, the arrows at far left/right edges.\n`hug`: bottom area around pagination indicator and wraps the pagination indicator."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoHeight",
          "type": "boolean",
          "attribute": "auto-height",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Keeps all carousel panes at the height of the tallest pane."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoPlay",
          "type": "boolean",
          "attribute": "auto-play",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables the auto-play feature and starts the carousel without user input."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoWidth",
          "type": "boolean",
          "attribute": "auto-width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Adjusts width of active pane automatically in compact screen based on the carousel width."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "compactBreakpoint",
          "type": "number",
          "attribute": "compact-breakpoint",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "500",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "500"
              }
            ],
            "text": "Breakpoint pixel number for switching to compact mode when autoWIdth is enabled, default is 500."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "edgeFade",
          "type": "boolean",
          "attribute": "edge-fade",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Display a gradient fade on the left and right edges of the carousel."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "framelessPanes",
          "type": "boolean",
          "attribute": "frameless-panes",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Display the carousel panes as frameless with no container or shadow."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidthPanes",
          "type": "boolean",
          "attribute": "full-width-panes",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Display the carousel panes full-width rather than with peeking content."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hidePagination",
          "type": "boolean",
          "attribute": "hide-pagination",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Hide the dots below the carousel that provide navigation control and indicate which page is currently active."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "index",
          "type": "number",
          "attribute": "index",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "1",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "1"
              }
            ],
            "text": "The currently displayed carousel pane."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'tecton.element.carousel.ariaLabel'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "'tecton.element.carousel.ariaLabel'"
              }
            ],
            "text": "The label that is associated with the carousel. This is not displayed visually, but is presented by screen readers."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loop",
          "type": "boolean",
          "attribute": "loop",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Enables continuous looping so navigating past the last pane wraps to the first (and vice versa). Defaults to enabled; pass `false` to disable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showNavigationArrows",
          "type": "boolean",
          "attribute": "show-navigation-arrows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Display navigation arrow buttons as another way to navigate the carousel."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "ariaLiveValue"
        },
        {
          "name": "autoPlayInProgress"
        },
        {
          "name": "carouselWrapperWidth"
        },
        {
          "name": "compactMode"
        },
        {
          "name": "currentPaneCount"
        }
      ]
    },
    {
      "tag": "q2-carousel-pane",
      "path": "./src/components/q2-carousel-pane/q2-carousel-pane.js",
      "source": "./src/components/q2-carousel-pane/q2-carousel-pane.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2CarouselPane",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-carousel"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-carousel"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Carousel Pane"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use as a single slide within a Carousel."
          }
        ],
        "text": ""
      },
      "encapsulation": "none",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "clickCarouselPane",
          "method": "clickCarouselPane",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClickCarouselPane' instead"
              }
            ],
            "text": "Emitted when the pane is clicked."
          },
          "complexType": {
            "original": "{ paneIndex: number; pane: HTMLElement }",
            "resolved": "{ paneIndex: number; pane: HTMLElement; }",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctClickCarouselPane",
          "method": "tctClickCarouselPane",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the pane is clicked."
          },
          "complexType": {
            "original": "{ paneIndex: number; pane: HTMLElement }",
            "resolved": "{ paneIndex: number; pane: HTMLElement; }",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "index",
          "type": "number",
          "attribute": "index",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by `q2-carousel` to determine the pane's index."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isActivePane",
          "type": "boolean",
          "attribute": "is-active-pane",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by `q2-carousel` to indicate which pane is currently active."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Text used only as an `aria-label` for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "siblingCount",
          "type": "number",
          "attribute": "sibling-count",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by `q2-carousel` to indicate how many panes are in the carousel."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "slotFrameless",
          "type": "boolean",
          "attribute": "slot-frameless",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by `q2-carousel` to indicate the pane should be frameless."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-chart-area",
      "path": "./src/components/q2-chart-area/q2-chart-area.js",
      "source": "./src/components/q2-chart-area/q2-chart-area.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2ChartArea",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Area Chart"
          },
          {
            "name": "category",
            "text": "Data Visualization"
          },
          {
            "name": "summary",
            "text": "Use for showing trends over time with filled areas under lines."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when a data point is clicked."
          },
          "complexType": {
            "original": "{\n        index: number;\n        data: ChartData;\n    }",
            "resolved": "{ index: number; data: ChartData; }",
            "references": {
              "ChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                "referenceLocation": "ChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a data point is clicked."
          },
          "complexType": {
            "original": "{\n        index: number;\n        data: ChartData;\n    }",
            "resolved": "{ index: number; data: ChartData; }",
            "references": {
              "ChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                "referenceLocation": "ChartData"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "hoverDataPoint",
          "docs": {
            "text": "A method to fire change event on hover on a point.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(index: number) => Promise<void>",
            "parameters": [
              {
                "name": "index",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "alignChartName",
          "type": "string",
          "attribute": "align-chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right' | 'center'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls alignment of the chart name when its visible."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "areaColor",
          "type": "string",
          "attribute": "area-color",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
              }
            ],
            "text": "Controls area fill color of chart. Accepts variables, hex codes, and CSS color names.\n\n**Examples:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chartName",
          "type": "string",
          "attribute": "chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The title of the chart. We recommend always including this for accessibility purposes.\n\nIt is hidden by default, but can be made visible with the `showChartName` variable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chartSubTitle",
          "type": "string",
          "attribute": "chart-sub-title",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A subtitile to the chart name. Often used to provide a brief description of what the data represents."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "data",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "ChartData[]",
            "resolved": "ChartData[]",
            "references": {
              "ChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                "referenceLocation": "ChartData"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "An array of objects that contain the data to be displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dataNamesOverflow",
          "type": "string",
          "attribute": "data-names-overflow",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'break' | 'truncate'",
            "resolved": "\"break\" | \"truncate\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\nValues will ellipsize if the truncate option is used."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dataNamesWidth",
          "type": "number",
          "attribute": "data-names-width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Sets width available for labels on the name axis.\nIt can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "format",
          "type": "string",
          "attribute": "format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'currency' | 'default'",
            "resolved": "\"currency\" | \"default\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls whether values on the value axis are shown as numbers or as currency."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "formatModifier",
          "type": "string",
          "attribute": "format-modifier",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Can be used in coordination with the currency format property to control decimal handling.\nAccepts `Ndec` where N is a number. (e.g. `2dec`)"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gridLines",
          "type": "string",
          "attribute": "grid-lines",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'horizontal' | 'vertical' | 'off'",
            "resolved": "\"horizontal\" | \"off\" | \"vertical\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the direction or viibility of grid lines on the chart."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gridPadding",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "{ left?: number; right?: number; top?: number; bottom?: number }",
            "resolved": "{ left?: number; right?: number; top?: number; bottom?: number; }",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };"
              }
            ],
            "text": "Sets chart padding around the grid.\nEach value in the object will be interpreted as pixels.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideNameAxisLabels",
          "type": "boolean",
          "attribute": "hide-name-axis-labels",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls visibility of labels on the name axis."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideValueAxisLabels",
          "type": "boolean",
          "attribute": "hide-value-axis-labels",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls visibility of labels on the value axis."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lineColor",
          "type": "string",
          "attribute": "line-color",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
              }
            ],
            "text": "Controls color of the data line on the chart. Accepts variables, hex codes, and CSS color names.\n\n**Examples:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetDataNames",
          "type": "boolean",
          "attribute": "offset-data-names",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetDataValues",
          "type": "boolean",
          "attribute": "offset-data-values",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pointerLineColor",
          "type": "string",
          "attribute": "pointer-line-color",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
              }
            ],
            "text": "Controls color of vertical pointer on a line chart. Accepts variables, hex codes, and CSS color names.\n\n**Examples:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pointerLineStyle",
          "type": "string",
          "attribute": "pointer-line-style",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'solid' | 'dashed'",
            "resolved": "\"dashed\" | \"solid\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the style of the vertical poiner line."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showChartName",
          "type": "boolean",
          "attribute": "show-chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the visibility of the chart name at the top of the chart."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showDatapointLabels",
          "type": "boolean",
          "attribute": "show-datapoint-labels",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the visibility of a value label when a data point is shown on the chart."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showGradient",
          "type": "boolean",
          "attribute": "show-gradient",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls making the area fill color into a gradient.\nThe gradient starts at the top with the `areaColor` value, and fades to white."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xMax",
          "type": "number",
          "attribute": "x-max",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the xAxis max value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xMin",
          "type": "number",
          "attribute": "x-min",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the xAxis min value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "yMax",
          "type": "number",
          "attribute": "y-max",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the yAxis max value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "yMin",
          "type": "number",
          "attribute": "y-min",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the yAxis min value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-chart-bar",
      "path": "./src/components/q2-chart-bar/q2-chart-bar.js",
      "source": "./src/components/q2-chart-bar/q2-chart-bar.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2ChartBar",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Bar Chart"
          },
          {
            "name": "category",
            "text": "Data Visualization"
          },
          {
            "name": "summary",
            "text": "Use for comparing values across categories with horizontal or vertical bars."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "alignChartName",
          "type": "string",
          "attribute": "align-chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right' | 'center'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls alignment of the chart name when its visible."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chartName",
          "type": "string",
          "attribute": "chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The title of the chart. We recommend always including this for accessibility purposes.\n\nIt is hidden by default, but can be made visible with the `showChartName` variable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "chartSubTitle",
          "type": "string",
          "attribute": "chart-sub-title",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A subtitile to the chart name. Often used to provide a brief description of what the data represents."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "color",
          "type": "string",
          "attribute": "color",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
              }
            ],
            "text": "Controls the color of all bars in the chart. Can be overridden at the individual data point level.\nAccept variables, hex codes, an CSS color names.\n\n**Examples:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "data",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "ChartData[]",
            "resolved": "ChartData[]",
            "references": {
              "ChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                "referenceLocation": "ChartData"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "An array of objects that contain the data to be displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dataNamesOverflow",
          "type": "string",
          "attribute": "data-names-overflow",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'break' | 'truncate'",
            "resolved": "\"break\" | \"truncate\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\nValues will ellipsize if the truncate option is used."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dataNamesWidth",
          "type": "number",
          "attribute": "data-names-width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Sets width available for labels on the name axis.\nIt can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "format",
          "type": "string",
          "attribute": "format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'currency' | 'default'",
            "resolved": "\"currency\" | \"default\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls whether values on the value axis are shown as numbers or as currency."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "formatModifier",
          "type": "string",
          "attribute": "format-modifier",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Can be used in coordination with the currency format property to control decimal handling.\nAccepts `Ndec` where N is a number. (e.g. `2dec`)"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gridPadding",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "{ left?: number; right?: number; top?: number; bottom?: number }",
            "resolved": "{ left?: number; right?: number; top?: number; bottom?: number; }",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };"
              }
            ],
            "text": "Sets chart padding around the grid.\nEach value in the object will be interpreted as pixels.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideBarLabels",
          "type": "boolean",
          "attribute": "hide-bar-labels",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls visibility of labels on the name axis."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideValueAxisLabels",
          "type": "boolean",
          "attribute": "hide-value-axis-labels",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls visibility of labels on the value axis."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetDataNames",
          "type": "boolean",
          "attribute": "offset-data-names",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "offsetDataValues",
          "type": "boolean",
          "attribute": "offset-data-values",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientation",
          "type": "string",
          "attribute": "orientation",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'vertical' | 'horizontal'",
            "resolved": "\"horizontal\" | \"vertical\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls which axes are the value and name axes.\nWhen `vertical`, values are on the y-axis and names are on the x-axis, with bars shown vertically on the chart.\nWhen `horizontal`, names are on the y-axis and values are on the x-axis, with bars shown horizontally on the chart."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showChartName",
          "type": "boolean",
          "attribute": "show-chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the visibility of the chart name at the top of the chart."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sort",
          "type": "boolean",
          "attribute": "sort",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "By default, the sorting of the bars on the chart is controlled by the order the values are in the data array.\nWhen set to `true`, values on the bar will be re-sorted in descending order."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-chart-donut",
      "path": "./src/components/q2-chart-donut/q2-chart-donut.js",
      "source": "./src/components/q2-chart-donut/q2-chart-donut.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2ChartDonut",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-icon",
        "q2-legend"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon",
        "click-elsewhere",
        "q2-legend"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Donut Chart"
          },
          {
            "name": "category",
            "text": "Data Visualization"
          },
          {
            "name": "summary",
            "text": "Use for showing proportions of a whole as segments in a ring."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when a slice is selected."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "click",
          "method": "click",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClick' instead"
              }
            ],
            "text": "Emitted when the center button is clicked.\n\nRequires the `isClickable` prop to be set to `true`."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a slice is selected."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the center button is clicked.\n\nRequires the `isClickable` prop to be set to `true`."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "clearSelection",
          "docs": {
            "text": "Clears any selected slice.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "getChartOptions",
          "docs": {
            "text": "Returns the chart instance for e2e testing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<any>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<any>"
          },
          "internal": false
        },
        {
          "name": "selectById",
          "docs": {
            "text": "Selects a slice by its provided `id` in the provided `data`.",
            "tags": []
          },
          "complexType": {
            "signature": "(id: string) => Promise<void>",
            "parameters": [
              {
                "name": "id",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "selectByIndex",
          "docs": {
            "text": "Selects a slice by its index in the provided `data`.",
            "tags": []
          },
          "complexType": {
            "signature": "(index: number) => Promise<void>",
            "parameters": [
              {
                "name": "index",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "selectDataPoint",
          "docs": {
            "text": "A method to select a slice with index.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(index: number) => Promise<void>",
            "parameters": [
              {
                "name": "index",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon",
        "click-elsewhere",
        "q2-legend"
      ],
      "properties": [
        {
          "name": "chartName",
          "type": "string",
          "attribute": "chart-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The title of the chart. We recommend always including this for accessibility purposes.\n\nIt is hidden by default, but can be made visible with the `showChartName` variable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "currencyRound",
          "type": "boolean",
          "attribute": "currency-round",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "data",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "DonutChartData[]",
            "resolved": "DonutChartData[]",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "An array of objects that contain the data to be displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "format",
          "type": "string",
          "attribute": "format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'currency' | 'default'",
            "resolved": "\"currency\" | \"default\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls whether values on the value axis are shown as numbers or as currency."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hoverScaleSize",
          "type": "number",
          "attribute": "hover-scale-size",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "5",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "5"
              }
            ],
            "text": "The amount which the slice will scale when hovered."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "innerRadius",
          "type": "string",
          "attribute": "inner-radius",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'70%'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "If you update this property to be greater than or equal to the `outerRadius`,\nwe automatically set it to be 15% less than the current `outerRadius` to prevent display issues."
              },
              {
                "name": "default",
                "text": "'70%'"
              }
            ],
            "text": "The inner radius of the chart slices which is represeted by a percentage of the radius."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isClickable",
          "type": "boolean",
          "attribute": "is-clickable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This also enables extra keyboard controls when the button is focused."
              }
            ],
            "text": "Determine whether the data in the center renders inside a button element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minSliceSize",
          "type": "string",
          "attribute": "min-slice-size",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'2.5%'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'2.5%'"
              }
            ],
            "text": "The minimum size of the chart slizes which is represented as a percentage of the circumferences."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "outerRadius",
          "type": "string",
          "attribute": "outer-radius",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'85%'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "If you update this property to be less than or equal to the `innerRadius`,\nwe automatically set it to be 15% greater than the current `innerRadius` to prevent display issues."
              },
              {
                "name": "default",
                "text": "'85%'"
              }
            ],
            "text": "The outer radius of the chart slices which is represented by a percentage of the radius."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedId",
          "type": "string",
          "attribute": "selected-id",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The id of the data point that is currently selected in the chart. You may set this to pre-select a data point on render, or force a selection change."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedOffset",
          "type": "number",
          "attribute": "selected-offset",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "10",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "10"
              }
            ],
            "text": "The amount which the slice will separate from the chart when selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showLegend",
          "type": "boolean",
          "attribute": "show-legend",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "The legend is a list of the data points in the chart and their colors."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether the legend is displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "summaryIcon",
          "type": "string",
          "attribute": "summary-icon",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The icon that displays by default when no slices are selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "summaryName",
          "type": "string",
          "attribute": "summary-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The name that displays by default when no slices are selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hoveredId"
        },
        {
          "name": "legendData"
        }
      ]
    },
    {
      "tag": "q2-checkbox",
      "path": "./src/components/q2-checkbox/q2-checkbox.js",
      "source": "./src/components/q2-checkbox/q2-checkbox.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Checkbox",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [
        "q2-data-table"
      ],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [
        "q2-data-table"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Checkbox"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use as a single binary choice; nest within a Checkbox Group for grouped selection."
          },
          {
            "name": "slot",
            "text": "default - Additional content displayed adjacent to the label."
          },
          {
            "name": "slot",
            "text": "label - Custom label content displayed adjacent to the label."
          },
          {
            "name": "slot",
            "text": "description - Custom description content displayed beneath the label."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the checkbox is toggled."
          },
          "complexType": {
            "original": "{ value: string; checked: boolean }",
            "resolved": "{ value: string; checked: boolean; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the checkbox is toggled."
          },
          "complexType": {
            "original": "{ value: string; checked: boolean }",
            "resolved": "{ value: string; checked: boolean; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "defaultChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "_tooltip",
          "type": "string",
          "attribute": "_tooltip",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Tooltip text set by a parent q2-tooltip component for accessibility."
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determine which side of the label the checkbox will render on."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignment",
          "type": "string",
          "attribute": "alignment",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'align' instead"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "checked",
          "type": "boolean",
          "attribute": "checked",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "The state of the checkbox. This modifies the visual appearance of the element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Populates a description that is displayed beneath the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the checkbox and prevents interaction."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "groupDisabled",
          "type": "boolean",
          "attribute": "group-disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-checkbox-group to disable all checkboxes in the group"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hasError",
          "type": "boolean",
          "attribute": "has-error",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines if the component should display in an errant state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "indeterminate",
          "type": "boolean",
          "attribute": "indeterminate",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Used on a parent checkbox in a checkbox group (e.g. \"Select All\") to indicate that some, but not all, checkboxes in a group are checked.\n\nWhen `true`, the \"indeterminate\" selection style is applied.\nTo apply the standard \"checked\" selection style, `checked` must be true, and `indeterminate` must be `false`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The visible label text for the checkbox. Appears to the right of the box for 'default' and 'favorite' checkboxes, and to the left for 'toggle' checkboxes.\nYielded content will be adjacent to this text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A static string used to establish a symbolic relationship between checkboxes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The field is not interactive, but remains focusable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "slotReadonly",
          "type": "boolean",
          "attribute": "slot-readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The field is not interactive, but remains focusable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'favorite' | 'toggle'",
            "resolved": "\"favorite\" | \"toggle\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The visual style of the checkbox. This does not need to be defined for a standard checkbox."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A static reference value for the checkbox."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasDescription"
        },
        {
          "name": "hasMultilineLabel"
        }
      ]
    },
    {
      "tag": "q2-checkbox-group",
      "path": "./src/components/q2-checkbox-group/q2-checkbox-group.js",
      "source": "./src/components/q2-checkbox-group/q2-checkbox-group.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2CheckboxGroup",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Checkbox Group"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for selecting multiple options from a set of checkboxes."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the checkbox selection changes."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the checkbox selection changes."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "onHostElementChange",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates clicking the `<q2-checkbox>` option(s) with the provided value.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(values: string | string[]) => Promise<void>",
            "parameters": [
              {
                "name": "values",
                "type": "string | string[]",
                "docs": ""
              }
            ],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if all checkboxes in the group are put into a `disabled` state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hasError",
          "type": "boolean",
          "attribute": "has-error",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if the component should display in an errant state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the group's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The label that displays above all the checkboxes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if the component is marked as `optional`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if all the checkboxes are marked as `readonly`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "object",
            "resolved": "object",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.value = {\n  'checkbox-value-1': true,\n  'checkbox-value-2': false,\n  'checkbox-value-3': true,\n};\n\n// Also accepts partial values\nelement.value = {\n  'checkbox-value-2': false,\n}"
              }
            ],
            "text": "Can be used to get and set the checked status of each `<q2-checkbox>` element contained within the group.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-context",
      "path": "./src/components/q2-context/q2-context.js",
      "source": "./src/components/q2-context/q2-context.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Context",
      "assetsDirs": [],
      "dependencies": [
        "q2-action-group",
        "q2-item",
        "q2-resize-observer"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-item",
        "q2-action-group"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Context"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying supplementary information or hints alongside content."
          },
          {
            "name": "slot",
            "text": "decorator - An optional slot that supports either [Icon](https://tecton.q2developer.com/design-system/q2-icon/) or [Avatar](https://tecton.q2developer.com/design-system/q2-avatar/).\nUse this as a visual aid for the context being provided."
          },
          {
            "name": "slot",
            "text": "header - A **required** slot that must be a single `<h4>` element. Use this to indicate the purpose or subject of the context being provided."
          },
          {
            "name": "slot",
            "text": "description - A **required** slot. Use this to provide the bulk of the context you wish to convey to the user."
          },
          {
            "name": "slot",
            "text": "affordance - An optional slot that supports either a [Button](https://tecton.q2developer.com/design-system/q2-btn/) or a [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/).\nUse this to provide an affordance such as a dismiss button, or a dropdown kebab menu for the user."
          },
          {
            "name": "slot",
            "text": "action-group - An optional slot that supports up to two elements compatible with [Action Group](https://tecton.q2developer.com/design-system/q2-action-group/).\nUse this to provide the user with actions related to the context description."
          },
          {
            "name": "slot",
            "text": "footer - An optional slot to display additional HTML content."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-item",
        "q2-action-group"
      ],
      "properties": [
        {
          "name": "separator",
          "type": "boolean",
          "attribute": "separator",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders a horizontal line between the description and the action-group/footer slots."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-currency",
      "path": "./src/components/q2-currency/q2-currency.js",
      "source": "./src/components/q2-currency/q2-currency.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Currency",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Currency"
          },
          {
            "name": "category",
            "text": "Text"
          },
          {
            "name": "summary",
            "text": "Use for displaying formatted monetary amounts with proper locale."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "displayedMessageValue",
          "docs": {
            "text": "A method to retrieve the displayed currency value.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<string>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<string>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "amount",
          "type": "number",
          "attribute": "amount",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The amount you want formatted."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "currency",
          "type": "string",
          "attribute": "currency",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'USD'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'USD'"
              }
            ],
            "text": "Formats the `amount` to a specific currency."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "locale",
          "type": "string",
          "attribute": "locale",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "document.documentElement.lang || 'en-US'",
          "complexType": {
            "original": "string | string[]",
            "resolved": "string | string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "document.documentElement.lang || 'en-US'"
              }
            ],
            "text": "Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "signDisplay",
          "type": "string",
          "attribute": "sign-display",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "'accounting' | 'always' | 'auto' | 'exceptZero' | 'never'",
            "resolved": "\"accounting\" | \"always\" | \"auto\" | \"exceptZero\" | \"never\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Determine how the positive or negative sign should display.\n\nBehavior:\n- `accounting`: No sign displays for positive amounts and parentheses wrap negative amounts.\n- `always`: Always display the sign.\n- `auto`: Sign displays for negative amounts only, including negative zero.\n- `exceptZero`: Sign displays for positive and negative amounts, but not zero.\n- `never`: Never display the sign."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'small' | 'medium' | 'large'",
            "resolved": "\"large\" | \"medium\" | \"small\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Applies styling based on the size provided. If no size is provided, it will display as inline text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "slotSize",
          "type": "string",
          "attribute": "slot-size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Inherited from q2-detail when slotted to match styling of q2-detail and q2-currency texts."
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "string",
          "attribute": "variant",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'debit' | 'credit' | 'masked'",
            "resolved": "\"credit\" | \"debit\" | \"masked\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The variant controls how the currency is colored and exposes unique CSS overrides.\nThe `debit` and `credit` variants align styling with common practices for coloring debit and credit accounts.\nThe `masked` variant exposes the ability to use gradients and images to color the currency."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-data-table",
      "path": "./src/components/q2-data-table/q2-data-table.js",
      "source": "./src/components/q2-data-table/q2-data-table.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2DataTable",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-badge",
        "q2-btn",
        "q2-checkbox",
        "q2-icon",
        "q2-loading",
        "q2-option-list",
        "q2-popover",
        "q2-tag"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-tag",
        "q2-badge",
        "q2-icon",
        "q2-checkbox",
        "q2-btn",
        "q2-loading"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Data Table"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying large datasets with sorting, filtering, and selecting."
          },
          {
            "name": "slot",
            "text": "row-<id>-cell-<key> - A slot for overriding the content of any cell in any row of the table with custom content."
          },
          {
            "name": "slot",
            "text": "header-cell-<key> - A slot for the content of any cell in the header of the table."
          },
          {
            "name": "slot",
            "text": "row-<id>-dropdown - A slot to provide a [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/) for a row."
          },
          {
            "name": "slot",
            "text": "row-<id>-expandable-content - A slot that makes the row expandable and displays the provided content."
          },
          {
            "name": "slot",
            "text": "empty-table - An optional slot to display custom content when the table is empty."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "click",
          "method": "click",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClick' instead"
              }
            ],
            "text": "Emitted when a row is clicked.\n\nRequires the `clickable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default click behavior."
          },
          "complexType": {
            "original": "{ row: Q2DataTableSerializedRow }",
            "resolved": "{ row: Q2DataTableSerializedRow; }",
            "references": {
              "Q2DataTableSerializedRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                "referenceLocation": "Q2DataTableSerializedRow"
              }
            }
          },
          "internal": false
        },
        {
          "name": "select",
          "method": "select",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctSelect' instead"
              }
            ],
            "text": "Emitted when a row is selected.\n\nRequires the `selectable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default selection behavior."
          },
          "complexType": {
            "original": "{\n        row: Q2DataTableSerializedRow;\n        rows: Q2DataTableSerializedRow[];\n        allSelected: boolean;\n    }",
            "resolved": "{ row: Q2DataTableSerializedRow; rows: Q2DataTableSerializedRow[]; allSelected: boolean; }",
            "references": {
              "Q2DataTableSerializedRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                "referenceLocation": "Q2DataTableSerializedRow"
              }
            }
          },
          "internal": false
        },
        {
          "name": "selectAllRows",
          "method": "selectAllRows",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctSelectAllRows' instead"
              }
            ],
            "text": "Emitted when the select-all checkbox is toggled.\n\nRequires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.\n\nCall `event.preventDefault()` to prevent the default behavior."
          },
          "complexType": {
            "original": "{ checked: boolean }",
            "resolved": "{ checked: boolean; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "sort",
          "method": "sort",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctSort' instead"
              }
            ],
            "text": "Emitted when a column is sorted.\n\nRequires the `sortable` prop to be set to `true` on the column.\n\nCall `event.preventDefault()` to prevent the default sorting behavior."
          },
          "complexType": {
            "original": "{ header: Q2DataTableHeader; direction: 'ASC' | 'DESC' }",
            "resolved": "{ header: Q2DataTableHeader; direction: \"ASC\" | \"DESC\"; }",
            "references": {
              "Q2DataTableHeader": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                "referenceLocation": "Q2DataTableHeader"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a row is clicked.\n\nRequires the `clickable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default click behavior."
          },
          "complexType": {
            "original": "{ row: Q2DataTableSerializedRow }",
            "resolved": "{ row: Q2DataTableSerializedRow; }",
            "references": {
              "Q2DataTableSerializedRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                "referenceLocation": "Q2DataTableSerializedRow"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctSelect",
          "method": "tctSelect",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a row is selected.\n\nRequires the `selectable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default selection behavior."
          },
          "complexType": {
            "original": "{\n        row: Q2DataTableSerializedRow;\n        rows: Q2DataTableSerializedRow[];\n        allSelected: boolean;\n    }",
            "resolved": "{ row: Q2DataTableSerializedRow; rows: Q2DataTableSerializedRow[]; allSelected: boolean; }",
            "references": {
              "Q2DataTableSerializedRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                "referenceLocation": "Q2DataTableSerializedRow"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctSelectAllRows",
          "method": "tctSelectAllRows",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the select-all checkbox is toggled.\n\nRequires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.\n\nCall `event.preventDefault()` to prevent the default behavior."
          },
          "complexType": {
            "original": "{ checked: boolean }",
            "resolved": "{ checked: boolean; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctSort",
          "method": "tctSort",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a column is sorted.\n\nRequires the `sortable` prop to be set to `true` on the column.\n\nCall `event.preventDefault()` to prevent the default sorting behavior."
          },
          "complexType": {
            "original": "{ header: Q2DataTableHeader; direction: 'ASC' | 'DESC' }",
            "resolved": "{ header: Q2DataTableHeader; direction: \"ASC\" | \"DESC\"; }",
            "references": {
              "Q2DataTableHeader": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                "referenceLocation": "Q2DataTableHeader"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctToggle",
          "method": "tctToggle",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when an expandable row is toggled.\n\nRequires content in the `row-{id}-expandable-content` slot.\n\nCall `event.preventDefault()` to prevent the default toggling behavior."
          },
          "complexType": {
            "original": "{ row: Q2DataTableSerializedRow }",
            "resolved": "{ row: Q2DataTableSerializedRow; }",
            "references": {
              "Q2DataTableSerializedRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                "referenceLocation": "Q2DataTableSerializedRow"
              }
            }
          },
          "internal": false
        },
        {
          "name": "toggle",
          "method": "toggle",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctToggle' instead"
              }
            ],
            "text": "Emitted when an expandable row is toggled.\n\nRequires content in the `row-{id}-expandable-content` slot.\n\nCall `event.preventDefault()` to prevent the default toggling behavior."
          },
          "complexType": {
            "original": "{ row: Q2DataTableSerializedRow }",
            "resolved": "{ row: Q2DataTableSerializedRow; }",
            "references": {
              "Q2DataTableSerializedRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                "referenceLocation": "Q2DataTableSerializedRow"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "onClickListener",
          "capture": false,
          "passive": false
        },
        {
          "name": "selectAllRows",
          "method": "onSelectAllRows",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "clickRow",
          "docs": {
            "text": "A method to click a row that accepts a row ID that is will be clicked.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(rowId: number | string) => Promise<void>",
            "parameters": [
              {
                "name": "rowId",
                "type": "string | number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2BtnElement": {
                "location": "global",
                "id": "global::HTMLQ2BtnElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "getCellContent",
          "docs": {
            "text": "A method that returns the plain text value of a particular cell (including slot content).",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(rowId: number | string, columnKey: string) => Promise<string>",
            "parameters": [
              {
                "name": "rowId",
                "type": "string | number",
                "docs": ""
              },
              {
                "name": "columnKey",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<string>"
          },
          "internal": false
        },
        {
          "name": "sortColumn",
          "docs": {
            "text": "A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(header: Q2DataTableHeader) => Promise<void>",
            "parameters": [
              {
                "name": "header",
                "type": "{ title: string; align?: Q2DataTableCellAlignOptions; key?: string; sortable?: boolean | \"manual\" | \"auto\"; width?: string; backgroundColor?: string; sorted?: \"ASC\" | \"DESC\"; ariaLabel?: string; lineClamp?: number; verticalAlign?: \"top\" | \"bottom\"; } & Partial<Q2DataTableCellType>",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "Q2DataTableHeader": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                "referenceLocation": "Q2DataTableHeader"
              },
              "HTMLQ2BtnElement": {
                "location": "global",
                "id": "global::HTMLQ2BtnElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "toggleRowExpansion",
          "docs": {
            "text": "A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(rowId: number | string) => Promise<void>",
            "parameters": [
              {
                "name": "rowId",
                "type": "string | number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2BtnElement": {
                "location": "global",
                "id": "global::HTMLQ2BtnElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "toggleRowSelect",
          "docs": {
            "text": "A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(rowId: number | string) => Promise<void>",
            "parameters": [
              {
                "name": "rowId",
                "type": "string | number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2CheckboxElement": {
                "location": "global",
                "id": "global::HTMLQ2CheckboxElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "toggleSelectAllRows",
          "docs": {
            "text": "A method to toggle select all button (checkbox) on left top corner.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2CheckboxElement": {
                "location": "global",
                "id": "global::HTMLQ2CheckboxElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-tag",
        "q2-badge",
        "q2-icon",
        "q2-checkbox",
        "q2-btn",
        "q2-loading"
      ],
      "properties": [
        {
          "name": "bordered",
          "type": "any",
          "attribute": "bordered",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean | 'horizontal' | 'vertical' | 'grid'",
            "resolved": "\"grid\" | \"horizontal\" | \"vertical\" | boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds borders between rows and/or columns in the table."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "caption",
          "type": "string",
          "attribute": "caption",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Provides a caption for the data table."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clickable",
          "type": "boolean",
          "attribute": "clickable",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds the ability to click a row and have the table emit an event with the selected row's data."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "density",
          "type": "string",
          "attribute": "density",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'compact' | 'normal' | 'comfortable'",
            "resolved": "\"comfortable\" | \"compact\" | \"normal\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the amount of padding for each of the cells in the table."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "emptyIcon",
          "type": "string",
          "attribute": "empty-icon",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'inbox'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'inbox'"
              }
            ],
            "text": "Determines the `q2-icon` that will display when `rows` has no value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "emptyMessage",
          "type": "string",
          "attribute": "empty-message",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'tecton.element.dataTable.emptyMessage'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "'tecton.element.dataTable.emptyMessage'"
              }
            ],
            "text": "Determines the message that will display when `rows` has no value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "headers",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2DataTableHeader[]",
            "resolved": "Q2DataTableHeader[]",
            "references": {
              "Q2DataTableHeader": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                "referenceLocation": "Q2DataTableHeader"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.headers = [\n {\n   title: 'Day of the Week',\n   key: 'day',\n },\n {\n   title: 'Sales',\n   key: 'sales',\n   align: 'end',\n }\n]"
              }
            ],
            "text": "Defines the headers of the table.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideCaption",
          "type": "boolean",
          "attribute": "hide-caption",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Hides the caption from view, but still makes it available to screen readers for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideClickable",
          "type": "boolean",
          "attribute": "hide-clickable",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Use of this property requires `clickable` to be set to `true`."
              }
            ],
            "text": "Visually hides the `Select` button that displays when `clickable=true`. It will still be discoverable by assistive technologies."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "attribute": "loading",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays a loading state on the table to indicate background activity."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rows",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2DataTableRow[]",
            "resolved": "Q2DataTableRow[]",
            "references": {
              "Q2DataTableRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableRow",
                "referenceLocation": "Q2DataTableRow"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "element.rows = [\n {\n   id: 1,\n   cells: {\n     day: 'Monday',\n     sales: 93\n   }\n },\n {\n   id: 2,\n   cells: {\n     day: 'Tuesday',\n     sales: 127\n   }\n },\n {\n   id: 3,\n   cells: {\n     day: 'Wednesday',\n     sales: 121\n   }\n]"
              }
            ],
            "text": "Defines the rows of the table.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectable",
          "type": "boolean",
          "attribute": "selectable",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds a checkbox to each row of the table making it selectable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectAlign",
          "type": "string",
          "attribute": "select-align",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'left'",
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Use of this property requires `selectable` to be set to `true`."
              },
              {
                "name": "default",
                "text": "'left'"
              }
            ],
            "text": "Controls the position of the checkbox column when `selectable` is true.\nWhen set to 'right', the checkbox column will appear on the right side of the table."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedRows",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2DataTableRow[]",
            "resolved": "Q2DataTableRow[]",
            "references": {
              "Q2DataTableRow": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableRow",
                "referenceLocation": "Q2DataTableRow"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "readonly"
              }
            ],
            "text": "Returns selected rows."
          },
          "internal": false,
          "getter": true,
          "setter": true
        },
        {
          "name": "selectMode",
          "type": "string",
          "attribute": "select-mode",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'multiple'",
          "complexType": {
            "original": "'multiple' | 'single'",
            "resolved": "\"multiple\" | \"single\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Use of this property requires `selectable` to be set to `true`."
              },
              {
                "name": "default",
                "text": "'multiple'"
              }
            ],
            "text": "Determines if the selectable checkboxes allow for multi-select or not. If set to \"single\", once a row is selected, all other rows will be disabled.\nSee the documentation on the `select` event for how to handle selections."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "shadowed",
          "type": "boolean",
          "attribute": "shadowed",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds a shadow to the table"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sticky",
          "type": "boolean",
          "attribute": "sticky",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Makes table header sticky"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "striped",
          "type": "boolean",
          "attribute": "striped",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Enables alternating background colors for the table rows"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "allRowsSelected"
        },
        {
          "name": "checkSlotCount"
        },
        {
          "name": "hasDropdowns"
        },
        {
          "name": "hasExpandableRows"
        },
        {
          "name": "hasRowData"
        },
        {
          "name": "hasStatusRows"
        },
        {
          "name": "serializedHeaders"
        },
        {
          "name": "serializedRows"
        },
        {
          "name": "someRowsSelected"
        }
      ]
    },
    {
      "tag": "q2-detail",
      "path": "./src/components/q2-detail/q2-detail.js",
      "source": "./src/components/q2-detail/q2-detail.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Detail",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Detail"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying label-value pairs like account details or miscellaneous info."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'left'",
          "complexType": {
            "original": "'left' | 'right' | 'center'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'left'"
              }
            ],
            "text": "Defines the alignment of the label and description when stacked, or when only the label or description is present."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignment",
          "type": "string",
          "attribute": "alignment",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right' | 'center'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'align' instead"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the text content of the description."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the text content of the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "null | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
            "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the text size of the label and description.\n\nIf not specified, the detail will display as inline text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "stacked",
          "type": "boolean",
          "attribute": "stacked",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines if the description should appear beneath the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-dropdown",
      "path": "./src/components/q2-dropdown/q2-dropdown.js",
      "source": "./src/components/q2-dropdown/q2-dropdown.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Dropdown",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-btn",
        "q2-dropdown-item",
        "q2-icon",
        "q2-loading",
        "q2-option-list",
        "q2-popover"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-dropdown-item",
        "click-elsewhere",
        "q2-btn",
        "q2-icon",
        "q2-popover",
        "q2-option-list"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Dropdown"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for menus of contextual actions triggered by a button click."
          },
          {
            "name": "slot",
            "text": "control - An optional slot to provide custom content as the clickable interface. The Dropdown **must** have `type=\"custom\"` to use the control slot."
          },
          {
            "name": "slot",
            "text": "popover-top - An optional slot to display custom content persistently at the top of the q2-dropdown."
          },
          {
            "name": "slot",
            "text": "popover-bottom - An optional slot to display custom content persistently at the bottom of the q2-dropdown."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "popoverStateChanged",
          "method": "popoverStateChangeHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "_getSlotsHtml",
          "docs": {
            "text": "Gets the outerHTML for top/bottom slotted elements.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<{ slot: string; html: string; }[]>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<{ slot: string; html: string; }[]>"
          },
          "internal": false
        },
        {
          "name": "closePopover",
          "docs": {
            "text": "Emulates clicking the dropdown `<button>` to hide the popover if it is showing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openPopover",
          "docs": {
            "text": "Emulates clicking the dropdown `<button>` to show the popover if it is hidden.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "selectItem",
          "docs": {
            "text": "Emulates opening the dropdown and selecting a\n[Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/) or\n[Option](https://tecton.q2developer.com/design-system/q2-option/).\n\nIf the dropdown is closed, this will open it before selecting the item.\n\nIf the value does not match any item's value, or the dropdown is disabled, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2DropdownItemElement": {
                "location": "global",
                "id": "global::HTMLQ2DropdownItemElement"
              },
              "HTMLQ2OptionElement": {
                "location": "global",
                "id": "global::HTMLQ2OptionElement"
              },
              "HTMLButtonElement": {
                "location": "global",
                "id": "global::HTMLButtonElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "selectRemoveItem",
          "docs": {
            "text": "Emulates opening the dropdown and selecting a\n[Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s *remove* button.\n\nThis method only applies to the deprecated `q2-dropdown-item` element, since\n`q2-option` (its replacement) does not support the `removable` attribute.\n\nIf the dropdown is closed, this will open it before selecting the remove item button.\n\nIf the dropdown is disabled, this method does nothing.\n\nRequirements for this method to work properly:\n- Provided `value` matches the item's `value` property\n- Item has the `removable` property enabled",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2DropdownItemElement": {
                "location": "global",
                "id": "global::HTMLQ2DropdownItemElement"
              },
              "HTMLButtonElement": {
                "location": "global",
                "id": "global::HTMLButtonElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-dropdown-item",
        "click-elsewhere",
        "q2-btn",
        "q2-icon",
        "q2-popover",
        "q2-option-list"
      ],
      "properties": [
        {
          "name": "additionalContext",
          "type": "string",
          "attribute": "additional-context",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignment",
          "type": "string",
          "attribute": "alignment",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'popoverAlignment' instead"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "block",
          "type": "boolean",
          "attribute": "block",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "If `true`, component expands to fill the width of its parent element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "context",
          "type": "string",
          "attribute": "context",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when using `<q2-dropdown>` for outlets."
              }
            ],
            "text": "Tells the outlet what the type of object being passed in as contextValue.\nThis will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "contextValue",
          "type": "string",
          "attribute": "context-value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when using `<q2-dropdown>` for outlets."
              }
            ],
            "text": "Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates the menu cannot be focused or interacted with."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidth",
          "type": "boolean",
          "attribute": "full-width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "If `true`, it takes up 100% width."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hoist",
          "type": "boolean",
          "attribute": "hoist",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "!!window.Tecton?.useActionSheets",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "!!window.Tecton?.useActionSheets"
              }
            ],
            "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "attribute": "icon",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The icon that will render within the toggle button. You may use any of the `q2-icon` types."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "This property should not be used if the `type` is `icon`."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "The text that appears within the button."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when using `<q2-dropdown>` for outlets."
              }
            ],
            "text": "Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "attribute": "open",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "readonly"
              }
            ],
            "text": "Determine whether the popover is open or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optionListLabel",
          "type": "string",
          "attribute": "option-list-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the label that is applied to the option list for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popDirection",
          "type": "string",
          "attribute": "pop-direction",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverAlignment",
          "type": "string",
          "attribute": "popover-alignment",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'left'",
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'left'"
              }
            ],
            "text": "Aligns the popover dropdown to the left or right side of the input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverDirection",
          "type": "string",
          "attribute": "popover-direction",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the direction of the popover dropdown when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMaxHeight",
          "type": "number",
          "attribute": "popover-max-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMinHeight",
          "type": "number",
          "attribute": "popover-min-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMode",
          "type": "string",
          "attribute": "popover-mode",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "null",
          "complexType": {
            "original": "'legacy'",
            "resolved": "\"legacy\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This is a temporary solution to work around styling issues related to using fixed positioning for the popover\nwhen nested inside of elements with transform properties. This will be removed once the popover API is available\nfor use."
              },
              {
                "name": "default",
                "text": "null"
              }
            ],
            "text": "Determines the display mode of the popover.\n\nProviding a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "resolvedType",
          "type": "string",
          "attribute": "resolved-type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when using `<q2-dropdown>` for outlets."
              }
            ],
            "text": "Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'icon'",
          "complexType": {
            "original": "'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral'",
            "resolved": "\"custom\" | \"fab\" | \"icon\" | \"neutral\" | \"primary\" | \"secondary\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Type must be \"custom\" to use the custom button slot."
              },
              {
                "name": "default",
                "text": "'icon'"
              }
            ],
            "text": "The type of button used as the menu toggle."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-dropdown-item",
      "path": "./src/components/q2-dropdown-item/q2-dropdown-item.js",
      "source": "./src/components/q2-dropdown-item/q2-dropdown-item.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2DropdownItem",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [
        "q2-dropdown"
      ],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [
        "q2-dropdown"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Dropdown Item"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use as a single action item within a Dropdown menu."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "click",
          "method": "click",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "Is emitted when the item is clicked."
          },
          "complexType": {
            "original": "{ type: 'select' | 'remove'; value: string }",
            "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Is emitted when the item is clicked."
          },
          "complexType": {
            "original": "{ type: 'select' | 'remove'; value: string }",
            "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "onHostElementFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "active",
          "type": "boolean",
          "attribute": "active",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-option-list to indicate the option is active"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables interaction with the item and blocks its click event."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This will be used as the `aria-label` for this item."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "The text that appears within the dropdown item."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "removable",
          "type": "boolean",
          "attribute": "removable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders an icon button in the item.\nClicking on this button will change the `type` on the item's click event detail to \"remove\"."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "separator",
          "type": "boolean",
          "attribute": "separator",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders a line in the item instead of text.\nClick events from these items will not have details provided.\nA `separator` allows for quick visual grouping of items, so interactions should not be bound to these options."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A static reference value for the item. This value is returned in the click event detail."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "q2LocValue"
        }
      ]
    },
    {
      "tag": "q2-editable-field",
      "path": "./src/components/q2-editable-field/q2-editable-field.js",
      "source": "./src/components/q2-editable-field/q2-editable-field.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2EditableField",
      "assetsDirs": [],
      "dependencies": [
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-input",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-input",
        "q2-btn",
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Editable Field"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for inline editing of data that is normally displayed as read-only."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": " If you are utilizing events to provide input validation, it is recommended you use the `input` event, not the `change` event."
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the 'Edit', 'Cancel', or 'Save' buttons are clicked.\n\nThe event detail will not include a `value` or `formattedValue` if the event name is 'edit' or 'cancel'.\n\nCall `event.preventDefault()` to prevent the default behavior (the component's internal `editing` and `value` updates)."
          },
          "complexType": {
            "original": "{\n        editing: boolean;\n        name: 'edit' | 'cancel' | 'save';\n        value?: string;\n        formattedValue?: string;\n    }",
            "resolved": "{ editing: boolean; name: \"cancel\" | \"edit\" | \"save\"; value?: string; formattedValue?: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "input",
          "method": "input",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctInput' instead"
              }
            ],
            "text": "Emitted when the user updates the `q2-input` element in the editing state."
          },
          "complexType": {
            "original": "{ formattedValue: string; value: string }",
            "resolved": "{ formattedValue: string; value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "If you are utilizing events to provide input validation, it is recommended you use the `input` event, not the `change` event."
              }
            ],
            "text": "Emitted when the 'Edit', 'Cancel', or 'Save' buttons are clicked.\n\nThe event detail will not include a `value` or `formattedValue` if the event name is 'edit' or 'cancel'.\n\nCall `event.preventDefault()` to prevent the default behavior (the component's internal `editing` and `value` updates)."
          },
          "complexType": {
            "original": "{\n        editing: boolean;\n        name: 'edit' | 'cancel' | 'save';\n        value?: string;\n        formattedValue?: string;\n    }",
            "resolved": "{ editing: boolean; name: \"cancel\" | \"edit\" | \"save\"; value?: string; formattedValue?: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctInput",
          "method": "tctInput",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the user updates the `q2-input` element in the editing state."
          },
          "complexType": {
            "original": "{ formattedValue: string; value: string }",
            "resolved": "{ formattedValue: string; value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "tctFormatted",
          "method": "inputFormatted",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "clickCancel",
          "docs": {
            "text": "Emulates clicking the cancel button, which will hide the `<q2-input>` field.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "clickEdit",
          "docs": {
            "text": "Emulates clicking the edit button, which will display the `<q2-input>` field.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "clickSave",
          "docs": {
            "text": "Emulates clicking the save button, saving value in the `<q2-input>` field, and emitting a `change` event.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates clicking the edit button, and setting the value of the `<q2-input>` field.\n\nIf the `clickSave` argument is `true` (default), the save button will be clicked after the value is set, and a\\\n`change` event will be emitted.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string, options?: { clickSave?: boolean; }) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              },
              {
                "name": "options",
                "type": "{ clickSave?: boolean; }",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-input",
        "q2-btn",
        "q2-icon"
      ],
      "properties": [
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "block",
          "type": "boolean",
          "attribute": "block",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "If `true`, component expands to fill the width of its parent element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the edit button and field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "editing",
          "type": "boolean",
          "attribute": "editing",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls the edit state of the element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errors",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the `errors` applied to the `q2-input` element.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "formatModifier",
          "type": "string",
          "attribute": "format-modifier",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when `type=\"currency\"`.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
              }
            ],
            "text": "Determines the `formatModifier` applied to the `q2-input` element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Hide's the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hints",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the `hints` applied to the `q2-input` element.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "''",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "''"
              }
            ],
            "text": "The visible descriptor for the element.\nServes as the input label while in the edit state and as a decorative label for the read state when `persistentLabel` is `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "attribute": "maxlength",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the `maxLength` applied to the `q2-input`.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "persistentLabel",
          "type": "boolean",
          "attribute": "persistent-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays the provided label in the read state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "truncated",
          "type": "boolean",
          "attribute": "truncated",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Shortens long values with ellipses instead of splitting into multiple lines."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Input['type']",
            "resolved": "\"alpha\" | \"alphanumeric\" | \"cif\" | \"clabe\" | \"credit-card\" | \"currency\" | \"date\" | \"email\" | \"iban\" | \"number\" | \"numeric\" | \"password\" | \"percentage\" | \"phone\" | \"postal\" | \"routingnumber\" | \"search\" | \"ssn\" | \"swift\" | \"tel\" | \"text\" | \"url\"",
            "references": {
              "Q2Input": {
                "location": "import",
                "path": "../q2-input/q2-input",
                "id": "src/components/q2-input/q2-input.tsx::Q2Input",
                "referenceLocation": "Q2Input"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Determines the `type` applied to the `q2-input` element.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for all `type` values."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "''",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "''"
              }
            ],
            "text": "Serves as the visible text while in the read state, and the default value of the input while in the edit state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "formattedValue"
        }
      ]
    },
    {
      "tag": "q2-example",
      "path": "./src/components/q2-example/q2-example.js",
      "source": "./src/components/q2-example/q2-example.tsx",
      "elementRef": "el",
      "componentClassName": "Q2Example",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "Event",
                "text": "() decorator. Start each event name with \"tct\" so they do not\nconflict with native events. Document each using JSDoc comments and\nlist in alphabetical order."
              }
            ],
            "text": "5. Events\n   Custom events dispatched from the component that are defined via the"
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctDrag",
          "method": "tctDrag",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": ""
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctOpen",
          "method": "tctOpen",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": ""
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "onClick",
          "capture": false,
          "passive": false
        },
        {
          "name": "drag",
          "method": "onDrag",
          "capture": false,
          "passive": true
        }
      ],
      "methods": [
        {
          "name": "close",
          "docs": {
            "text": "Closes the menu.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openMenu",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<boolean>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<boolean>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "content",
          "type": "string",
          "attribute": "content",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The content of the menu."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "If `true`, the user cannot interact with the menu."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'overlay'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'overlay'"
              }
            ],
            "text": "Specifies the menu type."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "isValidated"
        },
        {
          "name": "status"
        }
      ]
    },
    {
      "tag": "q2-file-picker",
      "path": "./src/components/q2-file-picker/q2-file-picker.js",
      "source": "./src/components/q2-file-picker/q2-file-picker.tsx",
      "elementRef": "el",
      "componentClassName": "Q2FilePicker",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-icon",
        "q2-item",
        "q2-link",
        "q2-list",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-loading",
        "q2-icon",
        "q2-link",
        "q2-btn",
        "q2-list",
        "q2-item"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "File Picker"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for uploading files via browse dialog or drag-and-drop."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          },
          {
            "name": "slot",
            "text": "description - An optional slot to display a custom description."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Custom event dispatched when the user selects files. The event detail\ncontains an object representing the selected files with two\nproperties:\n- `invalidFiles`: An array of `InvalidFileStatus` objects representing\n  files that failed validation.\n- `validFiles`: An array of `File` objects representing files that passed\n  validation.\n\nEach `InvalidFileStatus` object includes the following properties:\n- `file`: The `File` object.\n- `status`: The validation status, which can be `\"invalid-type\"` (invalid file\n  type), `\"over-size-limit\"` (file exceeds the size limit), or\n  `\"over-max-files-limit\"` (total exceeds the max files limit)."
          },
          "complexType": {
            "original": "FilesObject",
            "resolved": "{ invalidFiles: InvalidFileStatus[]; validFiles: File[]; }",
            "references": {
              "FilesObject": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::FilesObject",
                "referenceLocation": "FilesObject"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-loading",
        "q2-icon",
        "q2-link",
        "q2-btn",
        "q2-list",
        "q2-item"
      ],
      "properties": [
        {
          "name": "buttonSize",
          "type": "string",
          "attribute": "button-size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'medium'",
          "complexType": {
            "original": "'none' | 'small' | 'medium' | 'large'",
            "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'medium'"
              }
            ],
            "text": "The size of the browse button."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "A description of the field. This is announced by screen readers when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the file picker, preventing user interaction."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ellipsizeFileName",
          "type": "boolean",
          "attribute": "ellipsize-file-name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "When `false`, the file name renders as-is and may wrap. Otherwise, long\nfile names are middle-ellipsized so the beginning and end of the name\nremain visible."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fileTypes",
          "type": "string",
          "attribute": "file-types",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "string[] | string",
            "resolved": "string | string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "Allowed file types based on extensions (e.g., ['jpg', 'png', 'pdf'] or\n'jpg, png, pdf'). When using the attribute, provide a comma-separated\nstring (e.g., 'jpg, png, pdf'). Arrays can only be set programmatically\nvia JavaScript."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The label for the field. This is announced by screen readers when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxFiles",
          "type": "number",
          "attribute": "max-files",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "Infinity",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "Infinity"
              }
            ],
            "text": "The maximum number of files that can be selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxFileSize",
          "type": "number",
          "attribute": "max-file-size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "Infinity",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "Infinity"
              }
            ],
            "text": "The maximum size (in bytes) of any file that can be selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showGradient",
          "type": "boolean",
          "attribute": "show-gradient",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Shows a gradient at the bottom of the file list when more files are available below the visible area."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "status",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "ValidFileStatus[]",
            "resolved": "ValidFileStatus[]",
            "references": {
              "ValidFileStatus": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::ValidFileStatus",
                "referenceLocation": "ValidFileStatus"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "An array of `ValidFileStatus` objects representing the upload status of\nfiles. Each `ValidFileStatus` object contains the following properties:\n- `name`: The file name.\n- `status`: The upload status, either `\"failed\"` or `\"uploaded\"`.\n- `message`: (Optional) A custom status message, used only when `status`\n  is `\"failed\"`. This allows developers to provide more detail about\n  upload failures while ensuring all other file status messages remain\n  consistent with approved design/UX standards. Custom failure messages\n  are limited to a single line."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "{ invalidFiles: [], validFiles: [] }",
          "complexType": {
            "original": "FilesObject",
            "resolved": "{ invalidFiles: InvalidFileStatus[]; validFiles: File[]; }",
            "references": {
              "FilesObject": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::FilesObject",
                "referenceLocation": "FilesObject"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "readonly"
              },
              {
                "name": "default",
                "text": "{ invalidFiles: [], validFiles: [] }"
              }
            ],
            "text": "Returns an object representing the selected files with two properties:\n- `invalidFiles`: An array of `InvalidFileStatus` objects representing\n  files that failed validation.\n- `validFiles`: An array of `File` objects representing files that passed\n  validation.\n\nEach `InvalidFileStatus` object includes the following properties:\n- `file`: The `File` object.\n- `status`: The validation status, which can be `\"invalid-type\"` (invalid file\n  type), `\"over-size-limit\"` (file exceeds the size limit), or\n  `\"over-max-files-limit\"` (total exceeds the max files limit)."
          },
          "internal": false,
          "getter": true,
          "setter": true
        },
        {
          "name": "variant",
          "type": "string",
          "attribute": "variant",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'browse'",
          "complexType": {
            "original": "'browse' | 'browse-drop'",
            "resolved": "\"browse\" | \"browse-drop\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'browse'"
              }
            ],
            "text": "Determines if the file picker is a browse button or a drop zone with a\nbrowse link."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "areFilesUploading"
        },
        {
          "name": "displayedFiles"
        },
        {
          "name": "isDropZoneHighlighted"
        },
        {
          "name": "refreshCounter"
        }
      ]
    },
    {
      "tag": "q2-form",
      "path": "./src/components/q2-form/q2-form.js",
      "source": "./src/components/q2-form/q2-form.tsx",
      "elementRef": null,
      "componentClassName": "Q2Form",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Form"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for wrapping form fields with consistent spacing."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "spacing",
          "type": "string",
          "attribute": "spacing",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'normal'",
          "complexType": {
            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'normal'"
              }
            ],
            "text": "Changes the vertical spacing of the form-fields contained within the component's slot"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-formatted-text",
      "path": "./src/components/q2-formatted-text/q2-formatted-text.js",
      "source": "./src/components/q2-formatted-text/q2-formatted-text.tsx",
      "elementRef": null,
      "componentClassName": "Q2FormattedText",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Formatted Text"
          },
          {
            "name": "category",
            "text": "Text"
          },
          {
            "name": "summary",
            "text": "Use for displaying text with formatting like phone numbers, SSN, or dates."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "format",
          "type": "string",
          "attribute": "format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'decimal'",
          "complexType": {
            "original": "'decimal' | 'percent'",
            "resolved": "\"decimal\" | \"percent\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'decimal'"
              }
            ],
            "text": "The format style for the number.\n- `decimal`: Standard number formatting, locale-aware (default).\n- `percent`: Percentage formatting, locale-aware."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "locale",
          "type": "string",
          "attribute": "locale",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "document.documentElement.lang || 'en-US'",
          "complexType": {
            "original": "string | string[]",
            "resolved": "string | string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "document.documentElement.lang || 'en-US'"
              }
            ],
            "text": "Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maximumFractionDigits",
          "type": "number",
          "attribute": "maximum-fraction-digits",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "2",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "2"
              }
            ],
            "text": "The maximum number of fraction digits to use."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minimumFractionDigits",
          "type": "number",
          "attribute": "minimum-fraction-digits",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "2",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "2"
              }
            ],
            "text": "The minimum number of fraction digits to use."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minimumIntegerDigits",
          "type": "number",
          "attribute": "minimum-integer-digits",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "1",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "1"
              }
            ],
            "text": "The minimum number of integer digits to use."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "signDisplay",
          "type": "string",
          "attribute": "sign-display",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "'never' | 'auto' | 'always' | 'exceptZero'",
            "resolved": "\"always\" | \"auto\" | \"exceptZero\" | \"never\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Determine how the positive or negative sign should display.\n\nBehavior:\n- `always`: Always display the sign.\n- `auto`: Sign displays for negative numbers only, including negative zero.\n- `exceptZero`: Sign displays for positive and negative numbers, but not zero.\n- `never`: Never display the sign."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'small' | 'medium' | 'large' | undefined",
            "resolved": "\"large\" | \"medium\" | \"small\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Applies styling based on the size provided. If no size is provided, it will display as inline text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "slotSize",
          "type": "string",
          "attribute": "slot-size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Inherited from q2-detail when slotted to match styling of q2-detail and q2-formatted-text texts."
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "number",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The value you want formatted."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-grid",
      "path": "./src/components/q2-grid/q2-grid.js",
      "source": "./src/components/q2-grid/q2-grid.tsx",
      "elementRef": "element",
      "componentClassName": "Q2Grid",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Grid"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for responsive grid layouts with flexible rows and columns."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'stretch'",
          "complexType": {
            "original": "TQ2GridAlignOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'stretch'"
              }
            ],
            "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "columns",
          "type": "number",
          "attribute": "columns",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "12",
          "complexType": {
            "original": "TQ2GridColumnsOptions",
            "resolved": "number",
            "references": {
              "TQ2GridColumnsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "12"
              }
            ],
            "text": "Sets the amount of columns to render within the grid at the baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "gap",
          "type": "string",
          "attribute": "gap",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'normal'",
          "complexType": {
            "original": "TQ2GridGapOptions",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {
              "TQ2GridGapOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'normal'"
              }
            ],
            "text": "Sets the gap size between rows and columns within the grid at the baseline viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justify",
          "type": "string",
          "attribute": "justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'stretch'",
          "complexType": {
            "original": "TQ2GridJustifyOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'stretch'"
              }
            ],
            "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track\nat the baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgAlign",
          "type": "string",
          "attribute": "lg-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAlignOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at the\n'LG' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgColumns",
          "type": "number",
          "attribute": "lg-columns",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridColumnsOptions",
            "resolved": "number",
            "references": {
              "TQ2GridColumnsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of columns to render within the grid at the 'LG' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgGap",
          "type": "string",
          "attribute": "lg-gap",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridGapOptions",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {
              "TQ2GridGapOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the gap size between rows and columns within the grid at the 'LG' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgJustify",
          "type": "string",
          "attribute": "lg-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridJustifyOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'LG' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgRows",
          "type": "any",
          "attribute": "lg-rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridRowsOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridRowsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of rows to render within the grid at the 'LG' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdAlign",
          "type": "string",
          "attribute": "md-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAlignOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe 'MD' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdColumns",
          "type": "number",
          "attribute": "md-columns",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridColumnsOptions",
            "resolved": "number",
            "references": {
              "TQ2GridColumnsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of columns to render within the grid at the 'MD' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdGap",
          "type": "string",
          "attribute": "md-gap",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridGapOptions",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {
              "TQ2GridGapOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the gap size between rows and columns within the grid at the 'MD' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdJustify",
          "type": "string",
          "attribute": "md-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridJustifyOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'MD' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdRows",
          "type": "any",
          "attribute": "md-rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridRowsOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridRowsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of rows to render within the grid at the 'MD' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rows",
          "type": "any",
          "attribute": "rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "TQ2GridRowsOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridRowsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Sets the amount of rows to render within the grid at the baseline viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smAlign",
          "type": "string",
          "attribute": "sm-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAlignOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe 'SM' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smColumns",
          "type": "number",
          "attribute": "sm-columns",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridColumnsOptions",
            "resolved": "number",
            "references": {
              "TQ2GridColumnsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of columns to render within the grid at the 'SM' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smGap",
          "type": "string",
          "attribute": "sm-gap",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridGapOptions",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {
              "TQ2GridGapOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the gap size between rows and columns within the grid at the 'SM' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smJustify",
          "type": "string",
          "attribute": "sm-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridJustifyOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'SM' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smRows",
          "type": "any",
          "attribute": "sm-rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridRowsOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridRowsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of rows to render within the grid at the 'SM' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlAlign",
          "type": "string",
          "attribute": "xl-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAlignOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at the\n'XL' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlColumns",
          "type": "number",
          "attribute": "xl-columns",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridColumnsOptions",
            "resolved": "number",
            "references": {
              "TQ2GridColumnsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of columns to render within the grid at the 'XL' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlGap",
          "type": "string",
          "attribute": "xl-gap",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridGapOptions",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {
              "TQ2GridGapOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the gap size between rows and columns within the grid at the 'XL' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlJustify",
          "type": "string",
          "attribute": "xl-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridJustifyOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'XL' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlRows",
          "type": "any",
          "attribute": "xl-rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridRowsOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridRowsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of rows to render within the grid at the 'XL' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsAlign",
          "type": "string",
          "attribute": "xs-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAlignOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe 'XS' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsColumns",
          "type": "number",
          "attribute": "xs-columns",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridColumnsOptions",
            "resolved": "number",
            "references": {
              "TQ2GridColumnsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of columns to render within the grid at the 'XS' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsGap",
          "type": "string",
          "attribute": "xs-gap",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridGapOptions",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {
              "TQ2GridGapOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the gap size between rows and columns within the grid at the 'XS' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsJustify",
          "type": "string",
          "attribute": "xs-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridJustifyOptions",
            "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track\nat the 'XS' viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsRows",
          "type": "any",
          "attribute": "xs-rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridRowsOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridRowsOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the amount of rows to render within the grid at the 'XS' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-grid-area",
      "path": "./src/components/q2-grid-area/q2-grid-area.js",
      "source": "./src/components/q2-grid-area/q2-grid-area.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2GridArea",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Grid Area"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use as a positioned cell within a Grid layout."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "TQ2GridAreaAlignOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "columnSpan",
          "type": "number",
          "attribute": "column-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "1",
          "complexType": {
            "original": "TQ2GridAreaColumnSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaColumnSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "1"
              }
            ],
            "text": "Sets the column span amount of the grid area at the baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "columnStart",
          "type": "any",
          "attribute": "column-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "TQ2GridAreaColumnStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaColumnStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Sets the starting column of the grid area at the baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "justify",
          "type": "string",
          "attribute": "justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "TQ2GridAreaJustifyOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgAlign",
          "type": "string",
          "attribute": "lg-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaAlignOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgColumnSpan",
          "type": "number",
          "attribute": "lg-column-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaColumnSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the column span amount of the grid area at the LG viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgColumnStart",
          "type": "any",
          "attribute": "lg-column-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaColumnStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting column of the grid area at the LG viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgJustify",
          "type": "string",
          "attribute": "lg-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaJustifyOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgRowSpan",
          "type": "number",
          "attribute": "lg-row-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaRowSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the row span amount of the grid area at the LG viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgRowStart",
          "type": "any",
          "attribute": "lg-row-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaRowStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting row of the grid area at the LG viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lgZIndex",
          "type": "any",
          "attribute": "lg-z-index",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaZIndexOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaZIndexOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the z-index of the grid area at the LG viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdAlign",
          "type": "string",
          "attribute": "md-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaAlignOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdColumnSpan",
          "type": "number",
          "attribute": "md-column-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaColumnSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the column span amount of the grid area at the MD viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdColumnStart",
          "type": "any",
          "attribute": "md-column-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaColumnStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting column of the grid area at the MD viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdJustify",
          "type": "string",
          "attribute": "md-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaJustifyOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdRowSpan",
          "type": "number",
          "attribute": "md-row-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaRowSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the row span amount of the grid area at the MD viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdRowStart",
          "type": "any",
          "attribute": "md-row-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaRowStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting row of the grid area at the MD viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mdZIndex",
          "type": "any",
          "attribute": "md-z-index",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaZIndexOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaZIndexOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the z-index of the grid area at the MD viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rowSpan",
          "type": "number",
          "attribute": "row-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "1",
          "complexType": {
            "original": "TQ2GridAreaRowSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaRowSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "1"
              }
            ],
            "text": "Sets the row span amount of the grid area at the baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rowStart",
          "type": "any",
          "attribute": "row-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "TQ2GridAreaRowStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaRowStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Sets the starting row of the grid area at the baseline viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smAlign",
          "type": "string",
          "attribute": "sm-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaAlignOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smColumnSpan",
          "type": "number",
          "attribute": "sm-column-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaColumnSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the column span amount of the grid area at the SM viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smColumnStart",
          "type": "any",
          "attribute": "sm-column-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaColumnStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting column of the grid area at the SM viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smJustify",
          "type": "string",
          "attribute": "sm-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaJustifyOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smRowSpan",
          "type": "number",
          "attribute": "sm-row-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaRowSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the row span amount of the grid area at the SM viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smRowStart",
          "type": "any",
          "attribute": "sm-row-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaRowStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting row of the grid area at the SM viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "smZIndex",
          "type": "any",
          "attribute": "sm-z-index",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaZIndexOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaZIndexOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the z-index of the grid area at the SM viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlAlign",
          "type": "string",
          "attribute": "xl-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaAlignOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlColumnSpan",
          "type": "number",
          "attribute": "xl-column-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaColumnSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the column span amount of the grid area at the XL viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlColumnStart",
          "type": "any",
          "attribute": "xl-column-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaColumnStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting column of the grid area at the XL viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlJustify",
          "type": "string",
          "attribute": "xl-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaJustifyOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlRowSpan",
          "type": "number",
          "attribute": "xl-row-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaRowSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the row span amount of the grid area at the XL viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlRowStart",
          "type": "any",
          "attribute": "xl-row-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaRowStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting row of the grid area at the XL viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xlZIndex",
          "type": "any",
          "attribute": "xl-z-index",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaZIndexOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaZIndexOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the z-index of the grid area at the XL viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsAlign",
          "type": "string",
          "attribute": "xs-align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaAlignOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaAlignOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsColumnSpan",
          "type": "number",
          "attribute": "xs-column-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaColumnSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the column span amount of the grid area at the XS viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsColumnStart",
          "type": "any",
          "attribute": "xs-column-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaColumnStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaColumnStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting column of the grid area at the XS viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsJustify",
          "type": "string",
          "attribute": "xs-justify",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaJustifyOptions",
            "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
            "references": {
              "TQ2GridAreaJustifyOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsRowSpan",
          "type": "number",
          "attribute": "xs-row-span",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowSpanOptions",
            "resolved": "number",
            "references": {
              "TQ2GridAreaRowSpanOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the row span amount of the grid area at the XS viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsRowStart",
          "type": "any",
          "attribute": "xs-row-start",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaRowStartOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaRowStartOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the starting row of the grid area at the XS viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "xsZIndex",
          "type": "any",
          "attribute": "xs-z-index",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "TQ2GridAreaZIndexOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaZIndexOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Sets the z-index of the grid area at the XS viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "zIndex",
          "type": "any",
          "attribute": "z-index",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "TQ2GridAreaZIndexOptions",
            "resolved": "\"auto\" | number",
            "references": {
              "TQ2GridAreaZIndexOptions": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Sets the z-index of the grid area at the baseline viewport size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-icon",
      "path": "./src/components/q2-icon/q2-icon.js",
      "source": "./src/components/q2-icon/q2-icon.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Icon",
      "assetsDirs": [
        {
          "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-icon/assets",
          "cmpRelativePath": "assets",
          "originalComponentPath": "assets"
        }
      ],
      "dependencies": [],
      "dependents": [
        "q2-action-sheet",
        "q2-avatar",
        "q2-calendar",
        "q2-card",
        "q2-carousel",
        "q2-chart-donut",
        "q2-checkbox",
        "q2-checkbox-group",
        "q2-data-table",
        "q2-dropdown",
        "q2-dropdown-item",
        "q2-editable-field",
        "q2-file-picker",
        "q2-input",
        "q2-link",
        "q2-message",
        "q2-modal",
        "q2-month-picker",
        "q2-option",
        "q2-otp",
        "q2-pagination",
        "q2-pill",
        "q2-radio-group",
        "q2-search",
        "q2-section",
        "q2-select",
        "q2-stepper",
        "q2-stepper-vertical",
        "q2-tab-container",
        "q2-tag",
        "q2-textarea",
        "q2-toast"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-action-sheet",
        "q2-avatar",
        "q2-calendar",
        "q2-card",
        "q2-carousel",
        "q2-chart-donut",
        "q2-checkbox",
        "q2-checkbox-group",
        "q2-data-table",
        "q2-dropdown",
        "q2-dropdown-item",
        "q2-editable-field",
        "q2-file-picker",
        "q2-input",
        "q2-link",
        "q2-message",
        "q2-modal",
        "q2-month-picker",
        "q2-option",
        "q2-otp",
        "q2-pagination",
        "q2-pill",
        "q2-radio-group",
        "q2-section",
        "q2-stepper",
        "q2-stepper-vertical",
        "q2-tab-container",
        "q2-tag",
        "q2-textarea",
        "q2-toast"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Icon"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying icons that represent actions, states, or concepts."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "inline",
          "type": "boolean",
          "attribute": "inline",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The text that is presented by screen-readers when they encounter the icon."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The name of the icon to be displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "iconClone"
        }
      ]
    },
    {
      "tag": "q2-input",
      "path": "./src/components/q2-input/q2-input.js",
      "source": "./src/components/q2-input/q2-input.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Input",
      "assetsDirs": [],
      "dependencies": [
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-loading"
      ],
      "dependents": [
        "q2-calendar",
        "q2-editable-field",
        "q2-pagination",
        "q2-search",
        "q2-select"
      ],
      "directDependencies": [
        "q2-icon",
        "q2-btn",
        "q2-badge"
      ],
      "directDependents": [
        "q2-calendar",
        "q2-editable-field",
        "q2-pagination",
        "q2-search",
        "q2-select"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Input"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for single-line text entry including email, phone, currency, SSN, and password."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          },
          {
            "name": "slot",
            "text": "input-left - An optional slot to add a [Button](https://tecton.q2developer.com/design-system/q2-btn) on the left-hand side of the input field."
          },
          {
            "name": "slot",
            "text": "input-right - An optional slot to add a [Button](https://tecton.q2developer.com/design-system/q2-btn) on the right-hand side of the input field."
          },
          {
            "name": "slot",
            "text": "custom-display - An optional slot to display custom content in the input field."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the field loses focus after the value has been changed."
          },
          "complexType": {
            "original": "EventDetail",
            "resolved": "EventDetail",
            "references": {
              "EventDetail": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                "referenceLocation": "EventDetail"
              }
            }
          },
          "internal": false
        },
        {
          "name": "clear",
          "method": "clear",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClear' instead"
              }
            ],
            "text": "Emitted when the field value is cleared.\nEmitted with `{ source: 'input' }` when search text is cleared by keyboard.\nEmitted with `{ source: 'button' }` when search text is cleared by clicking clear icon."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "formatted",
          "method": "formatted",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctFormatted' instead"
              }
            ],
            "text": "Emitted when the field value is formatted."
          },
          "complexType": {
            "original": "FormatterValueObject",
            "resolved": "FormatterValueObject",
            "references": {
              "FormatterValueObject": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::FormatterValueObject",
                "referenceLocation": "FormatterValueObject"
              }
            }
          },
          "internal": false
        },
        {
          "name": "input",
          "method": "input",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctInput' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the field value is updated."
          },
          "complexType": {
            "original": "EventDetail",
            "resolved": "EventDetail",
            "references": {
              "EventDetail": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                "referenceLocation": "EventDetail"
              }
            }
          },
          "internal": false
        },
        {
          "name": "invalid",
          "method": "invalid",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctInvalid' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the validation is updated."
          },
          "complexType": {
            "original": "EventDetail",
            "resolved": "EventDetail",
            "references": {
              "EventDetail": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                "referenceLocation": "EventDetail"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": false,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the field loses focus after the value has been changed."
          },
          "complexType": {
            "original": "EventDetail",
            "resolved": "EventDetail",
            "references": {
              "EventDetail": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                "referenceLocation": "EventDetail"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctClear",
          "method": "tctClear",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the field value is cleared.\nEmitted with `{ source: 'input' }` when search text is cleared by keyboard.\nEmitted with `{ source: 'button' }` when search text is cleared by clicking clear icon."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctFormatted",
          "method": "tctFormatted",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the field value is formatted."
          },
          "complexType": {
            "original": "FormatterValueObject",
            "resolved": "FormatterValueObject",
            "references": {
              "FormatterValueObject": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::FormatterValueObject",
                "referenceLocation": "FormatterValueObject"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctInput",
          "method": "tctInput",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the field value is updated."
          },
          "complexType": {
            "original": "EventDetail",
            "resolved": "EventDetail",
            "references": {
              "EventDetail": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                "referenceLocation": "EventDetail"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctInvalid",
          "method": "tctInvalid",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the validation is updated."
          },
          "complexType": {
            "original": "EventDetail",
            "resolved": "EventDetail",
            "references": {
              "EventDetail": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                "referenceLocation": "EventDetail"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "onHostElementChange",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "onHostElementFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "checkValidity",
          "docs": {
            "text": "Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<boolean>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<boolean>"
          },
          "internal": false
        },
        {
          "name": "clearValue",
          "docs": {
            "text": "Emulates clicking the clear button when the input is clearable.",
            "tags": [
              {
                "name": "warning",
                "text": "Only applicable when the input is clearable."
              },
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n\nThis method leaves the focus on the `<input>` and as a result does not trigger the `change` event. If you want\nto trigger the` change` event, move the focus to another element after calling this method.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon",
        "q2-btn",
        "q2-badge"
      ],
      "properties": [
        {
          "name": "_ariaDescription",
          "type": "string",
          "attribute": "_aria-description",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Provides additional descriptive text for the native input."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "_preventEntry",
          "type": "boolean",
          "attribute": "_prevent-entry",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "undefined",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "undefined"
              }
            ],
            "text": "Sets readonly to true on the input without adding the \"read only\" label.\n\nCan be used to prevent user input while still presenting the necessary information for assistive technology."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "_role",
          "type": "string",
          "attribute": "_role",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "undefined",
          "complexType": {
            "original": "'combobox' | undefined",
            "resolved": "\"combobox\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Defaults to undefined\nWill assign role to combobox when used inside q2-select and q2-calendar."
              },
              {
                "name": "default",
                "text": "undefined"
              }
            ],
            "text": "Allows for correct semantics of q2-input element when aria-expanded."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "_updateValueOnInput",
          "type": "boolean",
          "attribute": "_update-value-on-input",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Determines whether the input updates its value property as native input occurs."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaActivedescendant",
          "type": "string",
          "attribute": "aria-activedescendant",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaControls",
          "type": "string",
          "attribute": "aria-controls",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaExpanded",
          "type": "string",
          "attribute": "aria-expanded",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaHaspopup",
          "type": "string",
          "attribute": "aria-haspopup",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ariaOwns",
          "type": "string",
          "attribute": "aria-owns",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autocapitalize",
          "type": "string",
          "attribute": "autocapitalize",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This attribute only affects the behavior of input mechanisms like virtual keyboards on mobile devices and voice input."
              }
            ],
            "text": "The `autocapitalize` attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize#value)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autocomplete",
          "type": "string",
          "attribute": "autocomplete",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The HTML autocomplete attribute lets web developers specify what permission (if any) the user agent has to provide automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\n\n[See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autocorrect",
          "type": "string",
          "attribute": "autocorrect",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'on' | 'off'",
            "resolved": "\"off\" | \"on\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "This is currently only supported in Safari."
              }
            ],
            "text": "A string that indicates whether or not to activate automatic correction while the user is editing this field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autofocus",
          "type": "boolean",
          "attribute": "autofocus",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Autofocus is enabled when the property is added to an element. To disable, remove attribute or set it to false.\nIf applied to multiple elements, the first one will receive focus."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeTheme",
          "type": "string",
          "attribute": "badge-theme",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Badge['theme']",
            "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
            "references": {
              "Q2Badge": {
                "location": "import",
                "path": "../q2-badge/q2-badge",
                "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                "referenceLocation": "Q2Badge"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "The color of the badge when in the active state. The property `badgeValue` must be provided."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeValue",
          "type": "string",
          "attribute": "badge-value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays a `q2-badge` element on the right side of the input."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clearable",
          "type": "boolean",
          "attribute": "clearable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders an icon button when the field is non-empty. Pressing the button clears all input from the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "current",
          "type": "string",
          "attribute": "current",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'",
            "resolved": "\"date\" | \"false\" | \"location\" | \"page\" | \"step\" | \"time\" | \"true\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "If provided a value, it sets the `aria-current` attribute on the inner input.\n[See MDN for more information on aria-current](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Indicates the field cannot be focused or interacted with."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errors",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Each item in the `errors` array will appear below the input field when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "formatModifier",
          "type": "string",
          "attribute": "format-modifier",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the field's expected input format, and automatically masks user input to conform.\nSpecific types support different modifier options. See the section on Format Modifiers for all available options."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideMessages",
          "type": "boolean",
          "attribute": "hide-messages",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array).\nPrimarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hints",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\nOnce all errors are resolved, the hints display the next time the field is focused."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "Each item in the `hints` array will appear below the input field when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "iconLeft",
          "type": "string",
          "attribute": "icon-left",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Icon['type']",
            "resolved": "string",
            "references": {
              "Q2Icon": {
                "location": "import",
                "path": "../q2-icon/q2-icon",
                "id": "src/components/q2-icon/q2-icon.tsx::Q2Icon",
                "referenceLocation": "Q2Icon"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Shows a left-aligned [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) within the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "iconRight",
          "type": "string",
          "attribute": "icon-right",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Icon['type']",
            "resolved": "string",
            "references": {
              "Q2Icon": {
                "location": "import",
                "path": "../q2-icon/q2-icon",
                "id": "src/components/q2-icon/q2-icon.tsx::Q2Icon",
                "referenceLocation": "Q2Icon"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Shows a right-aligned [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) within the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The label that appears above the field. This is announced by screen readers when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "max",
          "type": "number",
          "attribute": "max",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when `type=\"number\"`."
              }
            ],
            "text": "When present, it does not allow a value greater than `max` when the user uses the Up/Down arrow keys to change the value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "attribute": "maxlength",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\nMake sure you account for them when setting the `maxlength` value. Input types that use masks have their own inherent `maxlength`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "min",
          "type": "number",
          "attribute": "min",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when `type=\"number\"`."
              }
            ],
            "text": "When present, it does not allow a value less than the `min` when the user uses the Up/Down arrow keys to change the value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pattern",
          "type": "string",
          "attribute": "pattern",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "<q2-input label=\"My input\" pattern=\"[a-zA-Z0-9]{3,5}\" id=\"myInput\"></q2-input>\n// enter \"abcdefgh\" in the input field (too many characters)\nconst myInput = document.querySelector('#myInput');\nconsole.log(myInput.validity.patternMismatch); // true"
              }
            ],
            "text": "Applies the value as a RegEx pattern to assess the validity of the input field's value.\nCheck the ValidityState's `patternMismatch` property for the result.\n\n**Example:**"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "attribute": "placeholder",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Primarily used for rare cases in which a visible form label is not expected (e.g., search fields)."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "Text that appears within the field when it is blurred and empty.\nPlaceholder text disappears when the user focuses on the field and provides input."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pseudo",
          "type": "boolean",
          "attribute": "pseudo",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Component will display as a clickable `<button>` styled to be identical to the default `<input>` field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\nTakes priority over `optional` if both are `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "role",
          "type": "string",
          "attribute": "role",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": "Indicates the element's intended purpose to assistive technology."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showCount",
          "type": "boolean",
          "attribute": "show-count",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Shows a character counter above the input field to track the number of characters currently in the field.\nIf `maxlength` is set, `showCount` displays the number of characters in relation the `maxlength` value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showVisibilityToggle",
          "type": "boolean",
          "attribute": "show-visibility-toggle",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Applicable when `type` is `text`, `password`, `ssn`, or `tin`, or when `visibleLastCount` is set."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Displays a toggle button at the end of the input field which shows or hides the actual value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "step",
          "type": "number",
          "attribute": "step",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when `type=\"number\"`."
              }
            ],
            "text": "When present, it jumps the value in increments of `step` when the user uses the Up/Down arrow keys to change the value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "textHidden",
          "type": "boolean",
          "attribute": "text-hidden",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls visibility of the value. When `visibleLastCount` is set, hidden values keep the specified number of\ntrailing characters visible.\nWhen the input type is `password`, it will default to `true`, hiding the text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'text'",
          "complexType": {
            "original": "InputType",
            "resolved": "\"alpha\" | \"alphanumeric\" | \"cif\" | \"clabe\" | \"credit-card\" | \"currency\" | \"date\" | \"email\" | \"iban\" | \"number\" | \"numeric\" | \"password\" | \"percentage\" | \"phone\" | \"postal\" | \"routingnumber\" | \"search\" | \"ssn\" | \"swift\" | \"tel\" | \"text\" | \"url\"",
            "references": {
              "InputType": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
                "id": "src/components/q2-input/q2-input.tsx::InputType"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'text'"
              }
            ],
            "text": "Specifies the field's expected [input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types), and provides the optimal keyboard on mobile devices."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "valid",
          "type": "boolean",
          "attribute": "valid",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Displays a success state icon when the field does not have active errors."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "validity",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "ValidityState",
            "resolved": "ValidityState",
            "references": {
              "ValidityState": {
                "location": "global",
                "id": "global::ValidityState"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Returns a read-only `ValidityState` object representing the validity states of the element.\n[See MDN for more information on ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "The visible value of formatted input fields may not match the element's `value` property.\nWhen setting an input's value programmatically (e.g. pre-populating a form), ensure that the supplied value is in a format that can be handled by its consuming logic.\n`q2-input` updates its own `value` through its default input and change event handlers.\n\nIn `q2-input` where `type=\"currency\"`\n- element.value = 1234.56\n- visible value: $1,234.56"
              }
            ],
            "text": "The value of the input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "visibleLastCount",
          "type": "number",
          "attribute": "visible-last-count",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls the number of trailing characters that remain visible when the field value is masked by `textHidden`\nor the visibility toggle. The element's `value` and emitted event details remain unmasked."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "checkSlotCount"
        },
        {
          "name": "formattedValueObject"
        },
        {
          "name": "hasFocus"
        },
        {
          "name": "isSmall"
        }
      ]
    },
    {
      "tag": "q2-item",
      "path": "./src/components/q2-item/q2-item.js",
      "source": "./src/components/q2-item/q2-item.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Item",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-context",
        "q2-file-picker"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-context",
        "q2-file-picker"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Item"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for laying out structured content with header, body, and footer text, icons, and actions."
          },
          {
            "name": "slot",
            "text": "decorator - An optional slot to display custom content in the decorator area.\nSupports either [Icon](https://tecton.q2developer.com/design-system/q2-icon/) or [Avatar](https://tecton.q2developer.com/design-system/q2-avatar/).\nUse this to provide a visual indicator or icon for your item."
          },
          {
            "name": "slot",
            "text": "header - An optional slot to display custom content in the header area.\nUse this to provide a title or label for your item."
          },
          {
            "name": "slot",
            "text": "body - An optional slot to display custom content in the body area.\nUse this to provide the main content of your item."
          },
          {
            "name": "slot",
            "text": "action - An optional slot to display custom content in the action area.\nSupports buttons, checkboxes, dropdowns, or other interactive elements related to the item."
          },
          {
            "name": "slot",
            "text": "footer - An optional slot to display custom content in the footer area.\nUse this to provide additional information or actions related to the item."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "clickable",
          "type": "boolean",
          "attribute": "clickable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Makes the item clickable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "verticalAlign",
          "type": "string",
          "attribute": "vertical-align",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'top'",
          "complexType": {
            "original": "'top' | 'center' | 'bottom'",
            "resolved": "\"bottom\" | \"center\" | \"top\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'top'"
              }
            ],
            "text": "Controls the vertical alignment of the item decorator and single content slot."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "renderTrigger"
        }
      ]
    },
    {
      "tag": "q2-legend",
      "path": "./src/components/q2-legend/q2-legend.js",
      "source": "./src/components/q2-legend/q2-legend.tsx",
      "elementRef": null,
      "componentClassName": "Q2Legend",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere"
      ],
      "dependents": [
        "q2-chart-donut"
      ],
      "directDependencies": [
        "click-elsewhere"
      ],
      "directDependents": [
        "q2-chart-donut"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Legend"
          },
          {
            "name": "category",
            "text": "Data Visualization"
          },
          {
            "name": "summary",
            "text": "Use for displaying chart legends with interactive item selection."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "click",
          "method": "click",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClick' instead"
              }
            ],
            "text": "Emitted when a legend item is clicked."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "mouseenter",
          "method": "mouseenter",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctMouseenter' instead"
              }
            ],
            "text": "Emitted when the mouse enters a legend item."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "mouseleave",
          "method": "mouseleave",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctMouseleave' instead"
              }
            ],
            "text": "Emitted when the mouse leaves a legend item."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a legend item is clicked."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctMouseEnter",
          "method": "tctMouseEnter",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the mouse enters a legend item."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctMouseLeave",
          "method": "tctMouseLeave",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the mouse leaves a legend item."
          },
          "complexType": {
            "original": "DonutChartData",
            "resolved": "DonutChartData",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "click-elsewhere"
      ],
      "properties": [
        {
          "name": "currencyRound",
          "type": "boolean",
          "attribute": "currency-round",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "data",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "DonutChartData[]",
            "resolved": "DonutChartData[]",
            "references": {
              "DonutChartData": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                "referenceLocation": "DonutChartData"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "An array of objects that contain the data to be displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "format",
          "type": "string",
          "attribute": "format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'default'",
          "complexType": {
            "original": "'default' | 'currency'",
            "resolved": "\"currency\" | \"default\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'default'"
              }
            ],
            "text": "The format of the value displayed in the legend."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hoveredItemId",
          "type": "string",
          "attribute": "hovered-item-id",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "null",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "null"
              }
            ],
            "text": "The id of the item to set as hovered."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedItemId",
          "type": "string",
          "attribute": "selected-item-id",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "null",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "null"
              }
            ],
            "text": "The id of the item to set as selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hoveredItemIndex"
        },
        {
          "name": "selectedItemIndex"
        }
      ]
    },
    {
      "tag": "q2-link",
      "path": "./src/components/q2-link/q2-link.js",
      "source": "./src/components/q2-link/q2-link.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Link",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [
        "q2-file-picker"
      ],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [
        "q2-file-picker"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Link"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for navigation to other pages or sections. Prefer over q2-btn for non-action navigation."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the link is clicked."
          },
          "complexType": {
            "original": "{ target: string; referrerpolicy: string; href: string }",
            "resolved": "{ target: string; referrerpolicy: string; href: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "clickLink",
          "docs": {
            "text": "A method for click.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLAnchorElement": {
                "location": "global",
                "id": "global::HTMLAnchorElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "_tooltip",
          "type": "string",
          "attribute": "_tooltip",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private",
                "text": "Tooltip text set by a parent q2-tooltip component for accessibility."
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether the component and `tctClick` event are disabled."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "ellipsis",
          "type": "boolean",
          "attribute": "ellipsis",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "If `true`, the label will be truncated with an ellipsis when it's too long."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidth",
          "type": "boolean",
          "attribute": "full-width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "If `true`, it takes up 100% width."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "href",
          "type": "string",
          "attribute": "href",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'javascript:void(0)'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'javascript:void(0)'"
              }
            ],
            "text": "The link when clicked."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "iconType",
          "type": "string",
          "attribute": "icon-type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to display when `variant` is set to \"standalone\"."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The displayed label to represent your link."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "referrerpolicy",
          "type": "string",
          "attribute": "referrerpolicy",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "ReferrerPolicy",
            "resolved": "\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"",
            "references": {
              "ReferrerPolicy": {
                "location": "global",
                "id": "global::ReferrerPolicy"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "How much of the referrer to send when following the link. [See MDN for more information on referrerpolicy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "target",
          "type": "string",
          "attribute": "target",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Where to display the linked URL. [See MDN for more information on target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tctTitle",
          "type": "string",
          "attribute": "tct-title",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Applies a `title` attribute to the anchor tag in the shadowRoot of the component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "variant",
          "type": "string",
          "attribute": "variant",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'inline'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'inline'"
              }
            ],
            "text": "Determines the visual display style of the link."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-list",
      "path": "./src/components/q2-list/q2-list.js",
      "source": "./src/components/q2-list/q2-list.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2List",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-file-picker"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-file-picker"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "List"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for grouping Item components into a vertical list."
          },
          {
            "name": "slot",
            "text": "filter - An optional slot to display custom content for filtering the list items."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "bordered",
          "type": "boolean",
          "attribute": "bordered",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds a border between each items"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "label text on header area"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "renderTrigger"
        }
      ]
    },
    {
      "tag": "q2-loading",
      "path": "./src/components/q2-loading/q2-loading.js",
      "source": "./src/components/q2-loading/q2-loading.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Loading",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-action-sheet",
        "q2-btn",
        "q2-calendar",
        "q2-card-image",
        "q2-carousel",
        "q2-data-table",
        "q2-dropdown",
        "q2-editable-field",
        "q2-file-picker",
        "q2-input",
        "q2-modal",
        "q2-month-picker",
        "q2-otp",
        "q2-pagination",
        "q2-search",
        "q2-section",
        "q2-select",
        "q2-stepper",
        "q2-tab-container"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-btn",
        "q2-data-table",
        "q2-file-picker",
        "q2-otp",
        "q2-search"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Loading"
          },
          {
            "name": "category",
            "text": "Feedback"
          },
          {
            "name": "summary",
            "text": "Use to indicate async operations or content loading in progress."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [
        {
          "name": "tctUpdateLoaders",
          "method": "onUpdateLoaders",
          "capture": false,
          "passive": false,
          "target": "document"
        }
      ],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "counts",
          "type": "string",
          "attribute": "counts",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Numeric adjustments are available for specific `type` and `shape` combinations.\nThese may impact the number of items, columns, and/or rows that display.\n\nWhen `shape=\"text\"`, `shape=\"detailed-item\"`, or `shape=\"label-value\"`, the `counts` attribute determines the number of rows to display.\n\nWhen `shape=\"table\"`, the `counts` attribute can be used in two ways:\n\n1. `counts=\"CxR\"` = Provides a skeleton table of `C` columns and `R` rows. The default value is `\"5x5\"\n2. `counts=\"N\"` - Provides a skeleton table of `N` columns and 5 rows.\n\nWhen `shape=\"form\"`, the `counts` attribute can be used in two ways:\n\n1. `counts=\"CxR\" - Provides a skeleton form of `C` columns and `R` rows of fields. The default value is `\"1x1\"`.\n2. `counts=\"N\"` - Provides a skeleton form of `N` fields stacked in single columns."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideFromScreenReaders",
          "type": "boolean",
          "attribute": "hide-from-screen-readers",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Hides the loading element from screen readers."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "inline",
          "type": "boolean",
          "attribute": "inline",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The label that is associated with the component. This is not displayed visually but is presented by screen readers."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "modifiers",
          "type": "string",
          "attribute": "modifiers",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Visual adjustments available to specific type and shape combinations, written as a hyphen (`-`) separated string.\n\nSupported values depend on the type and shape selected, and are listed in detail in the shape sections above."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "shape",
          "type": "string",
          "attribute": "shape",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "snippet",
                "text": "// when type=\"spinner\"\ntype ShapeValues = \"half-circle\";\n// when type=\"skeleton\"\ntype ShapeValues = \"circle | \"rectangle\" | \"text\" | \"table\" | \"field\" | \"form\" | \"detailed-item\" | \"label-value\";"
              }
            ],
            "text": "The specific visual presentation of a loading element `type`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'brand' | 'spinner' | 'skeleton'",
            "resolved": "\"brand\" | \"skeleton\" | \"spinner\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The type of loading element to display."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasCustomLoader"
        },
        {
          "name": "loaderClone"
        }
      ]
    },
    {
      "tag": "q2-loading-element",
      "path": "./src/components/q2-loading/skeleton/q2-loading-element/index.js",
      "source": "./src/components/q2-loading/skeleton/q2-loading-element/index.tsx",
      "elementRef": null,
      "componentClassName": "Q2Loading",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [],
        "text": ""
      },
      "encapsulation": "none",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "borderRadius",
          "type": "string",
          "attribute": "border-radius",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "height",
          "type": "string",
          "attribute": "height",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "shape",
          "type": "string",
          "attribute": "shape",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "width",
          "type": "string",
          "attribute": "width",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-loc",
      "path": "./src/components/q2-loc/q2-loc.js",
      "source": "./src/components/q2-loc/q2-loc.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Loc",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Localization"
          },
          {
            "name": "category",
            "text": "Text"
          },
          {
            "name": "summary",
            "text": "Use for displaying localized text from translation keys."
          }
        ],
        "text": ""
      },
      "encapsulation": "none",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "ignoreTag",
          "type": "boolean",
          "attribute": "ignore-tag",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use this with trusted localization strings, as it uses innerHTML and may expose XSS vulnerabilities. See the FAQ \"Can I add HTML to my localization strings?\" for usage guidance."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "When true, allows HTML tags in the localized string to be rendered as HTML."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "substitutions",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Any substitutions you would like to pass into the localization string."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The reference to the localization key you would like to display the localized output of.\nIf no value is provided, any text inside the element will be used as a fallback."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-message",
      "path": "./src/components/q2-message/q2-message.js",
      "source": "./src/components/q2-message/q2-message.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Message",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [
        "q2-action-sheet",
        "q2-calendar",
        "q2-otp"
      ],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [
        "q2-action-sheet",
        "q2-calendar",
        "q2-otp"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Message"
          },
          {
            "name": "category",
            "text": "Feedback"
          },
          {
            "name": "summary",
            "text": "Use for contextual non-blocking notifications like success, error, or info alerts."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "present",
          "docs": {
            "text": "Prompts assistive technology to announce the message.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "appearance",
          "type": "string",
          "attribute": "appearance",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'standard'",
          "complexType": {
            "original": "'minimal' | 'standard'",
            "resolved": "\"minimal\" | \"standard\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'standard'"
              }
            ],
            "text": "The visual style of the message. The minimal style is for use cases where you have less space to display information."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "boolean",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether or not assistive technology immediately presents the content to the user, via the `aria-live` attribute."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'info'",
          "complexType": {
            "original": "'info' | 'error' | 'danger' | 'warning' | 'success'",
            "resolved": "\"danger\" | \"error\" | \"info\" | \"success\" | \"warning\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'info'"
              }
            ],
            "text": "The type of message to display on the screen."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "presentToggle"
        }
      ]
    },
    {
      "tag": "q2-meter",
      "path": "./src/components/q2-meter/q2-meter.js",
      "source": "./src/components/q2-meter/q2-meter.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Meter",
      "assetsDirs": [],
      "dependencies": [
        "q2-tooltip"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-tooltip"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Meter"
          },
          {
            "name": "category",
            "text": "Data Visualization"
          },
          {
            "name": "summary",
            "text": "Use for showing progress or a value within a known range."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-tooltip"
      ],
      "properties": [
        {
          "name": "animated",
          "type": "boolean",
          "attribute": "animated",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Shows loading animation for bars, default is true."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "completedLabel",
          "type": "string",
          "attribute": "completed-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the label for the completed bar, which appears at the bottom in the legend section."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "completedValue",
          "type": "string",
          "attribute": "completed-value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the value for the completed bar."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the description for the meter, which appears at the top just below the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "dotted",
          "type": "boolean",
          "attribute": "dotted",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Shows a circle shaped dot indicator on completed bar, default is true."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideTooltip",
          "type": "boolean",
          "attribute": "hide-tooltip",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Hide tooltips."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the label for the meter, which appears at the top."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxLabel",
          "type": "string",
          "attribute": "max-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the label for the base bar, which appears at the bottom in the legend."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxValue",
          "type": "string",
          "attribute": "max-value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the value for the base bar."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "segments",
          "type": "number",
          "attribute": "segments",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Shows thin tick bars based on the number of segments provided."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "suggestedLabel",
          "type": "string",
          "attribute": "suggested-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines the label for the suggested bar, which appears at the bottom in the legend."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "suggestedValue",
          "type": "string",
          "attribute": "suggested-value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the value for the suggested bar."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tooltipCompleted",
          "type": "string",
          "attribute": "tooltip-completed",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines custom text for the completed bar tooltip."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tooltipSuggested",
          "type": "string",
          "attribute": "tooltip-suggested",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Defines custom text for the suggested bar tooltip."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-modal",
      "path": "./src/components/q2-modal/q2-modal.js",
      "source": "./src/components/q2-modal/q2-modal.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Modal",
      "assetsDirs": [],
      "dependencies": [
        "q2-action-group",
        "q2-btn",
        "q2-icon",
        "q2-loading",
        "q2-resize-observer"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-btn",
        "q2-icon",
        "q2-action-group"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Modal"
          },
          {
            "name": "category",
            "text": "Platform"
          },
          {
            "name": "summary",
            "text": "Use for focused interactions that require user attention before continuing."
          },
          {
            "name": "slot",
            "text": "content - A slot to display custom content in the modal body above the description."
          },
          {
            "name": "slot",
            "text": "action - A slot to display up to four elements compatible with [Action Group](https://tecton.q2developer.com/design-system/q2-action-group) in the modal's footer."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctBackdropClick",
          "method": "tctBackdropClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the modal backdrop is clicked."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when one of action buttons is clicked."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClose",
          "method": "tctClose",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the modal is closed."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctOpen",
          "method": "tctOpen",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the modal is opened."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctReady",
          "method": "tctReady",
          "bubbles": false,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the modal has finished rendering."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "closeModal",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "(data?: ModalResponse) => Promise<void>",
            "parameters": [
              {
                "name": "data",
                "type": "{ appearance: \"message\"; type: \"info\" | \"success\" | \"warning\" | \"error\"; title?: string; description?: string; }",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ModalResponse": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/modal",
                "id": "../q2-tecton-common/lib/types/modal.d.ts::ModalResponse",
                "referenceLocation": "ModalResponse"
              },
              "TransitionEvent": {
                "location": "global",
                "id": "global::TransitionEvent"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openModal",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "(option?: ModalOption) => Promise<void>",
            "parameters": [
              {
                "name": "option",
                "type": "{ title?: string; description?: string; customMarkup?: string; imageSrc?: string; icon?: string; iconStrokePrimary?: string; iconStrokeSecondary?: string; iconFillColor?: string; iconStrokeWidth?: string; closeable?: boolean; }",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ModalOption": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/modal",
                "id": "../q2-tecton-common/lib/types/modal.d.ts::ModalOption",
                "referenceLocation": "ModalOption"
              },
              "TransitionEvent": {
                "location": "global",
                "id": "global::TransitionEvent"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-btn",
        "q2-icon",
        "q2-action-group"
      ],
      "properties": [
        {
          "name": "closable",
          "type": "boolean",
          "attribute": "closable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Controls visibility of the close button and whether the modal can be dismissed with the backdrop or Escape key."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "customMarkup",
          "type": "string",
          "attribute": "custom-markup",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Allows HTML markup as modal content, but it will be sanitized for security purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A plain text description of the modal. Use this to provide context or information to the user."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "fullWidthButton",
          "type": "boolean",
          "attribute": "full-width-button",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Whether the action buttons should take up the full width of the modal footer."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "attribute": "icon",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The icon to display at the top of the modal. [See Icon documentation](https://tecton.q2developer.com/design-system/q2-icon)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "imageSrc",
          "type": "string",
          "attribute": "image-src",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "An image URL to be displayed beneath the title. It renders with 100% width."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "title",
          "type": "string",
          "attribute": "title",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "A plain text title of the modal displayed at the top."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "maxActionButtons"
        },
        {
          "name": "renderStatus"
        }
      ]
    },
    {
      "tag": "q2-month-picker",
      "path": "./src/components/q2-calendar/q2-month-picker.js",
      "source": "./src/components/q2-calendar/q2-month-picker.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2MonthPicker",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-icon",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-btn",
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "toggleChange",
          "method": "toggleChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": ""
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "viewChange",
          "method": "viewChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": ""
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-btn",
        "q2-icon"
      ],
      "properties": [
        {
          "name": "disabledMonths",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "today",
          "type": "string",
          "attribute": "today",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "year",
          "type": "number",
          "attribute": "year",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "Number(new Date().toLocaleString('en-US', { year: 'numeric' }))",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "Number(new Date().toLocaleString('en-US', { year: 'numeric' }))"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "focusedIndex"
        },
        {
          "name": "selectedIndex"
        },
        {
          "name": "showYearLayer"
        }
      ]
    },
    {
      "tag": "q2-mutation-observer",
      "path": "./src/components/q2-mutation-observer/q2-mutation-observer.js",
      "source": "./src/components/q2-mutation-observer/q2-mutation-observer.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2MutationObserver",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Mutation Observer"
          },
          {
            "name": "category",
            "text": "Utility"
          },
          {
            "name": "summary",
            "text": "Use for observing DOM changes to child elements and emitting events."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctMutate",
          "method": "tctMutate",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when any of the observed elements are mutated."
          },
          "complexType": {
            "original": "{ entries: MutationRecord[] }",
            "resolved": "{ entries: MutationRecord[]; }",
            "references": {
              "MutationRecord": {
                "location": "global",
                "id": "global::MutationRecord"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "getCurrentMutationEntries",
          "docs": {
            "text": "Returns the latest entries reported by the component.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<MutationRecord[]>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "MutationRecord": {
                "location": "global",
                "id": "global::MutationRecord"
              }
            },
            "return": "Promise<MutationRecord[]>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines whether or not events will be emitted from the component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "observeAttributes",
          "type": "boolean",
          "attribute": "observe-attributes",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether or not to monitor children's attributes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "observeChildList",
          "type": "boolean",
          "attribute": "observe-child-list",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether or not to monitor children's child list."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "observeSubTree",
          "type": "boolean",
          "attribute": "observe-sub-tree",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether or not to monitor children's sub tree."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-optgroup",
      "path": "./src/components/q2-optgroup/q2-optgroup.js",
      "source": "./src/components/q2-optgroup/q2-optgroup.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Optgroup",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-action-sheet"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-action-sheet"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Option Group"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for grouping related options under a label in Select or Dropdown."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether all nested options are disabled."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Serves as the group header text."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hidden"
        }
      ]
    },
    {
      "tag": "q2-option",
      "path": "./src/components/q2-option/q2-option.js",
      "source": "./src/components/q2-option/q2-option.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Option",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [
        "q2-action-sheet",
        "q2-pagination"
      ],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [
        "q2-action-sheet",
        "q2-pagination"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Option"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use as a selectable item within Select, Dropdown, Tag, or Pill components."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "displayChanged",
          "method": "displayChanged",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by consuming elements to indicate the display value of the option has changed."
          },
          "complexType": {
            "original": "{ value: string; display: string }",
            "resolved": "{ value: string; display: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Is emitted when the option is clicked."
          },
          "complexType": {
            "original": "{ type: 'select' | 'remove'; value: string }",
            "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "_hideSelectedBlock",
          "type": "boolean",
          "attribute": "_hide-selected-block",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Disables child q2-option selectable state and removes the selector space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "_multiSelectHidden",
          "type": "boolean",
          "attribute": "_multiselecthidden",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "active",
          "type": "boolean",
          "attribute": "active",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-option-list to indicate the option is active"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the option."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabledGroup",
          "type": "boolean",
          "attribute": "disabled-group",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by consuming elements to disable all options in the group"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "display",
          "type": "string",
          "attribute": "display",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that is displayed in the field when selected. If not provided, any text inside the element will be used."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiline",
          "type": "boolean",
          "attribute": "multiline",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by consuming elements to enable multiline content support"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "role",
          "type": "string",
          "attribute": "role",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'option'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "type",
                "text": "{('option' | 'menuitem' | 'separator')}"
              },
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "'option'"
              }
            ],
            "text": "Used by q2-option-list to set a role on the option"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selected",
          "type": "boolean",
          "attribute": "selected",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Used by q2-option-list to indicate the option is selected"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "separator",
          "type": "boolean",
          "attribute": "separator",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders a line in the item instead of text.\nClick events from these items will not have details provided.\nA `separator` allows for quick visual grouping of items, so interactions should not be bound to these options."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Serves as the option's value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-option-list",
      "path": "./src/components/q2-option-list/q2-option-list.js",
      "source": "./src/components/q2-option-list/q2-option-list.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2OptionList",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-action-sheet",
        "q2-data-table",
        "q2-dropdown",
        "q2-pagination",
        "q2-pill",
        "q2-search",
        "q2-select",
        "q2-tag"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-action-sheet",
        "q2-dropdown",
        "q2-pill",
        "q2-search",
        "q2-select",
        "q2-tag"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Option List"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use internally by Select and Dropdown for rendering searchable option lists."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\nwill contain the selected option values."
          },
          "complexType": {
            "original": "{ value: string; values: OptionValue[] }",
            "resolved": "{ value: string; values: OptionValue[]; }",
            "references": {
              "OptionValue": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue"
              }
            }
          },
          "internal": false
        },
        {
          "name": "popoverState",
          "method": "popoverState",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted to indicate the intended state of the popover."
          },
          "complexType": {
            "original": "{ open: boolean; action: 'close' | 'select' | 'open' }",
            "resolved": "{ open: boolean; action: \"open\" | \"select\" | \"close\"; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "ready",
          "method": "ready",
          "bubbles": false,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the component has finished rendering."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\nwill contain the selected option values."
          },
          "complexType": {
            "original": "{ value: string; values: OptionValue[] }",
            "resolved": "{ value: string; values: OptionValue[]; }",
            "references": {
              "OptionValue": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "handleClick",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "getContents",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2OptgroupElement": {
                "location": "global",
                "id": "global::HTMLQ2OptgroupElement"
              },
              "ValidOptionElements": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                "id": "src/components/q2-option-list/q2-option-list.tsx::ValidOptionElements"
              }
            },
            "return": "Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]>"
          },
          "internal": false
        },
        {
          "name": "getOptions",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<ValidOptionElements[]>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ValidOptionElements": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                "id": "src/components/q2-option-list/q2-option-list.tsx::ValidOptionElements"
              }
            },
            "return": "Promise<ValidOptionElements[]>"
          },
          "internal": false
        },
        {
          "name": "handleExternalKeydown",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "(event: KeyboardEvent) => Promise<void>",
            "parameters": [
              {
                "name": "event",
                "type": "KeyboardEvent",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "KeyboardEvent": {
                "location": "global",
                "id": "global::KeyboardEvent"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setActiveElement",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "(index: number) => Promise<void>",
            "parameters": [
              {
                "name": "index",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setDefaultActiveElement",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "customSearch",
          "type": "boolean",
          "attribute": "custom-search",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates a custom search is being implemented for the option list."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the option list."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "loc('tecton.element.optionList.label')",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "loc('tecton.element.optionList.label')"
              }
            ],
            "text": "Determines the label that is applied to the option list for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "attribute": "multiple",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when options are provided."
              }
            ],
            "text": "Enables the multi-select ability for the option list."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "noSelect",
          "type": "boolean",
          "attribute": "no-select",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the logic that handles selecting and focusing an option in the option list."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedOptions",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "OptionValue[]",
            "resolved": "OptionValue[]",
            "references": {
              "OptionValue": {
                "location": "local",
                "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "A list of the selected options on the element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showSelected",
          "type": "boolean",
          "attribute": "show-selected",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Applies focus to the selected option."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'listbox'",
          "complexType": {
            "original": "'menu' | 'listbox'",
            "resolved": "\"listbox\" | \"menu\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'listbox'"
              }
            ],
            "text": "Translates to the role of the option list"
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasOptions"
        }
      ]
    },
    {
      "tag": "q2-otp",
      "path": "./src/components/q2-otp/q2-otp.js",
      "source": "./src/components/q2-otp/q2-otp.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Otp",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-icon",
        "q2-loading",
        "q2-message"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-message",
        "q2-loading",
        "q2-btn",
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "One-Time Password"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for entering a short one-time verification code."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClear",
          "method": "tctClear",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the fields are cleared."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctComplete",
          "method": "tctComplete",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when all fields are filled."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctInput",
          "method": "tctInput",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when any field value changes."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctSendCode",
          "method": "tctSendCode",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the send-code button is clicked."
          },
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctSubmit",
          "method": "tctSubmit",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the submit button is clicked or auto-submit triggers."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "onHostElementFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "clear",
          "docs": {
            "text": "Clears all fields, focuses the first field, and emits `tctClear`.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "reset",
          "docs": {
            "text": "Clears the component and resets error, success, and processing state.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-message",
        "q2-loading",
        "q2-btn",
        "q2-icon"
      ],
      "properties": [
        {
          "name": "autoFocus",
          "type": "boolean",
          "attribute": "auto-focus",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Focuses the first one-time password field when the component loads."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoSubmit",
          "type": "boolean",
          "attribute": "auto-submit",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Emits submission event when the last field is filled."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clearOnError",
          "type": "boolean",
          "attribute": "clear-on-error",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Clears all fields and returns focus to the first field when `state` becomes `error`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Disables all one-time password fields."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errorMessage",
          "type": "string",
          "attribute": "error-message",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Error message rendered below the submit area."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "helperText",
          "type": "string",
          "attribute": "helper-text",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Helper text content."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Visible label above the one-time password fields."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "length",
          "type": "any",
          "attribute": "length",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "6",
          "complexType": {
            "original": "number | number[] | string[] | string",
            "resolved": "number | number[] | string | string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "6"
              }
            ],
            "text": "Number of one-time password fields. Use a number for ungrouped fields or an array for grouped fields with dash\nseparators."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "masked",
          "type": "boolean",
          "attribute": "masked",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Obscures entered characters."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "processingLabel",
          "type": "string",
          "attribute": "processing-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Button text during processing."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sendCodeLabel",
          "type": "string",
          "attribute": "send-code-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Button text for the send-code action."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showHelperText",
          "type": "boolean",
          "attribute": "show-helper-text",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Toggles helper text visibility."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showSendCode",
          "type": "boolean",
          "attribute": "show-send-code",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Toggles visibility of the send-code button while `state` is `ready`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "state",
          "type": "string",
          "attribute": "state",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'error' | 'ready' | 'success' | 'verifying' | undefined",
            "resolved": "\"error\" | \"ready\" | \"success\" | \"verifying\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Sets the visual status for the one-time password fields.\n\n- `ready` — Shows the send-code button when `showSendCode` is enabled and hides the input fields until the user\n  requests a code.\n- `error` — Displays an error style on the fields. If `errorMessage` is set, it renders below the submit area.\n  When `clearOnError` is enabled, all fields are cleared and focus returns to the first field.\n- `success` — Locks the input, replaces the submit button with a success indicator, and displays the\n  `successMessage` if provided.\n- `verifying` — Locks the input and puts the submit button into a loading state. When combined with `autoSubmit`,\n  a processing overlay with `processingLabel` is shown over the fields."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "submitLabel",
          "type": "string",
          "attribute": "submit-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Renders a submit button with this label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "successMessage",
          "type": "string",
          "attribute": "success-message",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Success message rendered below the submit area."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "''",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "''"
              }
            ],
            "text": "The composed one-time password value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasFocus"
        }
      ]
    },
    {
      "tag": "q2-pagination",
      "path": "./src/components/q2-pagination/q2-pagination.js",
      "source": "./src/components/q2-pagination/q2-pagination.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Pagination",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-input",
        "q2-loading",
        "q2-option",
        "q2-option-list",
        "q2-popover",
        "q2-select"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-select",
        "q2-option",
        "q2-btn",
        "q2-icon",
        "q2-input"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Pagination"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for navigating between pages of content like search results or tables."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the page is changed."
          },
          "complexType": {
            "original": "{ page: number; perPage: number }",
            "resolved": "{ page: number; perPage: number; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the page is changed."
          },
          "complexType": {
            "original": "{ page: number; perPage: number }",
            "resolved": "{ page: number; perPage: number; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "onHostElementFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "clickFirstPage",
          "docs": {
            "text": "Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "clickLastPage",
          "docs": {
            "text": "Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "clickNextPage",
          "docs": {
            "text": "Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "clickPreviousPage",
          "docs": {
            "text": "Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "selectPerPageIncrementValue",
          "docs": {
            "text": "Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,\nand updates the value of the `perPage` property.\n\nIf `value` is not in the `perPageIncrements` array, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: number) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setPageValue",
          "docs": {
            "text": "Emulates setting the page value in the `<input>` field,\nand emitting a change event with the updated page number.\n\nIf `value` is invalid, this method does nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: number) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-select",
        "q2-option",
        "q2-btn",
        "q2-icon",
        "q2-input"
      ],
      "properties": [
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'left' | 'center' | 'right'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "When using the 'stacked' version, the default alignment is 'center'. When using the unstacked version, the default alignment is 'right'."
              }
            ],
            "text": "Indicates the horizontal alignment of pagination elements"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "alignment",
          "type": "string",
          "attribute": "alignment",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'left' | 'center' | 'right'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'align' instead"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "autoSize",
          "type": "boolean",
          "attribute": "auto-size",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Determines whether the component uses dynamic resizing behavior. This is disabled when `pagesOnly`, `recordsOnly`, or `stacked` is true."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Allows the component to be disabled should the state of the page require this"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "page",
          "type": "number",
          "attribute": "page",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The current page that is being displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pages",
          "type": "number",
          "attribute": "pages",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only referenced when `pagesOnly` is true."
              }
            ],
            "text": "The number of pages that can be displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "pagesOnly",
          "type": "boolean",
          "attribute": "pages-only",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates to display only the current and total pages. This disables the `autoSize` feature."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "perPage",
          "type": "number",
          "attribute": "per-page",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The total number of records displayed on each page. This disables the `autoSize` feature."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "perPageIncrements",
          "type": "string",
          "attribute": "per-page-increments",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number[] | string[] | string | undefined",
            "resolved": "number[] | string | string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "`pagesOnly` or `recordsOnly` being true disables this feature.\n\n**Example:**"
              },
              {
                "name": "snippet",
                "text": "this.perPageIncrements = [10, 25, 50];"
              }
            ],
            "text": "A list of perPage values.\nThis generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "recordsOnly",
          "type": "boolean",
          "attribute": "records-only",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates to display only the current and total records."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "recordType",
          "type": "string",
          "attribute": "record-type",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Description of the record type to be displayed alongside the record count."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "stacked",
          "type": "boolean",
          "attribute": "stacked",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "When set to true, the default alignment will be 'center'. When false, the default alignment is 'right'."
              }
            ],
            "text": "Allows the component to be displayed in a stacked layout. This disables the `autoSize` feature."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "total",
          "type": "number",
          "attribute": "total",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The total number of records to paginate."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "isSmall"
        }
      ]
    },
    {
      "tag": "q2-pill",
      "path": "./src/components/q2-pill/q2-pill.js",
      "source": "./src/components/q2-pill/q2-pill.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Pill",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-icon",
        "q2-option-list",
        "q2-popover"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon",
        "click-elsewhere",
        "q2-popover",
        "q2-option-list"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Pill"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying and removing active filters in data views."
          },
          {
            "name": "slot",
            "text": "decorator - An optional slot that supports an [Icon](https://tecton.q2developer.com/design-system/q2-icon) to be displayed before the pill label."
          },
          {
            "name": "slot",
            "text": "popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow."
          },
          {
            "name": "slot",
            "text": "popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the pill is clicked or the selected options change.\n\nWhen multi-select is enabled, `value` will be `undefined`."
          },
          "complexType": {
            "original": "{ value: string; values: OptionValue[]; active: boolean }",
            "resolved": "{ value: string; values: OptionValue[]; active: boolean; }",
            "references": {
              "OptionValue": {
                "location": "import",
                "path": "../q2-option-list/q2-option-list",
                "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue",
                "referenceLocation": "OptionValue"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the pill is clicked or the selected options change.\n\nWhen multi-select is enabled, `value` will be `undefined`."
          },
          "complexType": {
            "original": "{ value: string; values: OptionValue[]; active: boolean }",
            "resolved": "{ value: string; values: OptionValue[]; active: boolean; }",
            "references": {
              "OptionValue": {
                "location": "import",
                "path": "../q2-option-list/q2-option-list",
                "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue",
                "referenceLocation": "OptionValue"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "displayChanged",
          "method": "handleSelectedDisplay",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "popoverStateChanged",
          "method": "popoverStateHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "closePopover",
          "docs": {
            "text": "Emulates clicking the `<button>` to hide the popover if it is visible.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openPopover",
          "docs": {
            "text": "Emulates clicking the `<button>` to display the popover if it is hidden.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates clicking the `<button>` to display the popover and selecting the option(s) with the specified value(s).\n\nIf multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\nafter the option(s) are selected.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>",
            "parameters": [
              {
                "name": "values",
                "type": "string | string[]",
                "docs": ""
              },
              {
                "name": "options",
                "type": "{ closePopover?: boolean; }",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2OptionElement": {
                "location": "global",
                "id": "global::HTMLQ2OptionElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon",
        "click-elsewhere",
        "q2-popover",
        "q2-option-list"
      ],
      "properties": [
        {
          "name": "active",
          "type": "boolean",
          "attribute": "active",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determine if the elements is in the selected state, with values."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "borderless",
          "type": "boolean",
          "attribute": "borderless",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates that the pill has no border"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates the pill cannot be focused or interacted with."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hoist",
          "type": "boolean",
          "attribute": "hoist",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "!!window.Tecton?.useActionSheets",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "!!window.Tecton?.useActionSheets"
              }
            ],
            "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that populates the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxLength",
          "type": "number",
          "attribute": "max-length",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Limitless by default."
              }
            ],
            "text": "The maximum number of characters to display before ellipcizing."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "attribute": "multiple",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Only applicable when options are provided."
              }
            ],
            "text": "Enables the multi-select ability for the dropdown."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "attribute": "open",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "readonly"
              }
            ],
            "text": "Determine whether the popover is open or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optionListLabel",
          "type": "string",
          "attribute": "option-list-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the label that is applied to the option list for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverAlignment",
          "type": "string",
          "attribute": "popover-alignment",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'right'",
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'right'"
              }
            ],
            "text": "Aligns the popover dropdown to the left or right side of the input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverDirection",
          "type": "string",
          "attribute": "popover-direction",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the direction of the popover dropdown when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMaxHeight",
          "type": "number",
          "attribute": "popover-max-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMinHeight",
          "type": "number",
          "attribute": "popover-min-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "150",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              },
              {
                "name": "default",
                "text": "150"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedOptions",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "OptionValue[]",
            "resolved": "OptionValue[]",
            "references": {
              "OptionValue": {
                "location": "import",
                "path": "../q2-option-list/q2-option-list",
                "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue",
                "referenceLocation": "OptionValue"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "A list of the selected options on the element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "theme",
          "type": "string",
          "attribute": "theme",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'primary' | 'secondary' | 'tertiary'",
            "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The color of the element when in the active state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The value emitted when the component is selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasPopoverBottom"
        },
        {
          "name": "hasPopoverTop"
        },
        {
          "name": "optionCount"
        },
        {
          "name": "selectedOptionElements"
        }
      ]
    },
    {
      "tag": "q2-popover",
      "path": "./src/components/q2-popover/q2-popover.js",
      "source": "./src/components/q2-popover/q2-popover.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Popover",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-calendar",
        "q2-data-table",
        "q2-dropdown",
        "q2-pagination",
        "q2-pill",
        "q2-search",
        "q2-select",
        "q2-tag"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-calendar",
        "q2-dropdown",
        "q2-pill",
        "q2-search",
        "q2-select",
        "q2-tag"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Popover"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for positioning floating content relative to a trigger element."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "popoverStateChanged",
          "method": "popoverStateChanged",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctPopoverStateChanged' instead"
              }
            ],
            "text": "Emitted when the popover is opened or closed."
          },
          "complexType": {
            "original": "{ open: boolean }",
            "resolved": "{ open: boolean; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctPopoverStateChanged",
          "method": "tctPopoverStateChanged",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the popover is opened or closed."
          },
          "complexType": {
            "original": "{ open: boolean }",
            "resolved": "{ open: boolean; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "popoverState",
          "method": "popoverStateHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "scrollContainerTo",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "(options: ScrollToOptions) => Promise<void>",
            "parameters": [
              {
                "name": "options",
                "type": "ScrollToOptions",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ScrollToOptions": {
                "location": "global",
                "id": "global::ScrollToOptions"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "toggle",
          "docs": {
            "text": "",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "align",
          "type": "string",
          "attribute": "align",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'left'",
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'left'"
              }
            ],
            "text": "Aligns the popover to the left or right side of the control element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "block",
          "type": "boolean",
          "attribute": "block",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates the popover will match the width of its parent element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "controlElement",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "HTMLElement",
            "resolved": "HTMLElement",
            "references": {
              "HTMLElement": {
                "location": "global",
                "id": "global::HTMLElement"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "The element that controls the popover's behavior."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "direction",
          "type": "string",
          "attribute": "direction",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the direction of the popover when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxHeight",
          "type": "number",
          "attribute": "max-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minHeight",
          "type": "number",
          "attribute": "min-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "mode",
          "type": "string",
          "attribute": "mode",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "null",
          "complexType": {
            "original": "'legacy'",
            "resolved": "\"legacy\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "null"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "attribute": "open",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls whether the popover is open or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "animationState"
        },
        {
          "name": "currentDirection"
        },
        {
          "name": "show"
        }
      ]
    },
    {
      "tag": "q2-radio",
      "path": "./src/components/q2-radio/q2-radio.js",
      "source": "./src/components/q2-radio/q2-radio.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Radio",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Radio"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use as a single option within a Radio Group."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the radio is checked."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the radio is checked."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "onHostClick",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "checked",
          "type": "boolean",
          "attribute": "checked",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "The state of the radio. This modifies the visual appearance of the element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Disables the radio and prevents interaction."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "groupDisabled",
          "type": "boolean",
          "attribute": "group-disabled",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Used by q2-radio-group to disable all options in the group"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "groupReadonly",
          "type": "boolean",
          "attribute": "group-readonly",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Used by q2-radio-group to make all options in the group readonly"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "groupTileLayout",
          "type": "boolean",
          "attribute": "group-tile-layout",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Used by q2-radio-group to make the options display as tiles"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hides the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that describes the individual radio option."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-radio-group to apply a name to all options in the group"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The radio is non-interactive, but remains focusable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tabIndex",
          "type": "number",
          "attribute": "tab-index",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "0",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              },
              {
                "name": "default",
                "text": "0"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The value that is returned in the `change` event that is emitted from the `q2-radio-group`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-radio-group",
      "path": "./src/components/q2-radio-group/q2-radio-group.js",
      "source": "./src/components/q2-radio-group/q2-radio-group.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2RadioGroup",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon",
        "q2-resize-observer"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon",
        "q2-resize-observer"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Radio Group"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for selecting exactly one option from a small set of choices."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the value of the radio group changes."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the value of the radio group changes."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "onHostElementChange",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "keydown",
          "method": "keydownHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates clicking the `<q2-radio>` option with the provided value.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon",
        "q2-resize-observer"
      ],
      "properties": [
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines if all radios in the group are put into a `disabled` state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hasError",
          "type": "boolean",
          "attribute": "has-error",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines if the component should display in an errant state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the group's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Text for the fieldset legend describing the radio group."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Identifier which ties all radios together for accessibility and DOM selection."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Appends \"(optional)\" to the group label, and sets `aria-required` on the nested input tag to `false`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientation",
          "type": "string",
          "attribute": "orientation",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'vertical'",
          "complexType": {
            "original": "'vertical' | 'horizontal'",
            "resolved": "\"horizontal\" | \"vertical\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'vertical'"
              }
            ],
            "text": "The layout direction of radio options when `tileLayout` is not enabled."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientationThreshold",
          "type": "number",
          "attribute": "orientation-threshold",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "440",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "The component determines this based on its own width, not the browser window."
              },
              {
                "name": "default",
                "text": "440"
              }
            ],
            "text": "The width, in pixels, below which a horizontal non-tile layout displays vertically."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if all radios in the group can be focused, but not interacted with."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tileAlignment",
          "type": "string",
          "attribute": "tile-alignment",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'center'",
          "complexType": {
            "original": "'left' | 'center' | 'right'",
            "resolved": "\"center\" | \"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'center'"
              }
            ],
            "text": "Provides alignment direction for tile-style radio group."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tilelayout",
          "type": "boolean",
          "attribute": "tilelayout",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tileLayout",
          "type": "boolean",
          "attribute": "tile-layout",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Show the radio group as a horizontal set of tiles."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The `value` of the currently selected `q2-radio` within the `q2-radio-group`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "responsiveOrientation"
        }
      ]
    },
    {
      "tag": "q2-relative-time",
      "path": "./src/components/q2-relative-time/q2-relative-time.js",
      "source": "./src/components/q2-relative-time/q2-relative-time.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2RelativeTime",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Relative Time"
          },
          {
            "name": "category",
            "text": "Text"
          },
          {
            "name": "summary",
            "text": "Use for displaying time differences like \"2 hours ago\" or \"in 3 days\"."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "displayedMessageValue",
          "docs": {
            "text": "Retrieves the value of the displayed messages.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<string>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<string>"
          },
          "internal": false
        },
        {
          "name": "validBaseDateProp",
          "docs": {
            "text": "Checks the provided baseDate prop is a valid date.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<boolean>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<boolean>"
          },
          "internal": false
        },
        {
          "name": "validDateProp",
          "docs": {
            "text": "Checks the provided date prop is a valid date.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<boolean>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<boolean>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "baseDate",
          "type": "string",
          "attribute": "base-date",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Date | string",
            "resolved": "Date | string",
            "references": {
              "Date": {
                "location": "global",
                "id": "global::Date"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "- Requires a valid `date` value.\n- If the provided `baseDate` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console.\n- Providing a valid `baseDate` will disable `sync` and remove the \"in\"/\"ago\" suffixes in the time message.\n- Must be a valid ISO date string."
              }
            ],
            "text": "If you want to display the length of time between two specific dates, you can provide a valid `date` and `baseDate`, and the component will display the length of time between the two dates.\n\nIf `baseDate` is not provided, the date and time at render will be used instead and - if `sync` is true - updated every second to reflect the time between the `date` value and the time at render."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "date",
          "type": "string",
          "attribute": "date",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Date | string",
            "resolved": "Date | string",
            "references": {
              "Date": {
                "location": "global",
                "id": "global::Date"
              }
            }
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "- Must be a valid ISO date string.\n- If the provided `date` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console."
              }
            ],
            "text": "The date you want to calculate relative time from."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "locale",
          "type": "string",
          "attribute": "locale",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "document.documentElement.lang || 'en-US'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "It is recommended to use the BCP 47 Language Tags in the [\"language-extlang\" format](https://www.w3.org/International/articles/language-tags/)."
              },
              {
                "name": "default",
                "text": "document.documentElement.lang || 'en-US'"
              }
            ],
            "text": "The language used for the displayed message."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "messageFormat",
          "type": "string",
          "attribute": "message-format",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'short'",
          "complexType": {
            "original": "'long' | 'short' | 'narrow'",
            "resolved": "\"long\" | \"narrow\" | \"short\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'short'"
              }
            ],
            "text": "The length of the relative time message."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "numeric",
          "type": "string",
          "attribute": "numeric",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'auto'",
          "complexType": {
            "original": "'always' | 'auto'",
            "resolved": "\"always\" | \"auto\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": " Set this property to `always` to force the use of numeric values (e.g. \"1 day ago\") rather than relative ones (e.g. \"yesterday\")."
              },
              {
                "name": "default",
                "text": "'auto'"
              }
            ],
            "text": "Determines if the displayed message will use numeric or relative values."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "sync",
          "type": "boolean",
          "attribute": "sync",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "If a valid `baseDate` is provided, `sync` will be set to `false`."
              },
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Keep the displayed message updated as time passes in the webpage."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "unit",
          "type": "string",
          "attribute": "unit",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'second' | 'minute' | 'hour' | 'day' | 'month' | 'quarter' | 'year'",
            "resolved": "\"day\" | \"hour\" | \"minute\" | \"month\" | \"quarter\" | \"second\" | \"year\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Enforces the use of the provided unit of measurement in the displayed message."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "displayedMessage"
        }
      ]
    },
    {
      "tag": "q2-resize-observer",
      "path": "./src/components/q2-resize-observer/q2-resize-observer.js",
      "source": "./src/components/q2-resize-observer/q2-resize-observer.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2ResizeObserver",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-action-group",
        "q2-context",
        "q2-modal",
        "q2-radio-group"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-action-group",
        "q2-radio-group"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Resize Observer"
          },
          {
            "name": "category",
            "text": "Utility"
          },
          {
            "name": "summary",
            "text": "Use for detecting size changes to elements and emitting resize events."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctResize",
          "method": "tctResize",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when any of the observed elements are resized."
          },
          "complexType": {
            "original": "{ entries: ResizeObserverEntry[] }",
            "resolved": "{ entries: ResizeObserverEntry[]; }",
            "references": {
              "ResizeObserverEntry": {
                "location": "global",
                "id": "global::ResizeObserverEntry"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [
        {
          "name": "getCurrentResizeEntries",
          "docs": {
            "text": "Returns the latest entries reported by the component.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<ResizeObserverEntry[]>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "ResizeObserverEntry": {
                "location": "global",
                "id": "global::ResizeObserverEntry"
              }
            },
            "return": "Promise<ResizeObserverEntry[]>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines wheter or not events will be emitted from the component."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-search",
      "path": "./src/components/q2-search/q2-search.js",
      "source": "./src/components/q2-search/q2-search.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Search",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-input",
        "q2-loading",
        "q2-option-list",
        "q2-popover"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-popover",
        "q2-option-list",
        "q2-loading",
        "click-elsewhere",
        "q2-input"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Search"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for search-first selection where the option list is driven by user input — supports both in-memory filtering and async fetch."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          },
          {
            "name": "slot",
            "text": "popover-top - An optional slot for persistent content at the top of the popover (e.g., secondary actions)."
          },
          {
            "name": "slot",
            "text": "popover-bottom - An optional slot for persistent content at the bottom of the popover."
          },
          {
            "name": "slot",
            "text": "empty - An optional slot to display custom content when the popover is open and no options are visible."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when an option is selected or deselected.\n\nWhen multi-select is enabled, `value` is `undefined` and `selectedOptions` contains the selected values.\nIgnore `tctVModel` — included for Vue v-model compatibility."
          },
          "complexType": {
            "original": "{ value: string; selectedOptions: string[]; tctVModel: string | string[] }",
            "resolved": "{ value: string; selectedOptions: string[]; tctVModel: string | string[]; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClose",
          "method": "tctClose",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the popover closes."
          },
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctInput",
          "method": "tctInput",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted on every keystroke with the current query."
          },
          "complexType": {
            "original": "{ query: string }",
            "resolved": "{ query: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctOpen",
          "method": "tctOpen",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the popover opens."
          },
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "onFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "focusout",
          "method": "onFocusOut",
          "capture": false,
          "passive": false
        },
        {
          "name": "keydown",
          "method": "onKeyDown",
          "capture": false,
          "passive": false
        },
        {
          "name": "tctClear",
          "method": "onClear",
          "capture": false,
          "passive": false
        },
        {
          "name": "tctPopoverStateChanged",
          "method": "onPopoverStateChanged",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "closePopover",
          "docs": {
            "text": "Closes the popover.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openPopover",
          "docs": {
            "text": "Opens the popover.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "reset",
          "docs": {
            "text": "Resets the search to its initial state: clears the input, the\nselection, and closes the popover. Use this from consumers that\ntreat selection as a one-shot trigger (e.g. navigation) rather\nthan a committed form value.\n\nEmits `tctInput` with an empty query so listeners can reconcile.\nEmits `tctClose` as a side effect of closing the popover if it is open.\nDoes not emit `tctChange`.",
            "tags": []
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "searchOptions",
          "docs": {
            "text": "Programmatically focuses the input, sets its value, and emits `tctInput`.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(query: string) => Promise<void>",
            "parameters": [
              {
                "name": "query",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setValue",
          "docs": {
            "text": "Selects the option(s) with the specified value(s).\nIf multi-select is enabled and `closePopover` is `true` (default), the popover closes after selection.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>",
            "parameters": [
              {
                "name": "values",
                "type": "string | string[]",
                "docs": ""
              },
              {
                "name": "options",
                "type": "{ closePopover?: boolean; }",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-popover",
        "q2-option-list",
        "q2-loading",
        "click-elsewhere",
        "q2-input"
      ],
      "properties": [
        {
          "name": "clearable",
          "type": "boolean",
          "attribute": "clearable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Renders an icon button when the field is non-empty. Pressing the button clears the query and selection."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Disables all interaction with the field and leverages the disabled visual style of `q2-input`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errors",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The presence of `errors` will mark the field as invalid, putting it into an error state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "filter",
          "type": "boolean",
          "attribute": "filter",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "When `true`, the component case-insensitively matches each `<q2-option>`'s `display` and `innerText`\nagainst the current query and toggles `hidden`. When `false` (default), the consumer is expected to\nfilter or fetch options in response to the `tctInput` event."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Hides the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "attribute": "invalid",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines whether to show an error state. Its primary use-case is for an unfilled field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that will be used as the label for the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "listLabel",
          "type": "string",
          "attribute": "list-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'tecton.element.search.listLabel'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "'tecton.element.search.listLabel'"
              }
            ],
            "text": "Determines the label that is applied to the option list for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "loading",
          "type": "boolean",
          "attribute": "loading",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Opens the popover and shows a spinner inside it until results populate. The clear button is suppressed while loading."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minRows",
          "type": "number",
          "attribute": "min-rows",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "3",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "3"
              }
            ],
            "text": "The minimum number of rows the component will try to display below or above the component when opened."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multilineOptions",
          "type": "boolean",
          "attribute": "multiline-options",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables text wrapping for `q2-option` elements. When `false`, the text truncates and does not wrap."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "attribute": "multiple",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables multi-select functionality."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "noResultsMessage",
          "type": "string",
          "attribute": "no-results-message",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'tecton.element.search.noResults'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "'tecton.element.search.noResults'"
              }
            ],
            "text": "The message displayed when the popover is open and no options are visible. Overridden by the `empty` slot."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "attribute": "placeholder",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Text that appears within the field when it is blurred and empty."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverAlignment",
          "type": "string",
          "attribute": "popover-alignment",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Aligns the popover dropdown to the left or right side of the input. Requires\nthe `--tct-popover-width` CSS custom property to be set on the host; without\nit q2-search logs a warning and renders the popover at input-width\n(the default behavior). When the viewport is narrower than the defined width,\nq2-search transparently falls back to input-width so the popover never\noverflows the viewport."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMaxHeight",
          "type": "number",
          "attribute": "popover-max-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the maximum height of the popover. Interpreted as pixels.\nIf unset or exceeds available space, the component auto-detects the maximum height."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Appends \"(read only)\" to the field label, and field becomes unusable but remains focusable.\nTakes priority over `optional` if both are `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedOptions",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "Each item in this array should correspond to the value of a `q2-option` element.\nOnly relevant for `multiple` (multi-select) implementations."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showSelectedToggle",
          "type": "boolean",
          "attribute": "show-selected-toggle",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Renders a header inside the popover with a toggle to switch between viewing search\nresults and only the selected options. Only applies to `multiple` (multi-select)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The current value for the search. Should correspond to the value of a nested `q2-option` element.\nOnly relevant for single-select implementations."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasEmptySlot"
        },
        {
          "name": "hasOptions"
        },
        {
          "name": "hasPopoverBottom"
        },
        {
          "name": "hasPopoverTop"
        },
        {
          "name": "inputFocused"
        },
        {
          "name": "isShowingSelectionDisplay"
        },
        {
          "name": "open"
        },
        {
          "name": "searchText"
        },
        {
          "name": "showSelected"
        },
        {
          "name": "statusMessage"
        },
        {
          "name": "structuredSelectedOptions"
        },
        {
          "name": "viewportFallbackActive"
        }
      ]
    },
    {
      "tag": "q2-section",
      "path": "./src/components/q2-section/q2-section.js",
      "source": "./src/components/q2-section/q2-section.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Section",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-icon",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-btn",
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Section"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for grouping related content with a header and optional collapse."
          },
          {
            "name": "slot",
            "text": "q2-section-header - An optional slot to display a custom header."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the section is expanded or collapsed."
          },
          "complexType": {
            "original": "{ expanded: boolean }",
            "resolved": "{ expanded: boolean; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the section is expanded or collapsed."
          },
          "complexType": {
            "original": "{ expanded: boolean }",
            "resolved": "{ expanded: boolean; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "defaultChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "collapse",
          "docs": {
            "text": "A test method to collapse section.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2BtnElement": {
                "location": "global",
                "id": "global::HTMLQ2BtnElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "expand",
          "docs": {
            "text": "A test method to expand section.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLQ2BtnElement": {
                "location": "global",
                "id": "global::HTMLQ2BtnElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-btn",
        "q2-icon"
      ],
      "properties": [
        {
          "name": "collapsible",
          "type": "boolean",
          "attribute": "collapsible",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if the section is collapsible."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "expanded",
          "type": "boolean",
          "attribute": "expanded",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates if the `q2-section` is in an expanded state or not."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "If you are providing a custom header, setting this property is still strongly encouraged for the purposes of\naccessibility."
              }
            ],
            "text": "The text to display above the `q2-section`. Renders as an `<h2>` element.\n\nIt is also used to provided an `aria-label` for the toggle button when the component is collapsible."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "noCollapseIcon",
          "type": "boolean",
          "attribute": "no-collapse-icon",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines if the collapse chevron icon should show in the `q2-section` header."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "contentHeight"
        },
        {
          "name": "hasYieldedHeader"
        },
        {
          "name": "hideContent"
        }
      ]
    },
    {
      "tag": "q2-section-container",
      "path": "./src/components/q2-section-container/q2-section-container.js",
      "source": "./src/components/q2-section-container/q2-section-container.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2SectonContainer",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Section Container"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for managing multiple collapsible sections with single or multiple open modes."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "openMode",
          "type": "string",
          "attribute": "open-mode",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'single'",
          "complexType": {
            "original": "'multiple' | 'single'",
            "resolved": "\"multiple\" | \"single\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'single'"
              }
            ],
            "text": "Determines if a single or multiple sections can be open at a time."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "openPaneIndex",
          "type": "number",
          "attribute": "open-pane-index",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines which section starts open."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "startAllOpen",
          "type": "boolean",
          "attribute": "start-all-open",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "If you have openMode set to multiple, all panes will start open."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines if all sections inside the section-container start opened or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "startOpen",
          "type": "boolean",
          "attribute": "start-open",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "If you have openMode set to single, the pane specified in openPaneIndex will start open, or the first pane if unspecified.\nIf you have openMode set to multiple, you can also select startAllOpen to open all panes."
              },
              {
                "name": "warning",
                "text": "OpenMode = multiple and StartAllOpen=true does not work correctly inside of a q2-tab that starts closed."
              },
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Determines if the section-container starts opened or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-select",
      "path": "./src/components/q2-select/q2-select.js",
      "source": "./src/components/q2-select/q2-select.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Select",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-input",
        "q2-loading",
        "q2-option-list",
        "q2-popover"
      ],
      "dependents": [
        "q2-pagination"
      ],
      "directDependencies": [
        "q2-popover",
        "q2-option-list",
        "q2-input",
        "click-elsewhere"
      ],
      "directDependents": [
        "q2-pagination"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Select"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for choosing from a known list of options with single-select or multi-select."
          },
          {
            "name": "slot",
            "text": "popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow."
          },
          {
            "name": "slot",
            "text": "popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow."
          },
          {
            "name": "slot",
            "text": "q2-select-display - An optional slot to display custom HTML content in the display area."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be\n`undefined` and the `selectedOptions` property will contain the selected\noption values. Ignore the `tctVModel` property it's only included for Vue\nv-model compatibility."
          },
          "complexType": {
            "original": "{ value: string; selectedOptions: string[]; tctVModel: string | string[] }",
            "resolved": "{ value: string; selectedOptions: string[]; tctVModel: string | string[]; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "input",
          "method": "input",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctInput' instead"
              }
            ],
            "text": "Emitted when the input value changes.\n\nRequires the `searchable` prop to be set to `true`."
          },
          "complexType": {
            "original": "{ query: string }",
            "resolved": "{ query: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be\n`undefined` and the `selectedOptions` property will contain the selected\noption values. Ignore the `tctVModel` property it's only included for Vue\nv-model compatibility."
          },
          "complexType": {
            "original": "{ value: string; selectedOptions: string[]; tctVModel: string | string[] }",
            "resolved": "{ value: string; selectedOptions: string[]; tctVModel: string | string[]; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctInput",
          "method": "tctInput",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the input value changes.\n\nRequires the `searchable` prop to be set to `true`."
          },
          "complexType": {
            "original": "{ query: string }",
            "resolved": "{ query: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "onHostElementChange",
          "capture": false,
          "passive": false
        },
        {
          "name": "clear",
          "method": "onClearHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "displayChanged",
          "method": "handleSelectedDisplay",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "focusout",
          "method": "handleFocusout",
          "capture": false,
          "passive": false
        },
        {
          "name": "keydown",
          "method": "keydownHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "popoverStateChanged",
          "method": "popoverStateChanged",
          "capture": false,
          "passive": false
        },
        {
          "name": "tctClick",
          "method": "handleTctClick",
          "capture": false,
          "passive": false
        },
        {
          "name": "tctInput",
          "method": "onHostElementInput",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "closePopover",
          "docs": {
            "text": "Emulates clicking the `<input>` to hide the popover if it is visible.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openPopover",
          "docs": {
            "text": "Emulates clicking the `<input>` to display the popover if it is hidden.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "searchOptions",
          "docs": {
            "text": "Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.",
            "tags": [
              {
                "name": "warning",
                "text": "Only applicable when the input is searchable."
              },
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(query: string) => Promise<void>",
            "parameters": [
              {
                "name": "query",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates clicking the `<input>` to display the popover and selecting the option(s) with the specified value(s).\n\nIf the multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\nafter the option(s) are selected.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>",
            "parameters": [
              {
                "name": "values",
                "type": "string | string[]",
                "docs": ""
              },
              {
                "name": "options",
                "type": "{ closePopover?: boolean; }",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-popover",
        "q2-option-list",
        "q2-input",
        "click-elsewhere"
      ],
      "properties": [
        {
          "name": "ariaLabel",
          "type": "string",
          "attribute": "aria-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clearable",
          "type": "boolean",
          "attribute": "clearable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders an icon button when the field is non-empty. Pressing the button clears all input from the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Disables all interaction with the field and leverages the disabled visual style of `q2-input`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errors",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The presence of `errors` will mark the field as invalid, putting it into an error state."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hoist",
          "type": "boolean",
          "attribute": "hoist",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "!!window.Tecton?.useActionSheets",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "If your `q2-select` renders inside of an iframe, and you are using multiline/robust content options,\nany custom CSS you apply to your options will not get passed up to the platform which displays the action sheet.\nFor this reason, we strongly suggest using the [q2-card](https://tecton.q2developer.com/design-system/q2-card/) component since its styling is managed by Tecton."
              },
              {
                "name": "default",
                "text": "!!window.Tecton?.useActionSheets"
              }
            ],
            "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "invalid",
          "type": "boolean",
          "attribute": "invalid",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines whether to show an error state. Its primary use-case is for an unfilled field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that will be used as the label for the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "listLabel",
          "type": "string",
          "attribute": "list-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "loc('tecton.element.select.listLabel')",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              },
              {
                "name": "default",
                "text": "loc('tecton.element.select.listLabel')"
              }
            ],
            "text": "Determines the label that is applied to the option list for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minRows",
          "type": "number",
          "attribute": "min-rows",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "3",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "3"
              }
            ],
            "text": "The minimum number of rows the component will try to display below or above the component when opened."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multilineOptions",
          "type": "boolean",
          "attribute": "multiline-options",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables text wrapping for `q2-option` elements. When `false`, the text truncates and does not wrap."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiple",
          "type": "boolean",
          "attribute": "multiple",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables multi-select functionality."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "attribute": "placeholder",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Text that appears within the field when it is blurred and empty.\nPlaceholder text disappears when the user selects an option."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popDirection",
          "type": "string",
          "attribute": "pop-direction",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMaxHeight",
          "type": "number",
          "attribute": "popover-max-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMode",
          "type": "string",
          "attribute": "popover-mode",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "null",
          "complexType": {
            "original": "'legacy'",
            "resolved": "\"legacy\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "This is a temporary solution to work around styling issues related to using fixed positioning for the popover\nwhen nested inside of elements with transform properties. This will be removed once the popover API is available\nfor use."
              },
              {
                "name": "default",
                "text": "null"
              }
            ],
            "text": "Determines the display mode of the popover.\n\nProviding a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\nTakes priority over `optional` if both are `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "searchable",
          "type": "boolean",
          "attribute": "searchable",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "`searchable` is not compatible with the `hoist` prop. The action sheet workflow used when `hoist` is `true` does not support in-list search filtering.\nIf both are set, `searchable` has no effect while the action sheet is active."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables search functionality."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selectedOptions",
          "type": "unknown",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "[]",
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "[]"
              }
            ],
            "text": "Each item in this array should correspond to the value of a `q2-option` element.\nThis property is only relevant for `multiple` (i.e., multi-select) implementations."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "valid",
          "type": "boolean",
          "attribute": "valid",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Determines whether to show a success state. The error state takes precedence when both are set."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The current value for the select. This should correspond to the value of a nested q2-option element.\nThis property is only relevant for single-select implementations."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasCustomDisplay"
        },
        {
          "name": "hasPopoverBottom"
        },
        {
          "name": "hasPopoverTop"
        },
        {
          "name": "inputFocused"
        },
        {
          "name": "open"
        },
        {
          "name": "prioritizeSearch"
        },
        {
          "name": "searchText"
        },
        {
          "name": "showSelected"
        },
        {
          "name": "statusMessage"
        },
        {
          "name": "structuredSelectedOptions"
        }
      ]
    },
    {
      "tag": "q2-stepper",
      "path": "./src/components/q2-stepper/q2-stepper.js",
      "source": "./src/components/q2-stepper/q2-stepper.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Stepper",
      "assetsDirs": [],
      "dependencies": [
        "q2-btn",
        "q2-icon",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon",
        "q2-btn"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Stepper"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for guiding users through a multi-step workflow with horizontal progress."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the selected step changes."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the selected step changes."
          },
          "complexType": {
            "original": "any",
            "resolved": "any",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "defaultChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "contentChange",
          "method": "contentChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "statusChange",
          "method": "statusChangeHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "selectStep",
          "docs": {
            "text": "Emulates clicking a step in the stepper and emitting the change event.\n\nYou may provide either the step number or the stepper pane id.\n\nIf the value is invalid or the step is locked, the method will do nothing.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: number | string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string | number",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLButtonElement": {
                "location": "global",
                "id": "global::HTMLButtonElement"
              },
              "HTMLQ2StepperPaneElement": {
                "location": "global",
                "id": "global::HTMLQ2StepperPaneElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon",
        "q2-btn"
      ],
      "properties": [
        {
          "name": "currentStep",
          "type": "number",
          "attribute": "current-step",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The currently selected step."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "lastEnabledStep",
          "type": "number",
          "attribute": "last-enabled-step",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Will be managed automatically if not provided."
              }
            ],
            "text": "The last step the user may navigate to."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "stepCount",
          "type": "number",
          "attribute": "step-count",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used to determine the number of steps in the stepper."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "contentChangeTriggerCount"
        },
        {
          "name": "scrollEnabled"
        },
        {
          "name": "showScrollLeft"
        },
        {
          "name": "showScrollRight"
        }
      ]
    },
    {
      "tag": "q2-stepper-pane",
      "path": "./src/components/q2-stepper-pane/q2-stepper-pane.js",
      "source": "./src/components/q2-stepper-pane/q2-stepper-pane.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2StepperPane",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Stepper Pane"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use as a single step within a Stepper or Vertical Stepper."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to replace the label attribute with custom content as the stepper pane's label."
          },
          {
            "name": "slot",
            "text": "description - An optional slot to replace the description attribute with custom content as the stepper pane's description.\nIf you would like to ellipsize any part of the description, Tecton exposes an `ellipsize` class for you to use."
          },
          {
            "name": "slot",
            "text": "children - A slot specifically for [Vertical Stepper](https://tecton.q2developer.com/design-system/q2-stepper-vertical) to display child `q2-stepper-pane` elements within a stepper pane."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "activeChange",
          "method": "activeChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctActiveChange' instead"
              }
            ],
            "text": "Emitted when the active state of the pane changes."
          },
          "complexType": {
            "original": "StepperPaneEvent",
            "resolved": "StepperPaneEvent",
            "references": {
              "StepperPaneEvent": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                "referenceLocation": "StepperPaneEvent"
              }
            }
          },
          "internal": false
        },
        {
          "name": "contentChange",
          "method": "contentChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the content of the pane changes."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "statusChange",
          "method": "statusChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctStatusChange' instead"
              }
            ],
            "text": "Emitted when the status of the pane changes."
          },
          "complexType": {
            "original": "StepperPaneEvent",
            "resolved": "StepperPaneEvent",
            "references": {
              "StepperPaneEvent": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                "referenceLocation": "StepperPaneEvent"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctActiveChange",
          "method": "tctActiveChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the active state of the pane changes."
          },
          "complexType": {
            "original": "StepperPaneEvent",
            "resolved": "StepperPaneEvent",
            "references": {
              "StepperPaneEvent": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                "referenceLocation": "StepperPaneEvent"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctStatusChange",
          "method": "tctStatusChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the status of the pane changes."
          },
          "complexType": {
            "original": "StepperPaneEvent",
            "resolved": "StepperPaneEvent",
            "references": {
              "StepperPaneEvent": {
                "location": "import",
                "path": "q2-tecton-common/lib/types/elements",
                "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                "referenceLocation": "StepperPaneEvent"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "activeChange",
          "method": "checkForActiveChildren",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "description",
          "type": "string",
          "attribute": "description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The description for the pane."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Disables the pane's step button in the stepper, preventing user interaction."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "isActive",
          "type": "boolean",
          "attribute": "is-active",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-stepper and q2-stepper-vertical to determine which pane is active"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The label for the pane."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showWithChildren",
          "type": "boolean",
          "attribute": "show-with-children",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Currently only supported in the `<q2-stepper-vertical>` component."
              }
            ],
            "text": "Indicates to display the content of the pane when one of its children is selected."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "status",
          "type": "string",
          "attribute": "status",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'complete' | 'error' | 'locked'",
            "resolved": "\"complete\" | \"error\" | \"locked\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The status of the pane."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "isChildActive"
        }
      ]
    },
    {
      "tag": "q2-stepper-vertical",
      "path": "./src/components/q2-stepper-vertical/q2-stepper-vertical.js",
      "source": "./src/components/q2-stepper-vertical/q2-stepper-vertical.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2StepperVertical",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Vertical Stepper"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for guiding users through a multi-step workflow with vertical progress."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the selected step changes."
          },
          "complexType": {
            "original": "{\n        selectedStep: HTMLQ2StepperPaneElement;\n        selectedStepId: string;\n        currentStepId: string;\n    }",
            "resolved": "{ selectedStep: HTMLQ2StepperPaneElement; selectedStepId: string; currentStepId: string; }",
            "references": {
              "HTMLQ2StepperPaneElement": {
                "location": "global",
                "id": "global::HTMLQ2StepperPaneElement"
              }
            }
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the selected step changes."
          },
          "complexType": {
            "original": "{\n        selectedStep: HTMLQ2StepperPaneElement;\n        selectedStepId: string;\n        currentStepId: string;\n    }",
            "resolved": "{ selectedStep: HTMLQ2StepperPaneElement; selectedStepId: string; currentStepId: string; }",
            "references": {
              "HTMLQ2StepperPaneElement": {
                "location": "global",
                "id": "global::HTMLQ2StepperPaneElement"
              }
            }
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "defaultChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "contentChange",
          "method": "contentChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "statusChange",
          "method": "statusChangeHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "selectStep",
          "docs": {
            "text": "A method to select a step corresponding with the step id.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(stepId: string) => Promise<void>",
            "parameters": [
              {
                "name": "stepId",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLButtonElement": {
                "location": "global",
                "id": "global::HTMLButtonElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "currentStepId",
          "type": "string",
          "attribute": "current-step-id",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The `id` of the currently selected `q2-stepper-pane`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "structuredPanes"
        }
      ]
    },
    {
      "tag": "q2-surface",
      "path": "./src/components/q2-surface/q2-surface.js",
      "source": "./src/components/q2-surface/q2-surface.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Surface",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Surface"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "An unopinionated visual primitive. A plain block by default that gains visual treatment via attributes."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the surface is clicked and `clickable` is true."
          },
          "complexType": {
            "original": "void",
            "resolved": "void",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "onClick",
          "capture": false,
          "passive": false
        },
        {
          "name": "keydown",
          "method": "onKeydown",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "triggerAnimation",
          "docs": {
            "text": "Triggers a named animation on the surface. If an animation is already running, cancels it before starting the new one.",
            "tags": [
              {
                "name": "param",
                "text": "animation The animation to play. Defaults to `'pulse'`."
              },
              {
                "name": "returns",
                "text": "A Promise that resolves when the animation finishes or is cancelled."
              }
            ]
          },
          "complexType": {
            "signature": "(animation?: \"bounce\" | \"flash\" | \"pulse\" | \"tada\") => Promise<void>",
            "parameters": [
              {
                "name": "animation",
                "type": "\"bounce\" | \"flash\" | \"pulse\" | \"tada\"",
                "docs": "The animation to play. Defaults to `'pulse'`."
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "background",
          "type": "string",
          "attribute": "background",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'default' | 'primary' | 'secondary' | 'tertiary' | 'gray'",
            "resolved": "\"default\" | \"gray\" | \"primary\" | \"secondary\" | \"tertiary\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Applies a background color from the design-system token palette. When unset, the surface is transparent."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "backgroundGradient",
          "type": "boolean",
          "attribute": "background-gradient",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Direction and colors are customizable via CSS custom properties."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Applies a gradient fade across the background."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "border",
          "type": "string",
          "attribute": "border",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'default' | 'primary' | 'secondary' | 'tertiary' | 'gray'",
            "resolved": "\"default\" | \"gray\" | \"primary\" | \"secondary\" | \"tertiary\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Renders a visible border around the surface, optionally in a themed color."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "borderGradient",
          "type": "boolean",
          "attribute": "border-gradient",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Requires `border` to be set to produce a colored gradient. Without `border`, falls back to the default border color."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Renders the border as a gradient using the color set by the `border` prop. Takes precedence over a solid `border` when both are set."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "clickable",
          "type": "boolean",
          "attribute": "clickable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Emits `tctClick` when clicked."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Makes the surface interactive, responding to clicks."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "elevation",
          "type": "number",
          "attribute": "elevation",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "0",
          "complexType": {
            "original": "0 | 1 | 2 | 3 | 4 | 5",
            "resolved": "0 | 1 | 2 | 3 | 4 | 5",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "0 means no shadow; higher values appear more elevated."
              },
              {
                "name": "default",
                "text": "0"
              }
            ],
            "text": "Gives the component a drop shadow."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "inset",
          "type": "string",
          "attribute": "inset",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'none'",
          "complexType": {
            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Individual axes can be overridden with `inset-x` and `inset-y`."
              },
              {
                "name": "default",
                "text": "'none'"
              }
            ],
            "text": "Adds internal padding applied uniformly on all sides."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "insetX",
          "type": "string",
          "attribute": "inset-x",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds horizontal padding, overriding the horizontal component of `inset`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "insetY",
          "type": "string",
          "attribute": "inset-y",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": true,
          "complexType": {
            "original": "'none' | 'compact' | 'normal' | 'comfortable'",
            "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds vertical padding, overriding the vertical component of `inset`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "radius",
          "type": "number",
          "attribute": "radius",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "0",
          "complexType": {
            "original": "0 | 1 | 2 | 3 | 4 | 5",
            "resolved": "0 | 1 | 2 | 3 | 4 | 5",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "0"
              }
            ],
            "text": "Adds corner rounding on a scale from 0 (sharp) to 5 (most rounded)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-tab-container",
      "path": "./src/components/q2-tab-container/q2-tab-container.js",
      "source": "./src/components/q2-tab-container/q2-tab-container.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2TabContainer",
      "assetsDirs": [],
      "dependencies": [
        "q2-badge",
        "q2-btn",
        "q2-icon",
        "q2-loading"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-badge",
        "q2-btn",
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Tab Container"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for switching between multiple views within the same context."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              },
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              }
            ],
            "text": "Emitted when the selected tab changes."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "settled",
          "method": "settled",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the component has finished rendering."
          },
          "complexType": {
            "original": "undefined",
            "resolved": "undefined",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the selected tab changes."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "badge",
          "method": "onBadge",
          "capture": false,
          "passive": false
        },
        {
          "name": "change",
          "method": "defaultChangeHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "onFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "resize",
          "method": "onResize",
          "capture": false,
          "passive": true,
          "target": "window"
        }
      ],
      "methods": [
        {
          "name": "selectTab",
          "docs": {
            "text": "A method to select a tab pane corresponding with the value.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              },
              "HTMLButtonElement": {
                "location": "global",
                "id": "global::HTMLButtonElement"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-badge",
        "q2-btn",
        "q2-icon"
      ],
      "properties": [
        {
          "name": "color",
          "type": "string",
          "attribute": "color",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'alt' | undefined",
            "resolved": "\"alt\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Controls which variables are used to color the tab controls.\n\n- `undefined` (default)\n  - Uses `--t-tab-active` and `--t-tab-inactive`.\n- `alt`\n  - Uses `--t-tab-alt-active` and `--t-tab-alt-inactive`.\n  - The default fallback for these variables is `inherit`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "The element can fail if this property is not set. Nested tab containers without the `name` property will not render correctly."
              }
            ],
            "text": "Used to establish a relationship between `q2-tab-container` and its associated tab panes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "noPrint",
          "type": "boolean",
          "attribute": "no-print",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Controls visibility of tab list in a print view. Tab content will still be visible even if `noPrint` is true."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "orientation",
          "type": "string",
          "attribute": "orientation",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'horizontal'",
          "complexType": {
            "original": "'horizontal' | 'vertical'",
            "resolved": "\"horizontal\" | \"vertical\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Vertical orientation is intended for wider layouts (e.g. admin consoles).\nAt viewports narrower than 768px, the component falls back to horizontal."
              },
              {
                "name": "default",
                "text": "'horizontal'"
              }
            ],
            "text": "The orientation of the tab strip.\n- `horizontal` (default) — tabs run left-to-right above the panel content.\n- `vertical` — tabs stack top-to-bottom beside the panel content."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'main' | 'section'",
            "resolved": "\"main\" | \"section\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines the font size of the tab controls."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Corresponds to the value of the selected tab pane."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "hasLeft"
        },
        {
          "name": "hasRight"
        },
        {
          "name": "isNarrowViewport"
        },
        {
          "name": "scrollEnabled"
        },
        {
          "name": "showScrollBack"
        },
        {
          "name": "showScrollForward"
        },
        {
          "name": "tabs"
        }
      ]
    },
    {
      "tag": "q2-tab-pane",
      "path": "./src/components/q2-tab-pane/q2-tab-pane.js",
      "source": "./src/components/q2-tab-pane/q2-tab-pane.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2TabPane",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Tab Pane"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use as a single tab within a Tab Container."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "badge",
          "method": "badge",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the badge count, description, theme, or status changes."
          },
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "badgeCount",
          "type": "number",
          "attribute": "badge-count",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Adds a `q2-badge` component with the number provided right next to the tab pane label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeDescription",
          "type": "string",
          "attribute": "badge-description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that will be pronounced alongside `badgeCount` when the screen reader presents the tab."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeStatus",
          "type": "string",
          "attribute": "badge-status",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Badge['status']",
            "resolved": "\"alert\" | \"info\" | \"success\" | \"warning\"",
            "references": {
              "Q2Badge": {
                "location": "import",
                "path": "../q2-badge/q2-badge",
                "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                "referenceLocation": "Q2Badge"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Allows you to specify the status of the tab, which is always visible."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeTheme",
          "type": "string",
          "attribute": "badge-theme",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Badge['theme']",
            "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
            "references": {
              "Q2Badge": {
                "location": "import",
                "path": "../q2-badge/q2-badge",
                "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                "referenceLocation": "Q2Badge"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": "Allows you to specify the color of the badge when the tab is active."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "guid",
          "type": "number",
          "attribute": "guid",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-tab-container to apply a unique id to each tab pane"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "index",
          "type": "number",
          "attribute": "index",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-tab-container to indicate the pane's index"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Serves as the text that will be visible in the tab control provided by `q2-tab-container`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-tab-container to apply a name to all options in the group"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selected",
          "type": "boolean",
          "attribute": "selected",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Used by q2-tab-container to indicate the option is selected"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Serves as the pane's value. Should correspond to the `q2-tab-container` value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": []
    },
    {
      "tag": "q2-tag",
      "path": "./src/components/q2-tag/q2-tag.js",
      "source": "./src/components/q2-tag/q2-tag.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Tag",
      "assetsDirs": [],
      "dependencies": [
        "click-elsewhere",
        "q2-icon",
        "q2-option-list",
        "q2-popover"
      ],
      "dependents": [
        "q2-data-table"
      ],
      "directDependencies": [
        "click-elsewhere",
        "q2-icon",
        "q2-popover",
        "q2-option-list"
      ],
      "directDependents": [
        "q2-data-table"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Tag"
          },
          {
            "name": "category",
            "text": "Display"
          },
          {
            "name": "summary",
            "text": "Use for displaying metadata labels or categories on content."
          },
          {
            "name": "slot",
            "text": "decorator - An optional slot that supports either an [Icon](https://tecton.q2developer.com/design-system/q2-icon) or [Badge](https://tecton.q2developer.com/design-system/q2-badge) to be displayed with the tag content.\nThis is **not** available when using [Multiple Options](https://tecton.q2developer.com/design-system/q2-tag#multiple-options)."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "click",
          "method": "click",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctClick' instead"
              }
            ],
            "text": "Emitted when a provided option is clicked.\n\nRequires at least one option to be provided."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctClick",
          "method": "tctClick",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when a provided option is clicked.\n\nRequires at least one option to be provided."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "focus",
          "method": "delegateFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "popoverStateChanged",
          "method": "popoverStateHandler",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "closePopover",
          "docs": {
            "text": "Emulates clicking the tag to close the popover when options are provided and the popover is open.",
            "tags": [
              {
                "name": "testonly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "openPopover",
          "docs": {
            "text": "Emulates clicking the tag to open the popover when options are provided and the popover is closed.",
            "tags": [
              {
                "name": "testonly"
              }
            ]
          },
          "complexType": {
            "signature": "() => Promise<void>",
            "parameters": [],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        },
        {
          "name": "selectOption",
          "docs": {
            "text": "Emulates selecting an option matching the passed value.\n\nIf the popover is closed, this will open it before selecting the option.\n\nIf there are not options, or the passed value does not match any option's value, this method does nothing.",
            "tags": [
              {
                "name": "testonly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: any) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "any",
                "docs": ""
              }
            ],
            "references": {
              "Promise": {
                "location": "global",
                "id": "global::Promise"
              }
            },
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "click-elsewhere",
        "q2-icon",
        "q2-popover",
        "q2-option-list"
      ],
      "properties": [
        {
          "name": "hoist",
          "type": "boolean",
          "attribute": "hoist",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "!!window.Tecton?.useActionSheets",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "!!window.Tecton?.useActionSheets"
              }
            ],
            "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The text that populates the label."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "open",
          "type": "boolean",
          "attribute": "open",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "readonly"
              }
            ],
            "text": "Determine whether the popover is open or closed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optionListLabel",
          "type": "string",
          "attribute": "option-list-label",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'options'",
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'options'"
              }
            ],
            "text": "Determines the label that is applied to the option list for accessibility purposes."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverAlignment",
          "type": "string",
          "attribute": "popover-alignment",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "defaultValue": "'right'",
          "complexType": {
            "original": "'left' | 'right'",
            "resolved": "\"left\" | \"right\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'right'"
              }
            ],
            "text": "Aligns the popover dropdown to the left or right side of the input field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverDirection",
          "type": "string",
          "attribute": "popover-direction",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'up' | 'down'",
            "resolved": "\"down\" | \"up\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the direction of the popover dropdown when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMaxHeight",
          "type": "number",
          "attribute": "popover-max-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "popoverMinHeight",
          "type": "number",
          "attribute": "popover-min-height",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "deprecated"
              }
            ],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "theme",
          "type": "string",
          "attribute": "theme",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "'primary' | 'secondary' | 'tertiary'",
            "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The color of the element."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "optionCount"
        }
      ]
    },
    {
      "tag": "q2-textarea",
      "path": "./src/components/q2-textarea/q2-textarea.js",
      "source": "./src/components/q2-textarea/q2-textarea.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Textarea",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Textarea"
          },
          {
            "name": "category",
            "text": "Forms"
          },
          {
            "name": "summary",
            "text": "Use for multi-line text input like messages, comments, or lengthy descriptions."
          },
          {
            "name": "slot",
            "text": "label - An optional slot to display a custom label."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "change",
          "method": "change",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctChange' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the field loses focus after the value has been changed."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "input",
          "method": "input",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "deprecated",
                "text": "Use 'tctInput' instead"
              },
              {
                "name": "legacyEvent"
              }
            ],
            "text": "Emitted when the field value is updated."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctChange",
          "method": "tctChange",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the field loses focus after the value has been changed."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        },
        {
          "name": "tctInput",
          "method": "tctInput",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the field value is updated."
          },
          "complexType": {
            "original": "{ value: string }",
            "resolved": "{ value: string; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [
        {
          "name": "change",
          "method": "onHostElementChange",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "onHostElementFocus",
          "capture": false,
          "passive": false
        },
        {
          "name": "input",
          "method": "onHostElementInput",
          "capture": false,
          "passive": false
        }
      ],
      "methods": [
        {
          "name": "setValue",
          "docs": {
            "text": "Emulates focusing the `<textarea>`, centering the provided value, and emitting an `input` event.\n\nThis method leaves the focus on the `<textarea>` and as a result does not trigger the `change` event. If you want\nto trigger the `change` event, move the focus to another element after calling this method.",
            "tags": [
              {
                "name": "testOnly"
              }
            ]
          },
          "complexType": {
            "signature": "(value: string) => Promise<void>",
            "parameters": [
              {
                "name": "value",
                "type": "string",
                "docs": ""
              }
            ],
            "references": {},
            "return": "Promise<void>"
          },
          "internal": false
        }
      ],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "cols",
          "type": "number",
          "attribute": "cols",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the number of columns displayed in the field.\nIf not set, the field will be full-width and respond to the window size."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "disabled",
          "type": "boolean",
          "attribute": "disabled",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Indicates the field cannot be focused or interacted with."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "errors",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "Each item in the `errors` array will appear below the input field when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideLabel",
          "type": "boolean",
          "attribute": "hide-label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "Only use when a visible label is impractical."
              }
            ],
            "text": "Hide's the field's `<label>` element from view."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideMessages",
          "type": "boolean",
          "attribute": "hide-messages",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array above).\nPrimarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hints",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string[]",
            "resolved": "string[]",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\nOnce all errors are resolved, the hints display the next time the field is focused."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "Each item in the `hints` array will appear below the input field when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "localizable"
              }
            ],
            "text": "The label that appears above the field. This is announced by screen readers when the field is focused."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "maxlength",
          "type": "number",
          "attribute": "maxlength",
          "reflect": true,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Please set the `rows` attribute in correlation with `maxlength` to show as much text as possible in the field viewport."
              }
            ],
            "text": "Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\nMake sure you account for them when setting the `maxlength` value."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "optional",
          "type": "boolean",
          "attribute": "optional",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "placeholder",
          "type": "string",
          "attribute": "placeholder",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "info",
                "text": "Primarily used for rare cases in which a visible form label is not expected (e.g., search fields)."
              },
              {
                "name": "localizable"
              }
            ],
            "text": "Text that appears within the field when it is blurred and empty.\nPlaceholder text disappears when the user focuses on the field and provides input."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "readonly",
          "type": "boolean",
          "attribute": "readonly",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\nTakes priority over `optional` if both are `true`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "resize",
          "type": "string",
          "attribute": "resize",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'vertical'",
          "complexType": {
            "original": "'none' | 'vertical' | 'horizontal' | 'both' | 'vertical-auto'",
            "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\" | \"vertical-auto\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'vertical'"
              }
            ],
            "text": "Indicates how the field is resizable."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "rows",
          "type": "number",
          "attribute": "rows",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Defines the number of rows displayed in the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "spellcheck",
          "type": "boolean",
          "attribute": "spellcheck",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Determines whether the field is subject to spell-checking by the underlying browser or OS."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": false,
          "mutable": true,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "The value of the field."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "downParams"
        },
        {
          "name": "hasFocus"
        },
        {
          "name": "screenReaderCharacterCount"
        }
      ]
    },
    {
      "tag": "q2-toast",
      "path": "./src/components/q2-toast/q2-toast.js",
      "source": "./src/components/q2-toast/q2-toast.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Toast",
      "assetsDirs": [],
      "dependencies": [
        "q2-icon"
      ],
      "dependents": [],
      "directDependencies": [
        "q2-icon"
      ],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Toast"
          },
          {
            "name": "category",
            "text": "Platform"
          },
          {
            "name": "summary",
            "text": "Use for brief, non-intrusive notifications that appear temporarily and do not require user interaction."
          },
          {
            "name": "slot",
            "text": "icon - Optional slot for a custom icon."
          },
          {
            "name": "slot",
            "text": "title - Optional slot for the title content."
          },
          {
            "name": "slot",
            "text": "time - Optional slot for the time marker."
          },
          {
            "name": "slot",
            "text": "actions - Optional slot for action links in the footer."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "tctClose",
          "method": "tctClose",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [],
            "text": "Emitted when the toast is dismissed."
          },
          "complexType": {
            "original": "{ reason: 'close' | 'timeout' }",
            "resolved": "{ reason: \"close\" | \"timeout\"; }",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [
        "q2-icon"
      ],
      "properties": [
        {
          "name": "autoClose",
          "type": "boolean",
          "attribute": "auto-close",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Enables automatic dismissal after a duration."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "closable",
          "type": "boolean",
          "attribute": "closable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "true",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "true"
              }
            ],
            "text": "Controls whether the close button is displayed."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "duration",
          "type": "number",
          "attribute": "duration",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "7000",
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "7000"
              }
            ],
            "text": "The duration in milliseconds before auto dismissal."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "hideIcon",
          "type": "boolean",
          "attribute": "hide-icon",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Manually hide the icon where it would otherwise appear."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "icon",
          "type": "string",
          "attribute": "icon",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Optional icon type to display."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "message",
          "type": "string",
          "attribute": "message",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Optional message for the toast body."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showPersistent",
          "type": "boolean",
          "attribute": "show-persistent",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Convenience prop for persistent toasts. When true, sets autoClose to false and closable to true.\nAligns with acceptance criteria for showPersistent behavior."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "size",
          "type": "string",
          "attribute": "size",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'large'",
          "complexType": {
            "original": "'large' | 'small'",
            "resolved": "\"large\" | \"small\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'large'"
              }
            ],
            "text": "Controls the visual size of the toast."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "tctTitle",
          "type": "string",
          "attribute": "tct-title",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Optional title for the toast."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "time",
          "type": "string",
          "attribute": "time",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Optional time marker for the footer."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "type",
          "type": "string",
          "attribute": "type",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'default'",
          "complexType": {
            "original": "'warning' | 'info' | 'alert' | 'success' | 'default' | 'error'",
            "resolved": "\"alert\" | \"default\" | \"error\" | \"info\" | \"success\" | \"warning\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'default'"
              }
            ],
            "text": "The visual status of the toast."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "isClosing"
        },
        {
          "name": "isOpen"
        }
      ]
    },
    {
      "tag": "q2-tooltip",
      "path": "./src/components/q2-tooltip/q2-tooltip.js",
      "source": "./src/components/q2-tooltip/q2-tooltip.tsx",
      "elementRef": "hostElement",
      "componentClassName": "Q2Tooltip",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [
        "q2-meter"
      ],
      "directDependencies": [],
      "directDependents": [
        "q2-meter"
      ],
      "docs": {
        "tags": [
          {
            "name": "name",
            "text": "Tooltip"
          },
          {
            "name": "category",
            "text": "Feedback"
          },
          {
            "name": "summary",
            "text": "Use for brief hints or explanations shown on hover or focus."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [],
      "internal": false,
      "listeners": [
        {
          "name": "click",
          "method": "documentPointerHandler",
          "capture": false,
          "passive": false,
          "target": "document"
        },
        {
          "name": "touchstart",
          "method": "documentPointerHandler",
          "capture": false,
          "passive": true,
          "target": "document"
        },
        {
          "name": "click",
          "method": "clickHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focus",
          "method": "focusCaptureHandler",
          "capture": true,
          "passive": false
        },
        {
          "name": "focus",
          "method": "focusHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "focusout",
          "method": "focusOutHandler",
          "capture": false,
          "passive": false
        },
        {
          "name": "keydown",
          "method": "keyDownDocumentHandler",
          "capture": false,
          "passive": false,
          "target": "document"
        },
        {
          "name": "mouseenter",
          "method": "mouseEnterHandler",
          "capture": false,
          "passive": true
        },
        {
          "name": "mouseover",
          "method": "handleMouseOver",
          "capture": false,
          "passive": true
        }
      ],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "block",
          "type": "boolean",
          "attribute": "block",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays the element as a block, making it take up the full width of its container."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "focusable",
          "type": "boolean",
          "attribute": "focusable",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "false",
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "warning",
                "text": "This is only meant to be used when the `q2-tooltip` is wrapped around an element that is not focusable (e.g., icons, static text, badges, etc.)."
              },
              {
                "name": "default",
                "text": "false"
              }
            ],
            "text": "Makes the component focusable, thereby putting it in the tab order of the keyboard."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "immediate",
          "type": "boolean",
          "attribute": "immediate",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Whether to show the tooltip immediately upon hover."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "text that is displayed when the tooltip is activated."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "multiline",
          "type": "boolean",
          "attribute": "multiline",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Enables the use of multi-line tooltips with a default `max-width` of `200px`."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "persistent",
          "type": "boolean",
          "attribute": "persistent",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Displays the tooltip persistently."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "persistOnHover",
          "type": "boolean",
          "attribute": "persist-on-hover",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "Allows the tooltip bubble itself to be hovered.\nWhen enabled, the tooltip remains visible while moving between the trigger and the tooltip bubble."
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "position",
          "type": "string",
          "attribute": "position",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "defaultValue": "'n'",
          "complexType": {
            "original": "'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se'",
            "resolved": "\"e\" | \"n\" | \"ne\" | \"nw\" | \"s\" | \"se\" | \"sw\" | \"w\"",
            "references": {}
          },
          "docs": {
            "tags": [
              {
                "name": "default",
                "text": "'n'"
              }
            ],
            "text": "The position of the tooltip based on [cardinal and intercardinal directions](https://en.wikipedia.org/wiki/Cardinal_direction)."
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "focusClass"
        },
        {
          "name": "persistOnHoverDismissed"
        }
      ]
    },
    {
      "tag": "tecton-tab-pane",
      "path": "./src/components/tecton-tab-pane/tecton-tab-pane.js",
      "source": "./src/components/tecton-tab-pane/tecton-tab-pane.tsx",
      "elementRef": "hostElement",
      "componentClassName": "TectonTabPane",
      "assetsDirs": [],
      "dependencies": [],
      "dependents": [],
      "directDependencies": [],
      "directDependents": [],
      "docs": {
        "tags": [
          {
            "name": "slot",
            "text": "loading-wrapper - An optional slot to display custom content while the tab is loading."
          }
        ],
        "text": ""
      },
      "encapsulation": "shadow",
      "excludeFromCollection": false,
      "events": [
        {
          "name": "badge",
          "method": "badge",
          "bubbles": true,
          "cancelable": true,
          "composed": true,
          "docs": {
            "tags": [
              {
                "name": "private"
              }
            ],
            "text": "Emitted when the badge count, description, theme, or status changes."
          },
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "internal": false
        }
      ],
      "internal": false,
      "listeners": [],
      "methods": [],
      "potentialCmpRefs": [],
      "properties": [
        {
          "name": "authPayload",
          "type": "unknown",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "{ key: string; value: string }[]",
            "resolved": "{ key: string; value: string; }[]",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeCount",
          "type": "number",
          "attribute": "badge-count",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeDescription",
          "type": "string",
          "attribute": "badge-description",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeStatus",
          "type": "string",
          "attribute": "badge-status",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Badge['status']",
            "resolved": "\"alert\" | \"info\" | \"success\" | \"warning\"",
            "references": {
              "Q2Badge": {
                "location": "import",
                "path": "../q2-badge/q2-badge",
                "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                "referenceLocation": "Q2Badge"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "badgeTheme",
          "type": "string",
          "attribute": "badge-theme",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "Q2Badge['theme']",
            "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
            "references": {
              "Q2Badge": {
                "location": "import",
                "path": "../q2-badge/q2-badge",
                "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                "referenceLocation": "Q2Badge"
              }
            }
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "guid",
          "type": "number",
          "attribute": "guid",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "index",
          "type": "number",
          "attribute": "index",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "number",
            "resolved": "number",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "label",
          "type": "string",
          "attribute": "label",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "minHeight",
          "type": "string",
          "attribute": "min-height",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "moduleId",
          "type": "string",
          "attribute": "module-id",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "name",
          "type": "string",
          "attribute": "name",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "provided",
          "type": "boolean",
          "attribute": "provided",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": "above props duplicated from q2-tab-pane.\nUnable to extend due to Stencil decorator limitation"
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "selected",
          "type": "boolean",
          "attribute": "selected",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "showForm",
          "type": "boolean",
          "attribute": "show-form",
          "reflect": false,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "boolean",
            "resolved": "boolean",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "url",
          "type": "string",
          "attribute": "url",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        },
        {
          "name": "value",
          "type": "string",
          "attribute": "value",
          "reflect": true,
          "mutable": false,
          "required": false,
          "optional": false,
          "complexType": {
            "original": "string",
            "resolved": "string",
            "references": {}
          },
          "docs": {
            "tags": [],
            "text": ""
          },
          "internal": false,
          "getter": false,
          "setter": false
        }
      ],
      "shadowDelegatesFocus": false,
      "states": [
        {
          "name": "_showForm"
        }
      ]
    }
  ],
  "entries": [
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-action-sheet",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2ActionSheet",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "data",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "ActionSheetData",
                "resolved": "{ appearance: \"list\"; title?: string; description?: string; event?: MouseEvent | KeyboardEvent; listProps: { multiple: boolean; selectedOptions: ActionSheetSelectedOption[]; noSelect: boolean; }; options: ActionSheetListDataOptions; slotsHtml?: ActionSheetStaticHtmlData[]; } | { appearance: \"message\"; type: \"info\" | \"success\" | \"warning\" | \"error\"; title?: string; description?: string; slotsHtml?: ActionSheetStaticHtmlData[]; }",
                "references": {
                  "ActionSheetData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/action-sheet",
                    "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetData",
                    "referenceLocation": "ActionSheetData"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideClose",
              "type": "boolean",
              "attribute": "hide-close",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "title",
              "type": "string",
              "attribute": "title",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "isScrollable"
            },
            {
              "name": "renderStatus"
            }
          ],
          "methods": [
            {
              "name": "hide",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "(data?: ActionSheetListCloseData) => Promise<void>",
                "parameters": [
                  {
                    "name": "data",
                    "type": "ActionSheetListCloseData",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "ActionSheetListCloseData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/action-sheet",
                    "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetListCloseData",
                    "referenceLocation": "ActionSheetListCloseData"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "show",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [
            {
              "name": "close",
              "method": "close",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClose' instead"
                  }
                ],
                "text": "Emitted when the action sheet is closed."
              },
              "complexType": {
                "original": "ActionSheetListCloseData",
                "resolved": "ActionSheetListCloseData",
                "references": {
                  "ActionSheetListCloseData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/action-sheet",
                    "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetListCloseData",
                    "referenceLocation": "ActionSheetListCloseData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "ready",
              "method": "ready",
              "bubbles": false,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the component has finished rendering."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClose",
              "method": "tctClose",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the action sheet is closed."
              },
              "complexType": {
                "original": "ActionSheetListCloseData",
                "resolved": "ActionSheetListCloseData",
                "references": {
                  "ActionSheetListCloseData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/action-sheet",
                    "id": "../q2-tecton-common/lib/types/action-sheet.d.ts::ActionSheetListCloseData",
                    "referenceLocation": "ActionSheetListCloseData"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-ACTION-SHEET",
              "styleStr": null,
              "styleIdentifier": "Q2ActionSheetStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-sheet/q2-action-sheet.scss",
                  "relativePath": "q2-action-sheet.scss",
                  "originalComponentPath": "q2-action-sheet.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-action-sheet-background",
              "docs": "(<color>) Controls the background color of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-color",
              "docs": "(<color>) Controls the text color of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-backdrop-background",
              "docs": "(<color>) Controls the background color of the action sheet backdrop.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-border-radius",
              "docs": "(<length-percentage>+) Controls the corner radius of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-box-shadow",
              "docs": "(*) Controls the box shadow of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-gap",
              "docs": "(<length-percentage>) Controls the vertical gap between the action sheet header, content, and footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-header-height",
              "docs": "(<length>) Controls the height of the action sheet header row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-close-button-size",
              "docs": "(<length>) Controls the size of the action sheet close button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-content-gradient-height",
              "docs": "(<length>) Controls the height of the scroll-edge gradient on the action sheet content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-max-height",
              "docs": "(<length-percentage>) Controls the maximum height of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-min-height",
              "docs": "(<length-percentage>) Controls the minimum height of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-sheet-tween",
              "docs": "(*) Controls the open/close transition timing of the action sheet dialog.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Action Sheet"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for presenting a modal sheet."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-sheet/q2-action-sheet.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-sheet/q2-action-sheet.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": false,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "innerHTML",
            "class",
            "ref",
            "multiple",
            "label",
            "noSelect",
            "onChange",
            "onPopoverState",
            "selectedOptions",
            "test-id",
            "intent",
            "onClick",
            "type",
            "key",
            "aria-labelledby",
            "id",
            "hide-label",
            "data"
          ],
          "htmlTagNames": [
            "q2-optgroup",
            "q2-option",
            "div",
            "q2-option-list",
            "slot",
            "footer",
            "q2-btn",
            "q2-message",
            "h2",
            "p",
            "dialog",
            "header",
            "q2-icon"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-optgroup",
            "q2-option",
            "q2-option-list",
            "q2-btn",
            "q2-message",
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-icon",
            "q2-loading",
            "q2-message",
            "q2-optgroup",
            "q2-option",
            "q2-option-list"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-optgroup",
            "q2-option",
            "q2-option-list",
            "q2-btn",
            "q2-message",
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-action-sheet.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-calendar",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Calendar",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "assume",
              "type": "string",
              "attribute": "assume",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'current'",
              "complexType": {
                "original": "'current' | 'future' | 'past'",
                "resolved": "\"current\" | \"future\" | \"past\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'current'"
                  }
                ],
                "text": "Detects the year automatically based on today's date when the user presses the `Escape` key or the `Blur` mouse event occurs.\nSetting `future` or `past` as the value will increase or decrease the year by one, respectively."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "buttonLabel",
              "type": "string",
              "attribute": "button-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "calendarLabel",
              "type": "string",
              "attribute": "calendar-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A label shown at the top of the popover date picker."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clearable",
              "type": "boolean",
              "attribute": "clearable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Display a button in the input field allowing the user to clear their selection."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cutoffTime",
              "type": "string",
              "attribute": "cutoff-time",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Must be a valid ISO date string."
                  }
                ],
                "text": "Specifies a time of day after which a date is no longer valid."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "daysOfWeekChecksum",
              "type": "number",
              "attribute": "days-of-week-checksum",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.daysOfWeekChecksum = 127 // All days of the week are valid\nelement.daysOfWeekChecksum = 62; // Only weekdays are valid\nelement.daysOfWeekChecksum = 65; // Only Saturday and Sunday are valid"
                  }
                ],
                "text": "The most concise way to define valid days of the week for calendar. Each day of the week has a checksum value:\n\n- Sunday = 1\n- Monday = 2\n- Tuesday = 4\n- Wednesday = 8\n- Thursday = 16\n- Friday = 32\n- Saturday = 64\n\nAdd the checksum values of your desired valid days together, and set `daysOfWeekChecksum` to that summed value.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disable the input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabledMsg",
              "type": "string",
              "attribute": "disabled-msg",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text that displays as the placeholder when the field is marked `disabled`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disclaimer",
              "type": "string",
              "attribute": "disclaimer",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Text that appears at the bottom of the popover date picker."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "displayFormat",
              "type": "string",
              "attribute": "display-format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the display format of the date field value.\n\nMust follow the [date-fns](https://date-fns.org/v2.28.0/docs/format) token specification."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "endDate",
              "type": "string",
              "attribute": "end-date",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Must be a valid ISO date string."
                  }
                ],
                "text": "Defines the last selectable date in the date picker popover."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errors",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Each item in the `errors` array will appear below the input field when the field is focused and `typeable` is `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Hide the input field's ` <label> ` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hints",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Each item in the `hints` array will appear below the input field when the field is focused and `typeable` is true."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "invalid",
              "type": "boolean",
              "attribute": "invalid",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Show error styles when the calendar is in an errant state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "invalidDates",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Must be a valid ISO date string."
                  },
                  {
                    "name": "info",
                    "text": "When explicit date definitions like `invalidDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden."
                  }
                ],
                "text": "Defines an explicit date blacklist."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The visible label for the `q2-calendar` input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "onsuccess",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "(e: CustomEvent) => void",
                "resolved": "(e: CustomEvent<any>) => void",
                "references": {
                  "CustomEvent": {
                    "location": "global",
                    "id": "global::CustomEvent"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "open",
              "type": "boolean",
              "attribute": "open",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "readonly"
                  }
                ],
                "text": "Determine whether the popover is open or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Appends \"(optional)\" to the label and sets `aria-required=\"false\"`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "placeholder",
              "type": "string",
              "attribute": "placeholder",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Text that appears within the input field when it is blurred and empty.\nPlaceholder text disappears when the user focuses on the field and provides input."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popDirection",
              "type": "string",
              "attribute": "pop-direction",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverAlignment",
              "type": "string",
              "attribute": "popover-alignment",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Aligns the popover date picker to the left or right side of the input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverDirection",
              "type": "string",
              "attribute": "popover-direction",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the direction of the popover date picker when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMinHeight",
              "type": "number",
              "attribute": "popover-min-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "355",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  },
                  {
                    "name": "default",
                    "text": "355"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMode",
              "type": "string",
              "attribute": "popover-mode",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "null",
              "complexType": {
                "original": "'legacy'",
                "resolved": "\"legacy\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This is a temporary solution to work around styling issues related to using fixed positioning for the popover\nwhen nested inside of elements with transform properties. This will be removed once the popover API is available\nfor use."
                  },
                  {
                    "name": "default",
                    "text": "null"
                  }
                ],
                "text": "Determines the display mode of the popover.\n\nProviding a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The field's content is not editable, but the field remains focusable.\n\nAppends \"(readonly)\" to the field label. Supersedes `optional` if both are `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "startDate",
              "type": "string",
              "attribute": "start-date",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Must be a valid ISO date string."
                  }
                ],
                "text": "Defines the first selectabe date in the date picker popover."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "typeable",
              "type": "boolean",
              "attribute": "typeable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The user can type in the field. Only available in desktop browsers."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "valid",
              "type": "boolean",
              "attribute": "valid",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Show success styles when the calendar is in a valid state. The error state takes precedence when both are set."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "validDates",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Must be a valid ISO date string."
                  },
                  {
                    "name": "info",
                    "text": "When explicit date definitions like `validDates` is used, other date validity methods like `daysOfWeekChecksum` are overriden."
                  }
                ],
                "text": "Defines an explicit date whitelist."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string | { toDate(): Date }",
                "resolved": "string | { toDate(): Date; }",
                "references": {
                  "Date": {
                    "location": "global",
                    "id": "global::Date"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "// change date\nelement.value = '2022-12-21';\n// clear date\nelement.value = null;"
                  }
                ],
                "text": "The value of the `q2-calendar` element, e.g. the selected date.\n\n**How to change or clear the value with javascript:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "dateList"
            },
            {
              "name": "hintMessage"
            },
            {
              "name": "hintMessageType"
            },
            {
              "name": "keyboardSelection"
            },
            {
              "name": "typedValue"
            }
          ],
          "methods": [
            {
              "name": "closePopover",
              "docs": {
                "text": "Emulates clicking the `<input>` to hide the popover if it is visible.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openPopover",
              "docs": {
                "text": "Emulates clicking the `<input>` to display the popover if it is hidden.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates clicking the `<input>` to display the popover, moving to the correct month and year, and clicking the\nprovided date.\n\nWhile a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\nwill not select the date.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string | Date) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string | Date",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "Date": {
                    "location": "global",
                    "id": "global::Date"
                  },
                  "HTMLTableCellElement": {
                    "location": "global",
                    "id": "global::HTMLTableCellElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "typeValue",
              "docs": {
                "text": "Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n\nWhile a `string` value can be passed, we recommended passing a `Date` object. If the value is invalid, the method\nwill not select the date.",
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only applicable when the input is typeable."
                  },
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string | Date) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string | Date",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "Date": {
                    "location": "global",
                    "id": "global::Date"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "defaultChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "clear",
              "method": "handleClear",
              "capture": false,
              "passive": false
            },
            {
              "name": "error",
              "method": "defaultErrorHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "popoverStateChanged",
              "method": "popoverStateHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "success",
              "method": "defaultSuccessHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when a date is selected or typed in the input field."
              },
              "complexType": {
                "original": "{\n        // ISO formatted date\n        value: string | null;\n    }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "error",
              "method": "error",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctError' instead"
                  }
                ],
                "text": "Emitted when an invalid date is entered into the field."
              },
              "complexType": {
                "original": "{ errors: { message: string; errorCode: string }[] }",
                "resolved": "{ errors: { message: string; errorCode: string; }[]; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "success",
              "method": "success",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctSuccess' instead"
                  }
                ],
                "text": "Emitted when a valid date is entered or selected."
              },
              "complexType": {
                "original": "{\n        // ISO formatted date\n        value: string;\n    }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when a date is selected or typed in the input field."
              },
              "complexType": {
                "original": "{\n        // ISO formatted date\n        value: string | null;\n    }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctError",
              "method": "tctError",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when an invalid date is entered into the field."
              },
              "complexType": {
                "original": "{ errors: { message: string; errorCode: string }[] }",
                "resolved": "{ errors: { message: string; errorCode: string; }[]; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctSuccess",
              "method": "tctSuccess",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a valid date is entered or selected."
              },
              "complexType": {
                "original": "{\n        // ISO formatted date\n        value: string;\n    }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "cutoffTime",
              "methodName": "cutoffTimeObserver"
            },
            {
              "propName": "daysOfWeekChecksum",
              "methodName": "daysOfWeekChecksumObserver"
            },
            {
              "propName": "endDate",
              "methodName": "endDateObserver"
            },
            {
              "propName": "invalidDates",
              "methodName": "invalidDatesObserver"
            },
            {
              "propName": "popDirection",
              "methodName": "popDirectionHandler"
            },
            {
              "propName": "startDate",
              "methodName": "startDateObserver"
            },
            {
              "propName": "typeable",
              "methodName": "typeableChanged"
            },
            {
              "propName": "validDates",
              "methodName": "validDatesObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CALENDAR",
              "styleStr": null,
              "styleIdentifier": "Q2CalendarStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-calendar/q2-calendar.scss",
                  "relativePath": "q2-calendar.scss",
                  "originalComponentPath": "q2-calendar.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-calendar-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the calendar host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the calendar host when --tct-calendar-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the calendar host when --tct-calendar-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-popover-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the calendar popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-label-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the calendar input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-icon-size",
              "docs": "(<length>) Controls the size of the calendar input icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the calendar input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-month-font-size",
              "docs": "(<length-percentage>) Controls the font size of the calendar month heading.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-month-font-weight",
              "docs": "(<number>) Controls the font weight of the calendar month heading.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-heading-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the calendar day-of-week heading row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-heading-font-weight",
              "docs": "(<number>) Controls the font weight of the calendar day-of-week heading row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-integer-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the day number text inside calendar cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-today-decorator-font-size",
              "docs": "(<length-percentage>) Controls the font size of the \"today\" decorator text inside the today cell.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-border?",
              "docs": "(*) Controls the optional border shorthand of calendar day cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of calendar day cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-hover-background",
              "docs": "(<color>) Controls the background color of valid calendar day cells on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-hover-border?",
              "docs": "(*) Controls the optional border shorthand of calendar day cells on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-hover-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of calendar day cells on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-hover-font-color?",
              "docs": "(<color>) Controls the optional text color of calendar day cells on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-disabled-opacity",
              "docs": "(<number>) Controls the opacity of disabled calendar day cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-selected-background",
              "docs": "(<color>) Controls the background color of the selected calendar day cell.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-selected-border?",
              "docs": "(*) Controls the optional border shorthand of the selected calendar day cell.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-selected-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the selected calendar day cell.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-selected-font-color?",
              "docs": "(<color>) Controls the optional text color of the selected calendar day cell.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-selected-outline-color",
              "docs": "(<color>) Controls the outline color of the selected calendar day cell.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-focused-outer-ring-color",
              "docs": "(<color>) Controls the outer focus ring color of the selected calendar day cell when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner focus ring color of calendar day cells when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-day-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer focus ring color of calendar day cells when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-btn-hover-background",
              "docs": "(<color>) Controls the background color of the calendar input's icon button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-btn-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of the calendar input's icon button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-btn-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of the calendar input's icon button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-disclaimer-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the calendar disclaimer text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-disclaimer-font-size",
              "docs": "(<length-percentage>) Controls the font size of the calendar disclaimer text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-disclaimer-border-color",
              "docs": "(<color>) Controls the border color of the calendar disclaimer section.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-calendar-disclaimer-border-width",
              "docs": "(<length>+) Controls the border width of the calendar disclaimer section.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Calendar"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for selecting a date from a calendar popover."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-calendar/q2-calendar.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-calendar/q2-calendar.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": true,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "role",
            "aria-labelledby",
            "ref",
            "class",
            "scope",
            "aria-label",
            "onClick",
            "onKeyDown",
            "test-id",
            "aria-hidden",
            "tabindex",
            "aria-selected",
            "aria-disabled",
            "data-day",
            "data-date",
            "onKeyUp",
            "label",
            "hide-label",
            "onTctClick",
            "type",
            "aria-live",
            "id",
            "onFocus",
            "value",
            "hideLabel",
            "disabled",
            "readonly",
            "clearable",
            "placeholder",
            "optional",
            "valid",
            "ariaExpanded",
            "ariaControls",
            "ariaHaspopup",
            "hints",
            "errors",
            "onChange",
            "onTctChange",
            "onInput",
            "onTctInput",
            "onBlur",
            "icon-right",
            "format-modifier",
            "hide-messages",
            "pseudo",
            "_role",
            "_preventEntry",
            "slot",
            "ariaHasPopup",
            "key",
            "controlElement",
            "open",
            "direction",
            "minHeight",
            "align",
            "mode",
            "block"
          ],
          "htmlTagNames": [
            "table",
            "caption",
            "thead",
            "tr",
            "th",
            "tbody",
            "td",
            "div",
            "p",
            "q2-btn",
            "q2-icon",
            "span",
            "q2-message",
            "q2-input",
            "click-elsewhere",
            "q2-popover"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-btn",
            "q2-icon",
            "q2-message",
            "q2-input",
            "click-elsewhere",
            "q2-popover"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-input",
            "q2-loading",
            "q2-message",
            "q2-popover"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-btn",
            "q2-icon",
            "q2-message",
            "q2-input",
            "click-elsewhere",
            "q2-popover"
          ]
        }
      ],
      "entryKey": "q2-calendar.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-card",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Card",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "avatarIcon",
              "type": "string",
              "attribute": "avatar-icon",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "The [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to be displayed in the avatar location.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "avatarInitials",
              "type": "string",
              "attribute": "avatar-initials",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "The initials to be placed in the avatar of the card.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "avatarName",
              "type": "string",
              "attribute": "avatar-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "The name to be used for the avatar of the card which will be converted to initials.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "avatarSrc",
              "type": "string",
              "attribute": "avatar-src",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "The source of the image to be displayed in the avatar location.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "bar",
              "type": "string",
              "attribute": "bar",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates that a bar should be displayed and which color to use. Predefined colors that may be used as values are:\n\n- primary\n- secondary\n- tertiary\n- info\n- success\n- warning\n- alert\n- accent-1\n- accent-2\n- accent-3\n- accent-4\n- accent-5\n- accent-6\n- accent-7\n- accent-8\n- accent-9\n- accent-10\n- accent-11\n- accent-12\n\nAny other value (e.g. `\"#990000\"`, `\"purple\"`) will be treated as a custom color."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "The description of the card (truncated after two lines).\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "elevation",
              "type": "number",
              "attribute": "elevation",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "2",
              "complexType": {
                "original": "0 | 1 | 2 | 3 | 4 | 5",
                "resolved": "0 | 1 | 2 | 3 | 4 | 5",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Set to `0` to disable."
                  },
                  {
                    "name": "default",
                    "text": "2"
                  }
                ],
                "text": "The size of the box-shadow applied to the component, giving it a sense of depth."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "isSmall",
              "type": "boolean",
              "attribute": "is-small",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "Display the card with a view optimized for smaller displays.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "isStatic",
              "type": "boolean",
              "attribute": "is-static",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "Display the card with no borders, padding, drop-shadows, or clickable behavior.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "target",
              "type": "string",
              "attribute": "target",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'_self' | '_blank' | '_parent' | '_top'",
                "resolved": "\"_blank\" | \"_parent\" | \"_self\" | \"_top\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Do not use in Online Banking. Use the `openURL` capability on the click event instead."
                  }
                ],
                "text": "Target to be applied to the link when a URL is provided."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "title",
              "type": "string",
              "attribute": "title",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "The title of the card.\n\nPlease use q2-item instead."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'clickable'",
              "complexType": {
                "original": "'clickable' | 'non-clickable'",
                "resolved": "\"clickable\" | \"non-clickable\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'clickable'"
                  }
                ],
                "text": "Alters the interactive behavior of the card while maintaining visual appearance."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "url",
              "type": "string",
              "attribute": "url",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Do not use in Online Banking. Use the `openURL` capability on the click event instead."
                  }
                ],
                "text": "URL to navigate the user to when the card is clicked."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [
            {
              "name": "focus",
              "method": "onHostElementFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "click",
              "method": "click",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClick' instead"
                  }
                ],
                "text": "Emitted when the card is clicked and the `url` property is not provided."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the card is clicked and the `url` property is not provided."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CARD",
              "styleStr": null,
              "styleIdentifier": "Q2CardStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card/q2-card.scss",
                  "relativePath": "q2-card.scss",
                  "originalComponentPath": "q2-card.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-card-background",
              "docs": "(<color>) Controls the background color of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter applied to the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-color",
              "docs": "(<color>) Controls the text color of the card container (legacy alias).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-font-color",
              "docs": "(<color>) Controls the text color of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-font-size",
              "docs": "(<length-percentage>) Controls the font size of the card title text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-font-weight",
              "docs": "(<number>) Controls the font weight of the card title text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-title-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the card title text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-description-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the card description text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-border-color?",
              "docs": "(<color>) Controls the optional border color of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-border-style",
              "docs": "(<custom-ident>) Controls the border style of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-border-width?",
              "docs": "(<length>+) Controls the optional border width of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-gap",
              "docs": "(<length-percentage>) Controls the gap between the card avatar (if present) and its content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-content-gap",
              "docs": "(<length-percentage>) Controls the gap between elements inside the card content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-height",
              "docs": "(<length-percentage>) Controls the height of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-min-height",
              "docs": "(<length-percentage>) Controls the minimum height of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-max-height?",
              "docs": "(<length-percentage>) Controls the optional maximum height of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-overflow",
              "docs": "(<custom-ident>) Controls the overflow behavior of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-avatar-size",
              "docs": "(<length>) Controls the size of the avatar slot rendered inside the card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-description-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the card description text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-description-line-count",
              "docs": "(<integer>) Controls the maximum number of lines for the card description before clamping.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-title-line-count",
              "docs": "(<integer>) Controls the maximum number of lines for the card title before clamping.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow applied to the clickable card when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-static-background?",
              "docs": "(<color>) Controls the optional background of the card container in its static appearance.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-static-font-color",
              "docs": "(<color>) Controls the text color of the card container in its static appearance.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-width",
              "docs": "(<length>) Controls the width of the colored accent bar on the side of the card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-primary",
              "docs": "(<color>) Controls the color of the accent bar when color is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-secondary",
              "docs": "(<color>) Controls the color of the accent bar when color is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-tertiary",
              "docs": "(<color>) Controls the color of the accent bar when color is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-info",
              "docs": "(<color>) Controls the color of the accent bar when color is info.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-success",
              "docs": "(<color>) Controls the color of the accent bar when color is success.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-warning",
              "docs": "(<color>) Controls the color of the accent bar when color is warning.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-alert",
              "docs": "(<color>) Controls the color of the accent bar when color is alert.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-1",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-2",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-3",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-4",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-4.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-5",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-5.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-6",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-6.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-7",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-7.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-8",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-8.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-9",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-9.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-10",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-10.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-11",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-11.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-bar-color-accent-12",
              "docs": "(<color>) Controls the color of the accent bar when color is accent-12.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-1-box-shadow",
              "docs": "(*) Controls the box shadow of the card in elevation level 1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-1-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card on hover in elevation level 1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-1-active-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card when active in elevation level 1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-2-box-shadow",
              "docs": "(*) Controls the box shadow of the card in elevation level 2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-2-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card on hover in elevation level 2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-2-active-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card when active in elevation level 2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-3-box-shadow",
              "docs": "(*) Controls the box shadow of the card in elevation level 3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-3-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card on hover in elevation level 3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-3-active-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card when active in elevation level 3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-4-box-shadow",
              "docs": "(*) Controls the box shadow of the card in elevation level 4.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-4-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card on hover in elevation level 4.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-4-active-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card when active in elevation level 4.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-5-box-shadow",
              "docs": "(*) Controls the box shadow of the card in elevation level 5.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-5-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card on hover in elevation level 5.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-elevation-5-active-box-shadow",
              "docs": "(*) Controls the box shadow of the clickable card when active in elevation level 5.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Card"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for grouping related content in a contained, elevated surface."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card/q2-card.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card/q2-card.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "type",
            "ref",
            "test-id",
            "name",
            "initials",
            "src",
            "class",
            "style",
            "href",
            "target",
            "rel",
            "onClick"
          ],
          "htmlTagNames": [
            "q2-icon",
            "q2-avatar",
            "div",
            "h3",
            "p",
            "slot",
            "a",
            "button"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon",
            "q2-avatar"
          ],
          "dependents": [],
          "dependencies": [
            "q2-avatar",
            "q2-icon"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon",
            "q2-avatar"
          ]
        }
      ],
      "entryKey": "q2-card.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-card-image",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2CardImage",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "background",
              "type": "string",
              "attribute": "background",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'primary'",
              "complexType": {
                "original": "'primary' | 'secondary' | 'tertiary' | 'gradient' | string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'primary'"
                  }
                ],
                "text": "Background style for the base layer.\n- `'primary'` | `'secondary'` | `'tertiary'`: Solid theme colors\n- `'gradient'`: Grayscale gradient (themable via CSS variables)\n- Custom string: URL/path to an image file (SVG, PNG, JPG)"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cardHolder",
              "type": "string",
              "attribute": "card-holder",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The card holder name to display on the card. Only rendered at large and medium sizes.\nWhen not provided, neither the label nor the name is displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cardHolderLabel",
              "type": "boolean",
              "attribute": "card-holder-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Controls whether the \"CARD HOLDER\" label is displayed above the card holder name.\nThe label is only supported at large size. At medium size, only the name is shown\nregardless of this prop. When `false`, only the name is shown without the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cardNumber",
              "type": "string",
              "attribute": "card-number",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The card number to display. Only the last 4 characters are used, prefixed with `**** **** **** `.\nThe last 4 characters must all be digits; otherwise the card number is not displayed.\nNot rendered at tiny size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cardStatus",
              "type": "string",
              "attribute": "card-status",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "| 'digital'\n        | 'enabled'\n        | 'new'\n        | 'disabled'\n        | 'locked'\n        | 'damaged'\n        | 'lost'\n        | 'stolen'\n        | 'lost or stolen'",
                "resolved": "\"damaged\" | \"digital\" | \"disabled\" | \"enabled\" | \"locked\" | \"lost or stolen\" | \"lost\" | \"new\" | \"stolen\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The status of the card. When set, renders a status banner at the top of the card for card sizes medium and up."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cardType",
              "type": "string",
              "attribute": "card-type",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'atm' | 'debit'",
                "resolved": "\"atm\" | \"debit\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The card type label displayed alongside the expiration date. Not rendered at tiny size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "cardTypeColor",
              "type": "string",
              "attribute": "card-type-color",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'black' | 'white'",
                "resolved": "\"black\" | \"white\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The color of the card type text. Only applies when `cardType` is set."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "chip",
              "type": "string",
              "attribute": "chip",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'gold' | 'silver'",
                "resolved": "\"gold\" | \"silver\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The chip style displayed on the card. Not rendered at tiny size.\n- `'gold'`: Gold/brass colored EMV chip\n- `'silver'`: Silver/platinum colored EMV chip"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clickable",
              "type": "boolean",
              "attribute": "clickable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "If `true`, the card image is wrapped in a `q2-btn` to handle click interactions."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "If `true`, the card image is visually disabled and not clickable. Does not affect the dropdown."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "expirationDate",
              "type": "string",
              "attribute": "expiration-date",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The expiration date of the card in ISO 8601 extended format (`YYYY-MM`).\nDisplayed as `MM / YY` on the card. Only rendered at large and medium sizes.\nWhen not provided, neither the label nor the date value is displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "expirationDateLabel",
              "type": "boolean",
              "attribute": "expiration-date-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Controls whether the \"EXPIRES\" label is displayed above the expiration date.\nThe label is only supported at large size. At medium size, only the date value is shown\nregardless of this prop. When `false`, only the date value is shown without the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fiLogo",
              "type": "string",
              "attribute": "fi-logo",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Path to the financial institution logo image (SVG, PNG, or JPG).\nMax display dimensions: 280x45 for horizontal cards, 250x45 for vertical cards.\nWhen not provided, an empty placeholder div is rendered to maintain consistent card structure."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "inline",
              "type": "boolean",
              "attribute": "inline",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "If `true`, the component uses `display: inline-block`. If `false`, uses `display: block`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientation",
              "type": "string",
              "attribute": "orientation",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'horizontal'",
              "complexType": {
                "original": "'horizontal' | 'vertical'",
                "resolved": "\"horizontal\" | \"vertical\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'horizontal'"
                  }
                ],
                "text": "The orientation of the card image."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "overlay",
              "type": "string",
              "attribute": "overlay",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'dot' | string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Background style for the overlay layer. When undefined, the overlay is not rendered.\n- `'dot'`: CSS-generated dot pattern with mix-blend-mode overlay (themable via CSS variables)\n- Custom string: URL/path to an image file (SVG, PNG, JPG)"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "statusTextOverride",
              "type": "string",
              "attribute": "status-text-override",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Overrides the default status banner text (which is the cardStatus value in uppercase).\nMaximum 14 characters (including spaces) to ensure the text fits within the banner."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tctAriaLabel",
              "type": "string",
              "attribute": "tct-aria-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Accessible label for the card image. When provided, this value is applied as `aria-label`\non either the card container (non-clickable) or the wrapping button (clickable)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "vendor",
              "type": "string",
              "attribute": "vendor",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'mastercard' | 'visa'",
                "resolved": "\"mastercard\" | \"visa\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The card vendor. Renders the vendor logo in the bottom-right of the card.\nNot rendered at tiny size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "vendorColor",
              "type": "string",
              "attribute": "vendor-color",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'black' | 'brand' | 'white'",
                "resolved": "\"black\" | \"brand\" | \"white\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The color variant of the vendor logo. Only applies when `vendor` is set.\nDefaults to `'white'` for Visa and `'brand'` for Mastercard."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "vendorLogo",
              "type": "string",
              "attribute": "vendor-logo",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Path to a custom vendor logo image (SVG, PNG, or JPG).\nWhen set, this overrides the `vendor` prop and displays the custom logo.\nNot rendered at tiny size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "computedSize"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a clickable card is clicked. Contains card details."
              },
              "complexType": {
                "original": "{\n        cardNumber: string | undefined;\n        cardStatus: string | undefined;\n        statusTextOverride: string | undefined;\n        cardHolder: string | undefined;\n        expirationDate: string | undefined;\n        cardType: string | undefined;\n        vendor: string | undefined;\n    }",
                "resolved": "{ cardNumber: string; cardStatus: string; statusTextOverride: string; cardHolder: string; expirationDate: string; cardType: string; vendor: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CARD-IMAGE",
              "styleStr": null,
              "styleIdentifier": "Q2CardImageStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card-image/q2-card-image.scss",
                  "relativePath": "q2-card-image.scss",
                  "originalComponentPath": "q2-card-image.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [
            {
              "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card-image/assets",
              "cmpRelativePath": "assets",
              "originalComponentPath": "assets"
            }
          ],
          "styleDocs": [
            {
              "name": "--tct-card-image-base-blur",
              "docs": "(<length>) Controls the blur radius applied to the base card image layer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-primary-color",
              "docs": "(<color>) Controls the background color of the base layer when bg-primary is applied.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-secondary-color",
              "docs": "(<color>) Controls the background color of the base layer when bg-secondary is applied.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-tertiary-color",
              "docs": "(<color>) Controls the background color of the base layer when bg-tertiary is applied.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-deg",
              "docs": "(<angle>) Controls the angle of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-left-color",
              "docs": "(<color>) Controls the left color stop of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-left-stop",
              "docs": "(<percentage>) Controls the position of the left color stop of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-middle-color",
              "docs": "(<color>) Controls the middle color stop of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-middle-stop",
              "docs": "(<percentage>) Controls the position of the middle color stop of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-right-color",
              "docs": "(<color>) Controls the right color stop of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-gradient-right-stop",
              "docs": "(<percentage>) Controls the position of the right color stop of the base layer gradient.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-overlay-opacity",
              "docs": "(<number>) Controls the opacity of the overlay layer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-overlay-mix-blend-mode",
              "docs": "(<custom-ident>) Controls the mix-blend-mode of the dot-pattern overlay.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-dot-size",
              "docs": "(<length>) Controls the size of dots in the dot-pattern overlay.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-dot-spacing",
              "docs": "(<length>) Controls the spacing between dots in the dot-pattern overlay.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-dot-color",
              "docs": "(<color>) Controls the color of dots in the dot-pattern overlay.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-font-color",
              "docs": "(<color>) Controls the text color of the card number, holder, and other card details.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-text-shadow",
              "docs": "(*) Controls the text shadow of the card number, holder, and other card details.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-box-shadow",
              "docs": "(*) Controls the box shadow of the status banner that straddles the top edge of the card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-digital",
              "docs": "(<color>) Controls the background color of the status banner when status is digital.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-digital",
              "docs": "(<color>) Controls the text color of the status banner when status is digital.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-enabled",
              "docs": "(<color>) Controls the background color of the status banner when status is enabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-enabled",
              "docs": "(<color>) Controls the text color of the status banner when status is enabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-new",
              "docs": "(<color>) Controls the background color of the status banner when status is new.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-new",
              "docs": "(<color>) Controls the text color of the status banner when status is new.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-disabled",
              "docs": "(<color>) Controls the background color of the status banner when status is disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-disabled",
              "docs": "(<color>) Controls the text color of the status banner when status is disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-locked",
              "docs": "(<color>) Controls the background color of the status banner when status is locked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-locked",
              "docs": "(<color>) Controls the text color of the status banner when status is locked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-damaged",
              "docs": "(<color>) Controls the background color of the status banner when status is damaged.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-damaged",
              "docs": "(<color>) Controls the text color of the status banner when status is damaged.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-lost",
              "docs": "(<color>) Controls the background color of the status banner when status is lost.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-lost",
              "docs": "(<color>) Controls the text color of the status banner when status is lost.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-stolen",
              "docs": "(<color>) Controls the background color of the status banner when status is stolen.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-stolen",
              "docs": "(<color>) Controls the text color of the status banner when status is stolen.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-background-lost-or-stolen",
              "docs": "(<color>) Controls the background color of the status banner when status is lost-or-stolen.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-status-color-lost-or-stolen",
              "docs": "(<color>) Controls the text color of the status banner when status is lost-or-stolen.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the card image container when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the card image container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-min-width",
              "docs": "(<length>) Controls the minimum width of the card image container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-width?",
              "docs": "(<length-percentage>) Controls the optional explicit width of the card image container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-base-url?",
              "docs": "(<image>) Controls the optional background image of the base layer when bg-custom is applied.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-overlay-url?",
              "docs": "(<image>) Controls the optional background image of the overlay layer when bg-custom is applied.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-fi-logo",
              "docs": "(<image>) Controls the financial-institution logo image rendered on the card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-logo-padding",
              "docs": "(<length-percentage>+) Controls the inner padding around the financial-institution logo.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-type-color",
              "docs": "(<color>) Controls the text color of the card vendor type label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-type-font-size",
              "docs": "(<length-percentage>) Controls the font size of the card vendor type label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-type-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the card vendor type label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-card-image-type-margin-right",
              "docs": "(<length-percentage>) Controls the right margin of the card vendor type label.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Card Image"
              },
              {
                "name": "summary",
                "text": "Displays a visual representation of a credit or debit card with customizable styling\nand card details. Supports horizontal and vertical orientations with responsive sizing\nthat adapts content visibility based on container width."
              },
              {
                "name": "slot",
                "text": "action - An optional slot for interactive elements. Supported elements:\n- [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/) —\nRenders in the top-right corner. Only visible at large and medium sizes."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card-image/q2-card-image.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-card-image/q2-card-image.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "name",
            "role",
            "aria-label",
            "aria-hidden",
            "style",
            "src",
            "alt",
            "onClick",
            "block",
            "disabled",
            "label",
            "hideLabel",
            "key"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "img",
            "span",
            "q2-btn"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-btn"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-btn"
          ]
        }
      ],
      "entryKey": "q2-card-image.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-carousel",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Carousel",
          "elementRef": "hostElement",
          "encapsulation": "none",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "arrowPosition",
              "type": "string",
              "attribute": "arrow-position",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'bottom' | 'hug' | 'float' | undefined",
                "resolved": "\"bottom\" | \"float\" | \"hug\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Position to show the navigation arrows\n`float`: vertically centered and float over the carousel pane.\n`bottom`: bottom area around pagination indicator, the arrows at far left/right edges.\n`hug`: bottom area around pagination indicator and wraps the pagination indicator."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autoHeight",
              "type": "boolean",
              "attribute": "auto-height",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Keeps all carousel panes at the height of the tallest pane."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autoPlay",
              "type": "boolean",
              "attribute": "auto-play",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables the auto-play feature and starts the carousel without user input."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autoWidth",
              "type": "boolean",
              "attribute": "auto-width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Adjusts width of active pane automatically in compact screen based on the carousel width."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "compactBreakpoint",
              "type": "number",
              "attribute": "compact-breakpoint",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "500",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "500"
                  }
                ],
                "text": "Breakpoint pixel number for switching to compact mode when autoWIdth is enabled, default is 500."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "edgeFade",
              "type": "boolean",
              "attribute": "edge-fade",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Display a gradient fade on the left and right edges of the carousel."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "framelessPanes",
              "type": "boolean",
              "attribute": "frameless-panes",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Display the carousel panes as frameless with no container or shadow."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fullWidthPanes",
              "type": "boolean",
              "attribute": "full-width-panes",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Display the carousel panes full-width rather than with peeking content."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hidePagination",
              "type": "boolean",
              "attribute": "hide-pagination",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Hide the dots below the carousel that provide navigation control and indicate which page is currently active."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "index",
              "type": "number",
              "attribute": "index",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "1",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "1"
                  }
                ],
                "text": "The currently displayed carousel pane."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'tecton.element.carousel.ariaLabel'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "'tecton.element.carousel.ariaLabel'"
                  }
                ],
                "text": "The label that is associated with the carousel. This is not displayed visually, but is presented by screen readers."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "loop",
              "type": "boolean",
              "attribute": "loop",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Enables continuous looping so navigating past the last pane wraps to the first (and vice versa). Defaults to enabled; pass `false` to disable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showNavigationArrows",
              "type": "boolean",
              "attribute": "show-navigation-arrows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Display navigation arrow buttons as another way to navigate the carousel."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "ariaLiveValue"
            },
            {
              "name": "autoPlayInProgress"
            },
            {
              "name": "carouselWrapperWidth"
            },
            {
              "name": "compactMode"
            },
            {
              "name": "currentPaneCount"
            }
          ],
          "methods": [
            {
              "name": "selectCarouselPane",
              "docs": {
                "text": "Clicks and Focuses the `q2-carousel-pane` matching the specified index.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(index: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "index",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLElement": {
                    "location": "global",
                    "id": "global::HTMLElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "togglePlayPause",
              "docs": {
                "text": "Clicks and Focuses the `<button>` that controls playing or pausing the auto-play feature of the carousel.",
                "tags": [
                  {
                    "name": "warning",
                    "text": "If the `autoPlay` property is not enabled, this method does nothing."
                  },
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLButtonElement": {
                    "location": "global",
                    "id": "global::HTMLButtonElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "clickCarouselPane",
              "method": "carouselPaneClicked",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the displayed carousel pane changes."
              },
              "complexType": {
                "original": "{ index: number }",
                "resolved": "{ index: number; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the displayed carousel pane changes."
              },
              "complexType": {
                "original": "{ index: number }",
                "resolved": "{ index: number; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "autoHeight",
              "methodName": "autoHeightChanged"
            },
            {
              "propName": "carouselWrapperWidth",
              "methodName": "carouselWrapperWidthChanged"
            },
            {
              "propName": "framelessPanes",
              "methodName": "framelessPanesChanged"
            },
            {
              "propName": "fullWidthPanes",
              "methodName": "revampCarousel"
            },
            {
              "propName": "framelessPanes",
              "methodName": "revampCarousel"
            },
            {
              "propName": "compactMode",
              "methodName": "revampCarousel"
            },
            {
              "propName": "autoPlay",
              "methodName": "revampCarousel"
            },
            {
              "propName": "loop",
              "methodName": "revampCarousel"
            },
            {
              "propName": "index",
              "methodName": "indexChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CAROUSEL",
              "styleStr": null,
              "styleIdentifier": "Q2CarouselStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-carousel/q2-carousel.scss",
                  "relativePath": "q2-carousel.scss",
                  "originalComponentPath": "q2-carousel.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-carousel-background",
              "docs": "(<color>) Controls the background color of the insufficient-pane feedback container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-gap",
              "docs": "(<length-percentage>) Controls the gap between the carousel content row and the pagination row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-container-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the swiper container in the default display.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-frameless-container-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the swiper container in the frameless display.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-full-width-container-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the swiper container in the full-width display.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-neighbor-pane-scale",
              "docs": "(<number>) Controls the scale factor applied to non-active panes in the content-peek display.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-edge-fade-color",
              "docs": "(<color>) Controls the fade gradient color at the left and right edges of the carousel.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-edge-fade-width",
              "docs": "(<length>) Controls the width of the fade gradient at the left and right edges of the carousel.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-control-gap",
              "docs": "(<length-percentage>) Controls the gap between elements in the carousel's center control tray.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pagination-height",
              "docs": "(<length>) Controls the height of the pagination indicator row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pagination-gap",
              "docs": "(<length-percentage>) Controls the gap between pagination indicators in autoplay mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pagination-center-tray-margin",
              "docs": "(<length-percentage>+) Controls the horizontal margin of the carousel's center control tray.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-indicator-size",
              "docs": "(<length>) Controls the size of inactive page indicators.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-indicator-active",
              "docs": "(<color>) Controls the background color of the active page indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-indicator-active-focus-visible-box-shadow",
              "docs": "(*) Controls the focus box shadow of the active page indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-indicator-active-width",
              "docs": "(<length>) Controls the width of the active page indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-indicator-inactive",
              "docs": "(<color>) Controls the background color of inactive page indicators in autoplay mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-page-indicator-inactive-color",
              "docs": "(<color>) Controls the background color of inactive page indicators in the default mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-page-indicator-height",
              "docs": "(<length>) Controls the height of page indicators in autoplay mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-page-indicator-width",
              "docs": "(<length>) Controls the width of page indicators in autoplay mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-page-transition-duration",
              "docs": "(<time>) Controls the transition duration of page indicator animations.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-active-page-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of page indicators.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-active-page-border-radius-pseudo",
              "docs": "(<length-percentage>) Controls the corner radius of the active page indicator's autoplay progress overlay.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-floating-nav-arrow-height",
              "docs": "(<length>) Controls the height of the floating navigation arrows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-navigation-arrow-opacity",
              "docs": "(<number>) Controls the opacity of the navigation arrows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-arrow-background",
              "docs": "(<color>) Controls the background color of the navigation arrow buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-arrow-hover-background",
              "docs": "(<color>) Controls the background color of the navigation arrow buttons on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-autoplay-hover-background",
              "docs": "(<color>) Controls the background color of the autoplay toggle button on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-autoplay-icon-color",
              "docs": "(<color>) Controls the color of the autoplay toggle button icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-autoplay-icon-height",
              "docs": "(<length>) Controls the height of the autoplay toggle button icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-autoplay-icon-width",
              "docs": "(<length>) Controls the width of the autoplay toggle button icon.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Carousel"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for cycling through a series of content slides with swipe or button navigation."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-carousel/q2-carousel.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-carousel/q2-carousel.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "type",
            "class",
            "aria-label",
            "onClick",
            "xmlns",
            "viewBox",
            "fill",
            "aria-hidden",
            "d",
            "intent",
            "label",
            "hideLabel",
            "disabled",
            "onTctClick",
            "role",
            "tabIndex",
            "aria-selected",
            "onKeyDown",
            "key",
            "id",
            "ref",
            "aria-roledescription",
            "aria-live"
          ],
          "htmlTagNames": [
            "q2-carousel-pane",
            "button",
            "svg",
            "path",
            "div",
            "q2-icon",
            "p",
            "strong",
            "q2-btn",
            "section",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-carousel-pane",
            "q2-icon",
            "q2-btn"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-carousel-pane",
            "q2-icon",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-carousel-pane",
            "q2-icon",
            "q2-btn"
          ]
        }
      ],
      "entryKey": "q2-carousel.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-chart-area",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2ChartArea",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "alignChartName",
              "type": "string",
              "attribute": "align-chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right' | 'center'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls alignment of the chart name when its visible."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "areaColor",
              "type": "string",
              "attribute": "area-color",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
                  }
                ],
                "text": "Controls area fill color of chart. Accepts variables, hex codes, and CSS color names.\n\n**Examples:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "chartName",
              "type": "string",
              "attribute": "chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The title of the chart. We recommend always including this for accessibility purposes.\n\nIt is hidden by default, but can be made visible with the `showChartName` variable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "chartSubTitle",
              "type": "string",
              "attribute": "chart-sub-title",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A subtitile to the chart name. Often used to provide a brief description of what the data represents."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "data",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "ChartData[]",
                "resolved": "ChartData[]",
                "references": {
                  "ChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                    "referenceLocation": "ChartData"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "An array of objects that contain the data to be displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "dataNamesOverflow",
              "type": "string",
              "attribute": "data-names-overflow",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'break' | 'truncate'",
                "resolved": "\"break\" | \"truncate\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\nValues will ellipsize if the truncate option is used."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "dataNamesWidth",
              "type": "number",
              "attribute": "data-names-width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Sets width available for labels on the name axis.\nIt can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "format",
              "type": "string",
              "attribute": "format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'currency' | 'default'",
                "resolved": "\"currency\" | \"default\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls whether values on the value axis are shown as numbers or as currency."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "formatModifier",
              "type": "string",
              "attribute": "format-modifier",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Can be used in coordination with the currency format property to control decimal handling.\nAccepts `Ndec` where N is a number. (e.g. `2dec`)"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "gridLines",
              "type": "string",
              "attribute": "grid-lines",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'horizontal' | 'vertical' | 'off'",
                "resolved": "\"horizontal\" | \"off\" | \"vertical\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the direction or viibility of grid lines on the chart."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "gridPadding",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "{ left?: number; right?: number; top?: number; bottom?: number }",
                "resolved": "{ left?: number; right?: number; top?: number; bottom?: number; }",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };"
                  }
                ],
                "text": "Sets chart padding around the grid.\nEach value in the object will be interpreted as pixels.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideNameAxisLabels",
              "type": "boolean",
              "attribute": "hide-name-axis-labels",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls visibility of labels on the name axis."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideValueAxisLabels",
              "type": "boolean",
              "attribute": "hide-value-axis-labels",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls visibility of labels on the value axis."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lineColor",
              "type": "string",
              "attribute": "line-color",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
                  }
                ],
                "text": "Controls color of the data line on the chart. Accepts variables, hex codes, and CSS color names.\n\n**Examples:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "offsetDataNames",
              "type": "boolean",
              "attribute": "offset-data-names",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "offsetDataValues",
              "type": "boolean",
              "attribute": "offset-data-values",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "pointerLineColor",
              "type": "string",
              "attribute": "pointer-line-color",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
                  }
                ],
                "text": "Controls color of vertical pointer on a line chart. Accepts variables, hex codes, and CSS color names.\n\n**Examples:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "pointerLineStyle",
              "type": "string",
              "attribute": "pointer-line-style",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'solid' | 'dashed'",
                "resolved": "\"dashed\" | \"solid\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the style of the vertical poiner line."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showChartName",
              "type": "boolean",
              "attribute": "show-chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the visibility of the chart name at the top of the chart."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showDatapointLabels",
              "type": "boolean",
              "attribute": "show-datapoint-labels",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the visibility of a value label when a data point is shown on the chart."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showGradient",
              "type": "boolean",
              "attribute": "show-gradient",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls making the area fill color into a gradient.\nThe gradient starts at the top with the `areaColor` value, and fades to white."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xMax",
              "type": "number",
              "attribute": "x-max",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the xAxis max value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xMin",
              "type": "number",
              "attribute": "x-min",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the xAxis min value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "yMax",
              "type": "number",
              "attribute": "y-max",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the yAxis max value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "yMin",
              "type": "number",
              "attribute": "y-min",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the yAxis min value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "hoverDataPoint",
              "docs": {
                "text": "A method to fire change event on hover on a point.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(index: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "index",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when a data point is clicked."
              },
              "complexType": {
                "original": "{\n        index: number;\n        data: ChartData;\n    }",
                "resolved": "{ index: number; data: ChartData; }",
                "references": {
                  "ChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                    "referenceLocation": "ChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a data point is clicked."
              },
              "complexType": {
                "original": "{\n        index: number;\n        data: ChartData;\n    }",
                "resolved": "{ index: number; data: ChartData; }",
                "references": {
                  "ChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                    "referenceLocation": "ChartData"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "data",
              "methodName": "propsUpdates"
            },
            {
              "propName": "alignChartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "chartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "chartSubTitle",
              "methodName": "propsUpdates"
            },
            {
              "propName": "lineColor",
              "methodName": "propsUpdates"
            },
            {
              "propName": "pointerLineColor",
              "methodName": "propsUpdates"
            },
            {
              "propName": "pointerLineStyle",
              "methodName": "propsUpdates"
            },
            {
              "propName": "areaColor",
              "methodName": "propsUpdates"
            },
            {
              "propName": "dataNamesOverflow",
              "methodName": "propsUpdates"
            },
            {
              "propName": "dataNamesWidth",
              "methodName": "propsUpdates"
            },
            {
              "propName": "format",
              "methodName": "propsUpdates"
            },
            {
              "propName": "formatModifier",
              "methodName": "propsUpdates"
            },
            {
              "propName": "hideNameAxisLabels",
              "methodName": "propsUpdates"
            },
            {
              "propName": "hideValueAxisLabels",
              "methodName": "propsUpdates"
            },
            {
              "propName": "offsetDataNames",
              "methodName": "propsUpdates"
            },
            {
              "propName": "offsetDataValues",
              "methodName": "propsUpdates"
            },
            {
              "propName": "showChartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "showDatapointLabels",
              "methodName": "propsUpdates"
            },
            {
              "propName": "showGradient",
              "methodName": "propsUpdates"
            },
            {
              "propName": "gridLines",
              "methodName": "propsUpdates"
            },
            {
              "propName": "gridPadding",
              "methodName": "propsUpdates"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CHART-AREA",
              "styleStr": null,
              "styleIdentifier": "Q2ChartAreaStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-area/q2-chart-area.scss",
                  "relativePath": "q2-chart-area.scss",
                  "originalComponentPath": "q2-chart-area.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-area-chart-width?",
              "docs": "(<length-percentage>) Controls the width of the area chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-area-chart-height?",
              "docs": "(<length-percentage>) Controls the height of the area chart.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Area Chart"
              },
              {
                "name": "category",
                "text": "Data Visualization"
              },
              {
                "name": "summary",
                "text": "Use for showing trends over time with filled areas under lines."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-area/q2-chart-area.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-area/q2-chart-area.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "ref",
            "role",
            "test-id"
          ],
          "htmlTagNames": [
            "div"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-chart-area.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-chart-bar",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2ChartBar",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "alignChartName",
              "type": "string",
              "attribute": "align-chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right' | 'center'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls alignment of the chart name when its visible."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "chartName",
              "type": "string",
              "attribute": "chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The title of the chart. We recommend always including this for accessibility purposes.\n\nIt is hidden by default, but can be made visible with the `showChartName` variable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "chartSubTitle",
              "type": "string",
              "attribute": "chart-sub-title",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A subtitile to the chart name. Often used to provide a brief description of what the data represents."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "color",
              "type": "string",
              "attribute": "color",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.areaColor = \"#ff0000\";\nelement.areaColor = \"papayawhip\";\nelement.areaColor = \"var(--t-accent-1)\";"
                  }
                ],
                "text": "Controls the color of all bars in the chart. Can be overridden at the individual data point level.\nAccept variables, hex codes, an CSS color names.\n\n**Examples:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "data",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "ChartData[]",
                "resolved": "ChartData[]",
                "references": {
                  "ChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::ChartData",
                    "referenceLocation": "ChartData"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "An array of objects that contain the data to be displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "dataNamesOverflow",
              "type": "string",
              "attribute": "data-names-overflow",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'break' | 'truncate'",
                "resolved": "\"break\" | \"truncate\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Allows control of how labels on the name axis will be handled if the text length is wider than the available space.\nValues will ellipsize if the truncate option is used."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "dataNamesWidth",
              "type": "number",
              "attribute": "data-names-width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Sets width available for labels on the name axis.\nIt can be used in coordination with `dataNamesOverflow` to control where the label text breaks or truncates."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "format",
              "type": "string",
              "attribute": "format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'currency' | 'default'",
                "resolved": "\"currency\" | \"default\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls whether values on the value axis are shown as numbers or as currency."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "formatModifier",
              "type": "string",
              "attribute": "format-modifier",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Can be used in coordination with the currency format property to control decimal handling.\nAccepts `Ndec` where N is a number. (e.g. `2dec`)"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "gridPadding",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "{ left?: number; right?: number; top?: number; bottom?: number }",
                "resolved": "{ left?: number; right?: number; top?: number; bottom?: number; }",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "chart.gridPadding = { left: 10, right: 10, top: 20, bottom: 20 };"
                  }
                ],
                "text": "Sets chart padding around the grid.\nEach value in the object will be interpreted as pixels.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideBarLabels",
              "type": "boolean",
              "attribute": "hide-bar-labels",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls visibility of labels on the name axis."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideValueAxisLabels",
              "type": "boolean",
              "attribute": "hide-value-axis-labels",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls visibility of labels on the value axis."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "offsetDataNames",
              "type": "boolean",
              "attribute": "offset-data-names",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the position of text on the names axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "offsetDataValues",
              "type": "boolean",
              "attribute": "offset-data-values",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the position of text on the values axis by centering the text to the bar at a 45° angle.\nCan be used when space is limited or with longer name labels."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientation",
              "type": "string",
              "attribute": "orientation",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'vertical' | 'horizontal'",
                "resolved": "\"horizontal\" | \"vertical\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls which axes are the value and name axes.\nWhen `vertical`, values are on the y-axis and names are on the x-axis, with bars shown vertically on the chart.\nWhen `horizontal`, names are on the y-axis and values are on the x-axis, with bars shown horizontally on the chart."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showChartName",
              "type": "boolean",
              "attribute": "show-chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the visibility of the chart name at the top of the chart."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "sort",
              "type": "boolean",
              "attribute": "sort",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "By default, the sorting of the bars on the chart is controlled by the order the values are in the data array.\nWhen set to `true`, values on the bar will be re-sorted in descending order."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "chartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "chartSubTitle",
              "methodName": "propsUpdates"
            },
            {
              "propName": "color",
              "methodName": "propsUpdates"
            },
            {
              "propName": "hideBarLabels",
              "methodName": "propsUpdates"
            },
            {
              "propName": "showChartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "alignChartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "orientation",
              "methodName": "propsUpdates"
            },
            {
              "propName": "format",
              "methodName": "propsUpdates"
            },
            {
              "propName": "sort",
              "methodName": "propsUpdates"
            },
            {
              "propName": "data",
              "methodName": "propsUpdates"
            },
            {
              "propName": "offsetDataNames",
              "methodName": "propsUpdates"
            },
            {
              "propName": "hideValueAxisLabels",
              "methodName": "propsUpdates"
            },
            {
              "propName": "formatModifier",
              "methodName": "propsUpdates"
            },
            {
              "propName": "dataNamesOverflow",
              "methodName": "propsUpdates"
            },
            {
              "propName": "gridPadding",
              "methodName": "propsUpdates"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CHART-BAR",
              "styleStr": null,
              "styleIdentifier": "Q2ChartBarStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-bar/q2-chart-bar.scss",
                  "relativePath": "q2-chart-bar.scss",
                  "originalComponentPath": "q2-chart-bar.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-bar-chart-width?",
              "docs": "(<length-percentage>) Controls the width of the bar chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-bar-chart-height?",
              "docs": "(<length-percentage>) Controls the height of the bar chart.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Bar Chart"
              },
              {
                "name": "category",
                "text": "Data Visualization"
              },
              {
                "name": "summary",
                "text": "Use for comparing values across categories with horizontal or vertical bars."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-bar/q2-chart-bar.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-bar/q2-chart-bar.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "ref",
            "role",
            "test-id"
          ],
          "htmlTagNames": [
            "div"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-chart-bar.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-chart-donut",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2ChartDonut",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "chartName",
              "type": "string",
              "attribute": "chart-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The title of the chart. We recommend always including this for accessibility purposes.\n\nIt is hidden by default, but can be made visible with the `showChartName` variable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "currencyRound",
              "type": "boolean",
              "attribute": "currency-round",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "data",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "DonutChartData[]",
                "resolved": "DonutChartData[]",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "An array of objects that contain the data to be displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "format",
              "type": "string",
              "attribute": "format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'currency' | 'default'",
                "resolved": "\"currency\" | \"default\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls whether values on the value axis are shown as numbers or as currency."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hoverScaleSize",
              "type": "number",
              "attribute": "hover-scale-size",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "5",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "5"
                  }
                ],
                "text": "The amount which the slice will scale when hovered."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "innerRadius",
              "type": "string",
              "attribute": "inner-radius",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'70%'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "If you update this property to be greater than or equal to the `outerRadius`,\nwe automatically set it to be 15% less than the current `outerRadius` to prevent display issues."
                  },
                  {
                    "name": "default",
                    "text": "'70%'"
                  }
                ],
                "text": "The inner radius of the chart slices which is represeted by a percentage of the radius."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "isClickable",
              "type": "boolean",
              "attribute": "is-clickable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This also enables extra keyboard controls when the button is focused."
                  }
                ],
                "text": "Determine whether the data in the center renders inside a button element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minSliceSize",
              "type": "string",
              "attribute": "min-slice-size",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'2.5%'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'2.5%'"
                  }
                ],
                "text": "The minimum size of the chart slizes which is represented as a percentage of the circumferences."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "outerRadius",
              "type": "string",
              "attribute": "outer-radius",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'85%'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "If you update this property to be less than or equal to the `innerRadius`,\nwe automatically set it to be 15% greater than the current `innerRadius` to prevent display issues."
                  },
                  {
                    "name": "default",
                    "text": "'85%'"
                  }
                ],
                "text": "The outer radius of the chart slices which is represented by a percentage of the radius."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedId",
              "type": "string",
              "attribute": "selected-id",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The id of the data point that is currently selected in the chart. You may set this to pre-select a data point on render, or force a selection change."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedOffset",
              "type": "number",
              "attribute": "selected-offset",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "10",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "10"
                  }
                ],
                "text": "The amount which the slice will separate from the chart when selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showLegend",
              "type": "boolean",
              "attribute": "show-legend",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "The legend is a list of the data points in the chart and their colors."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether the legend is displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "summaryIcon",
              "type": "string",
              "attribute": "summary-icon",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The icon that displays by default when no slices are selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "summaryName",
              "type": "string",
              "attribute": "summary-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The name that displays by default when no slices are selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hoveredId"
            },
            {
              "name": "legendData"
            }
          ],
          "methods": [
            {
              "name": "clearSelection",
              "docs": {
                "text": "Clears any selected slice.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "getChartOptions",
              "docs": {
                "text": "Returns the chart instance for e2e testing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<any>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<any>"
              },
              "internal": false
            },
            {
              "name": "selectById",
              "docs": {
                "text": "Selects a slice by its provided `id` in the provided `data`.",
                "tags": []
              },
              "complexType": {
                "signature": "(id: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "id",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "selectByIndex",
              "docs": {
                "text": "Selects a slice by its index in the provided `data`.",
                "tags": []
              },
              "complexType": {
                "signature": "(index: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "index",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "selectDataPoint",
              "docs": {
                "text": "A method to select a slice with index.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(index: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "index",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when a slice is selected."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "click",
              "method": "click",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClick' instead"
                  }
                ],
                "text": "Emitted when the center button is clicked.\n\nRequires the `isClickable` prop to be set to `true`."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a slice is selected."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the center button is clicked.\n\nRequires the `isClickable` prop to be set to `true`."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "chartName",
              "methodName": "propsUpdates"
            },
            {
              "propName": "innerRadius",
              "methodName": "propsUpdates"
            },
            {
              "propName": "outerRadius",
              "methodName": "propsUpdates"
            },
            {
              "propName": "minSliceSize",
              "methodName": "propsUpdates"
            },
            {
              "propName": "hoverScaleSize",
              "methodName": "propsUpdates"
            },
            {
              "propName": "selectedOffset",
              "methodName": "propsUpdates"
            },
            {
              "propName": "data",
              "methodName": "dataUpdated"
            },
            {
              "propName": "innerRadius",
              "methodName": "innerRadiusUpdated"
            },
            {
              "propName": "outerRadius",
              "methodName": "outerRadiusUpdated"
            },
            {
              "propName": "selectedId",
              "methodName": "checkSelectedId"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CHART-DONUT",
              "styleStr": null,
              "styleIdentifier": "Q2ChartDonutStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-donut/q2-chart-donut.scss",
                  "relativePath": "q2-chart-donut.scss",
                  "originalComponentPath": "q2-chart-donut.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-chart-donut-text-color",
              "docs": "(<color>) Controls the text color of the chart donut center card content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the chart container when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-background?",
              "docs": "(<color>) Controls the optional background color of the chart center button in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-hover-background?",
              "docs": "(<color>) Controls the optional background color of the chart center button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-active-background?",
              "docs": "(<color>) Controls the optional background color of the chart center button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-focus-background?",
              "docs": "(<color>) Controls the optional background color of the chart center button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-hover-box-shadow",
              "docs": "(*) Controls the box shadow applied to the chart center button on hover, active, and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-tween",
              "docs": "(*) Controls the transition timing of the chart center button's interactive state changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the chart center button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-button-container-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the chart center card container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-icon-size",
              "docs": "(<length>) Controls the size of the icon displayed inside the chart center card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-icon-margin",
              "docs": "(<length-percentage>+) Controls the margin around the icon displayed inside the chart center card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-name-font-size",
              "docs": "(<length-percentage>) Controls the font size of the name label inside the chart center card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-value-font-size",
              "docs": "(<length-percentage>) Controls the font size of the value label inside the chart center card.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-legend-margin-top?",
              "docs": "(<length-percentage>) Controls the optional top margin of the legend below the chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-1",
              "docs": "(<color>) Controls the first slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-2",
              "docs": "(<color>) Controls the second slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-3",
              "docs": "(<color>) Controls the third slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-4",
              "docs": "(<color>) Controls the fourth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-5",
              "docs": "(<color>) Controls the fifth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-6",
              "docs": "(<color>) Controls the sixth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-7",
              "docs": "(<color>) Controls the seventh slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-8",
              "docs": "(<color>) Controls the eighth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-9",
              "docs": "(<color>) Controls the ninth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-10",
              "docs": "(<color>) Controls the tenth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-11",
              "docs": "(<color>) Controls the eleventh slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-chart-donut-color-12",
              "docs": "(<color>) Controls the twelfth slice color of the donut chart.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Donut Chart"
              },
              {
                "name": "category",
                "text": "Data Visualization"
              },
              {
                "name": "summary",
                "text": "Use for showing proportions of a whole as segments in a ring."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-donut/q2-chart-donut.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-chart-donut/q2-chart-donut.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": true,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "style",
            "id",
            "test-id",
            "type",
            "key",
            "onChange",
            "ref",
            "aria-describedby",
            "role",
            "onClick",
            "tabIndex",
            "onKeyDown",
            "data",
            "format",
            "currencyRound",
            "hoveredItemId",
            "onMouseleave",
            "onMouseenter",
            "selectedItemId"
          ],
          "htmlTagNames": [
            "div",
            "q2-icon",
            "click-elsewhere",
            "figure",
            "figcaption",
            "q2-legend"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon",
            "click-elsewhere",
            "q2-legend"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-icon",
            "q2-legend"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon",
            "click-elsewhere",
            "q2-legend"
          ]
        }
      ],
      "entryKey": "q2-chart-donut.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-checkbox-group",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2CheckboxGroup",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if all checkboxes in the group are put into a `disabled` state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hasError",
              "type": "boolean",
              "attribute": "has-error",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if the component should display in an errant state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the group's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The label that displays above all the checkboxes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if the component is marked as `optional`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if all the checkboxes are marked as `readonly`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "object",
                "resolved": "object",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.value = {\n  'checkbox-value-1': true,\n  'checkbox-value-2': false,\n  'checkbox-value-3': true,\n};\n\n// Also accepts partial values\nelement.value = {\n  'checkbox-value-2': false,\n}"
                  }
                ],
                "text": "Can be used to get and set the checked status of each `<q2-checkbox>` element contained within the group.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates clicking the `<q2-checkbox>` option(s) with the provided value.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(values: string | string[]) => Promise<void>",
                "parameters": [
                  {
                    "name": "values",
                    "type": "string | string[]",
                    "docs": ""
                  }
                ],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "onHostElementChange",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the checkbox selection changes."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the checkbox selection changes."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "disabled",
              "methodName": "disabledObserver"
            },
            {
              "propName": "readonly",
              "methodName": "readonlyObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CHECKBOX-GROUP",
              "styleStr": null,
              "styleIdentifier": "Q2CheckboxGroupStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-checkbox-group/q2-checkbox-group.scss",
                  "relativePath": "q2-checkbox-group.scss",
                  "originalComponentPath": "q2-checkbox-group.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-checkbox-group-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the checkbox-group host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the checkbox-group host when --tct-checkbox-group-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the checkbox-group host when --tct-checkbox-group-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-fieldset-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the checkbox-group fieldset.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-container-margin",
              "docs": "(<length-percentage>+) Controls the margin around the checkbox-group slot container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-container-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the checkbox-group slot container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the checkbox-group slot container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-border-width",
              "docs": "(<length>+) Controls the border width of the checkbox-group slot container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-error-border-color",
              "docs": "(<color>) Controls the border color of the checkbox-group slot container in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-column-gap",
              "docs": "(<length-percentage>) Controls the column gap between the checkbox-group label text and trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-font-color?",
              "docs": "(<color>) Controls the optional text color of the checkbox-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the checkbox-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-font-weight",
              "docs": "(<number>) Controls the font weight of the checkbox-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the checkbox-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-line-height?",
              "docs": "(<length-percentage>) Controls the optional line height of the checkbox-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text transform of the checkbox-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-optional-color",
              "docs": "(<color>) Controls the text color of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-optional-font-size",
              "docs": "(<length-percentage>) Controls the font size of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-optional-font-weight",
              "docs": "(<number>) Controls the font weight of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-group-label-optional-margin-left",
              "docs": "(<length-percentage>) Controls the left margin of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Checkbox Group"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for selecting multiple options from a set of checkboxes."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-checkbox-group/q2-checkbox-group.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-checkbox-group/q2-checkbox-group.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "key",
            "type",
            "test-id",
            "onChange",
            "aria-invalid"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "q2-icon",
            "fieldset",
            "legend"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-checkbox-group.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-context",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Context",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "separator",
              "type": "boolean",
              "attribute": "separator",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders a horizontal line between the description and the action-group/footer slots."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CONTEXT",
              "styleStr": null,
              "styleIdentifier": "Q2ContextStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-context/q2-context.scss",
                  "relativePath": "q2-context.scss",
                  "originalComponentPath": "q2-context.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-context-close-icon-size",
              "docs": "(<length>) Controls the size of the close icon in the affordance slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-background",
              "docs": "(<color>) Controls the background color of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-color",
              "docs": "(<color>) Controls the text color propagated to context items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter applied to the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-border-color?",
              "docs": "(<color>) Controls the optional border color of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-border-style",
              "docs": "(<custom-ident>) Controls the border style of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-border-width?",
              "docs": "(<length>) Controls the optional border width of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-gap",
              "docs": "(<length-percentage>) Controls the gap between items within the context wrapper.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the context container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-separator-color",
              "docs": "(<color>) Controls the color of the separator between context sections.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-separator-margin?",
              "docs": "(<length-percentage>+) Controls the optional margin around the context separator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-context-width?",
              "docs": "(<length-percentage>) Controls the optional explicit width of the context container.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Context"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying supplementary information or hints alongside content."
              },
              {
                "name": "slot",
                "text": "decorator - An optional slot that supports either [Icon](https://tecton.q2developer.com/design-system/q2-icon/) or [Avatar](https://tecton.q2developer.com/design-system/q2-avatar/).\nUse this as a visual aid for the context being provided."
              },
              {
                "name": "slot",
                "text": "header - A **required** slot that must be a single `<h4>` element. Use this to indicate the purpose or subject of the context being provided."
              },
              {
                "name": "slot",
                "text": "description - A **required** slot. Use this to provide the bulk of the context you wish to convey to the user."
              },
              {
                "name": "slot",
                "text": "affordance - An optional slot that supports either a [Button](https://tecton.q2developer.com/design-system/q2-btn/) or a [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/).\nUse this to provide an affordance such as a dismiss button, or a dropdown kebab menu for the user."
              },
              {
                "name": "slot",
                "text": "action-group - An optional slot that supports up to two elements compatible with [Action Group](https://tecton.q2developer.com/design-system/q2-action-group/).\nUse this to provide the user with actions related to the context description."
              },
              {
                "name": "slot",
                "text": "footer - An optional slot to display additional HTML content."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-context/q2-context.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-context/q2-context.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": false,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "name",
            "slot",
            "role",
            "orientation"
          ],
          "htmlTagNames": [
            "div",
            "q2-item",
            "slot",
            "q2-action-group"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-item",
            "q2-action-group"
          ],
          "dependents": [],
          "dependencies": [
            "q2-action-group",
            "q2-item",
            "q2-resize-observer"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-item",
            "q2-action-group"
          ]
        }
      ],
      "entryKey": "q2-context.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-currency",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Currency",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "amount",
              "type": "number",
              "attribute": "amount",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The amount you want formatted."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "currency",
              "type": "string",
              "attribute": "currency",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'USD'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'USD'"
                  }
                ],
                "text": "Formats the `amount` to a specific currency."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "locale",
              "type": "string",
              "attribute": "locale",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "document.documentElement.lang || 'en-US'",
              "complexType": {
                "original": "string | string[]",
                "resolved": "string | string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "document.documentElement.lang || 'en-US'"
                  }
                ],
                "text": "Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "signDisplay",
              "type": "string",
              "attribute": "sign-display",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "'accounting' | 'always' | 'auto' | 'exceptZero' | 'never'",
                "resolved": "\"accounting\" | \"always\" | \"auto\" | \"exceptZero\" | \"never\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Determine how the positive or negative sign should display.\n\nBehavior:\n- `accounting`: No sign displays for positive amounts and parentheses wrap negative amounts.\n- `always`: Always display the sign.\n- `auto`: Sign displays for negative amounts only, including negative zero.\n- `exceptZero`: Sign displays for positive and negative amounts, but not zero.\n- `never`: Never display the sign."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'small' | 'medium' | 'large'",
                "resolved": "\"large\" | \"medium\" | \"small\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Applies styling based on the size provided. If no size is provided, it will display as inline text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "slotSize",
              "type": "string",
              "attribute": "slot-size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Inherited from q2-detail when slotted to match styling of q2-detail and q2-currency texts."
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "variant",
              "type": "string",
              "attribute": "variant",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'debit' | 'credit' | 'masked'",
                "resolved": "\"credit\" | \"debit\" | \"masked\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The variant controls how the currency is colored and exposes unique CSS overrides.\nThe `debit` and `credit` variants align styling with common practices for coloring debit and credit accounts.\nThe `masked` variant exposes the ability to use gradients and images to color the currency."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "displayedMessageValue",
              "docs": {
                "text": "A method to retrieve the displayed currency value.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<string>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<string>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "amount",
              "methodName": "propsUpdated"
            },
            {
              "propName": "currency",
              "methodName": "propsUpdated"
            },
            {
              "propName": "locale",
              "methodName": "propsUpdated"
            },
            {
              "propName": "size",
              "methodName": "propsUpdated"
            },
            {
              "propName": "slotSize",
              "methodName": "propsUpdated"
            },
            {
              "propName": "signDisplay",
              "methodName": "propsUpdated"
            },
            {
              "propName": "variant",
              "methodName": "propsUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CURRENCY",
              "styleStr": null,
              "styleIdentifier": "Q2CurrencyStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-currency/q2-currency.scss",
                  "relativePath": "q2-currency.scss",
                  "originalComponentPath": "q2-currency.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-currency-color",
              "docs": "(<color>) Controls the base text color of the currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-positive-color",
              "docs": "(<color>) Controls the text color of the currency value when positive.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-negative-color",
              "docs": "(<color>) Controls the text color of the currency value when negative.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-debit-positive-color",
              "docs": "(<color>) Controls the text color of a positive debit currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-debit-negative-color",
              "docs": "(<color>) Controls the text color of a negative debit currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-credit-positive-color",
              "docs": "(<color>) Controls the text color of a positive credit currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-credit-negative-color",
              "docs": "(<color>) Controls the text color of a negative credit currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-masked-positive-background",
              "docs": "(*) Controls the background fill (color or gradient) of the masked positive currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-masked-negative-background",
              "docs": "(*) Controls the background fill (color or gradient) of the masked negative currency value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-small-color?",
              "docs": "(<color>) Controls the optional text color of the currency value in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-small-font-size",
              "docs": "(<length-percentage>) Controls the font size of the currency value in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-small-font-weight",
              "docs": "(<number>) Controls the font weight of the currency value in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-small-superscript-color?",
              "docs": "(<color>) Controls the optional text color of the superscript portion in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-small-superscript-font-size",
              "docs": "(<length-percentage>) Controls the font size of the superscript portion in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-small-superscript-font-weight",
              "docs": "(<number>) Controls the font weight of the superscript portion in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-medium-color?",
              "docs": "(<color>) Controls the optional text color of the currency value in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-medium-font-size",
              "docs": "(<length-percentage>) Controls the font size of the currency value in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-medium-font-weight",
              "docs": "(<number>) Controls the font weight of the currency value in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-medium-superscript-color?",
              "docs": "(<color>) Controls the optional text color of the superscript portion in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-medium-superscript-font-size",
              "docs": "(<length-percentage>) Controls the font size of the superscript portion in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-medium-superscript-font-weight",
              "docs": "(<number>) Controls the font weight of the superscript portion in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-large-color?",
              "docs": "(<color>) Controls the optional text color of the currency value in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-large-font-size",
              "docs": "(<length-percentage>) Controls the font size of the currency value in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-large-font-weight",
              "docs": "(<number>) Controls the font weight of the currency value in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-large-superscript-color?",
              "docs": "(<color>) Controls the optional text color of the superscript portion in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-large-superscript-font-size",
              "docs": "(<length-percentage>) Controls the font size of the superscript portion in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-currency-large-superscript-font-weight",
              "docs": "(<number>) Controls the font weight of the superscript portion in the large size.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Currency"
              },
              {
                "name": "category",
                "text": "Text"
              },
              {
                "name": "summary",
                "text": "Use for displaying formatted monetary amounts with proper locale."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-currency/q2-currency.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-currency/q2-currency.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "aria-label",
            "test-id",
            "class"
          ],
          "htmlTagNames": [
            "div",
            "span"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-currency.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-data-table",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2DataTable",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "bordered",
              "type": "any",
              "attribute": "bordered",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean | 'horizontal' | 'vertical' | 'grid'",
                "resolved": "\"grid\" | \"horizontal\" | \"vertical\" | boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds borders between rows and/or columns in the table."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "caption",
              "type": "string",
              "attribute": "caption",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Provides a caption for the data table."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clickable",
              "type": "boolean",
              "attribute": "clickable",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds the ability to click a row and have the table emit an event with the selected row's data."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "density",
              "type": "string",
              "attribute": "density",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'compact' | 'normal' | 'comfortable'",
                "resolved": "\"comfortable\" | \"compact\" | \"normal\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the amount of padding for each of the cells in the table."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "emptyIcon",
              "type": "string",
              "attribute": "empty-icon",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'inbox'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'inbox'"
                  }
                ],
                "text": "Determines the `q2-icon` that will display when `rows` has no value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "emptyMessage",
              "type": "string",
              "attribute": "empty-message",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'tecton.element.dataTable.emptyMessage'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "'tecton.element.dataTable.emptyMessage'"
                  }
                ],
                "text": "Determines the message that will display when `rows` has no value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "headers",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2DataTableHeader[]",
                "resolved": "Q2DataTableHeader[]",
                "references": {
                  "Q2DataTableHeader": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                    "referenceLocation": "Q2DataTableHeader"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.headers = [\n {\n   title: 'Day of the Week',\n   key: 'day',\n },\n {\n   title: 'Sales',\n   key: 'sales',\n   align: 'end',\n }\n]"
                  }
                ],
                "text": "Defines the headers of the table.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideCaption",
              "type": "boolean",
              "attribute": "hide-caption",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Hides the caption from view, but still makes it available to screen readers for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideClickable",
              "type": "boolean",
              "attribute": "hide-clickable",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Use of this property requires `clickable` to be set to `true`."
                  }
                ],
                "text": "Visually hides the `Select` button that displays when `clickable=true`. It will still be discoverable by assistive technologies."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "loading",
              "type": "boolean",
              "attribute": "loading",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays a loading state on the table to indicate background activity."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "rows",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2DataTableRow[]",
                "resolved": "Q2DataTableRow[]",
                "references": {
                  "Q2DataTableRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableRow",
                    "referenceLocation": "Q2DataTableRow"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "element.rows = [\n {\n   id: 1,\n   cells: {\n     day: 'Monday',\n     sales: 93\n   }\n },\n {\n   id: 2,\n   cells: {\n     day: 'Tuesday',\n     sales: 127\n   }\n },\n {\n   id: 3,\n   cells: {\n     day: 'Wednesday',\n     sales: 121\n   }\n]"
                  }
                ],
                "text": "Defines the rows of the table.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectable",
              "type": "boolean",
              "attribute": "selectable",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds a checkbox to each row of the table making it selectable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectAlign",
              "type": "string",
              "attribute": "select-align",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'left'",
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Use of this property requires `selectable` to be set to `true`."
                  },
                  {
                    "name": "default",
                    "text": "'left'"
                  }
                ],
                "text": "Controls the position of the checkbox column when `selectable` is true.\nWhen set to 'right', the checkbox column will appear on the right side of the table."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedRows",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2DataTableRow[]",
                "resolved": "Q2DataTableRow[]",
                "references": {
                  "Q2DataTableRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableRow",
                    "referenceLocation": "Q2DataTableRow"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "readonly"
                  }
                ],
                "text": "Returns selected rows."
              },
              "internal": false,
              "getter": true,
              "setter": true
            },
            {
              "name": "selectMode",
              "type": "string",
              "attribute": "select-mode",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'multiple'",
              "complexType": {
                "original": "'multiple' | 'single'",
                "resolved": "\"multiple\" | \"single\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Use of this property requires `selectable` to be set to `true`."
                  },
                  {
                    "name": "default",
                    "text": "'multiple'"
                  }
                ],
                "text": "Determines if the selectable checkboxes allow for multi-select or not. If set to \"single\", once a row is selected, all other rows will be disabled.\nSee the documentation on the `select` event for how to handle selections."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "shadowed",
              "type": "boolean",
              "attribute": "shadowed",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds a shadow to the table"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "sticky",
              "type": "boolean",
              "attribute": "sticky",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Makes table header sticky"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "striped",
              "type": "boolean",
              "attribute": "striped",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Enables alternating background colors for the table rows"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "allRowsSelected"
            },
            {
              "name": "checkSlotCount"
            },
            {
              "name": "hasDropdowns"
            },
            {
              "name": "hasExpandableRows"
            },
            {
              "name": "hasRowData"
            },
            {
              "name": "hasStatusRows"
            },
            {
              "name": "serializedHeaders"
            },
            {
              "name": "serializedRows"
            },
            {
              "name": "someRowsSelected"
            }
          ],
          "methods": [
            {
              "name": "clickRow",
              "docs": {
                "text": "A method to click a row that accepts a row ID that is will be clicked.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(rowId: number | string) => Promise<void>",
                "parameters": [
                  {
                    "name": "rowId",
                    "type": "string | number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2BtnElement": {
                    "location": "global",
                    "id": "global::HTMLQ2BtnElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "getCellContent",
              "docs": {
                "text": "A method that returns the plain text value of a particular cell (including slot content).",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(rowId: number | string, columnKey: string) => Promise<string>",
                "parameters": [
                  {
                    "name": "rowId",
                    "type": "string | number",
                    "docs": ""
                  },
                  {
                    "name": "columnKey",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<string>"
              },
              "internal": false
            },
            {
              "name": "sortColumn",
              "docs": {
                "text": "A method to sort a column that accepts a header object with key</b> and <b>sorted</b> property.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(header: Q2DataTableHeader) => Promise<void>",
                "parameters": [
                  {
                    "name": "header",
                    "type": "{ title: string; align?: Q2DataTableCellAlignOptions; key?: string; sortable?: boolean | \"manual\" | \"auto\"; width?: string; backgroundColor?: string; sorted?: \"ASC\" | \"DESC\"; ariaLabel?: string; lineClamp?: number; verticalAlign?: \"top\" | \"bottom\"; } & Partial<Q2DataTableCellType>",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "Q2DataTableHeader": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                    "referenceLocation": "Q2DataTableHeader"
                  },
                  "HTMLQ2BtnElement": {
                    "location": "global",
                    "id": "global::HTMLQ2BtnElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "toggleRowExpansion",
              "docs": {
                "text": "A method to toggle row expansion that accepts a row ID that will be clicked to expand or collapse the expandable content",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(rowId: number | string) => Promise<void>",
                "parameters": [
                  {
                    "name": "rowId",
                    "type": "string | number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2BtnElement": {
                    "location": "global",
                    "id": "global::HTMLQ2BtnElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "toggleRowSelect",
              "docs": {
                "text": "A method to toggle row selection that accepts a row ID whose checkbox will be checked, if the feature is enabled.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(rowId: number | string) => Promise<void>",
                "parameters": [
                  {
                    "name": "rowId",
                    "type": "string | number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2CheckboxElement": {
                    "location": "global",
                    "id": "global::HTMLQ2CheckboxElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "toggleSelectAllRows",
              "docs": {
                "text": "A method to toggle select all button (checkbox) on left top corner.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2CheckboxElement": {
                    "location": "global",
                    "id": "global::HTMLQ2CheckboxElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "click",
              "method": "onClickListener",
              "capture": false,
              "passive": false
            },
            {
              "name": "selectAllRows",
              "method": "onSelectAllRows",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "click",
              "method": "click",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClick' instead"
                  }
                ],
                "text": "Emitted when a row is clicked.\n\nRequires the `clickable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default click behavior."
              },
              "complexType": {
                "original": "{ row: Q2DataTableSerializedRow }",
                "resolved": "{ row: Q2DataTableSerializedRow; }",
                "references": {
                  "Q2DataTableSerializedRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                    "referenceLocation": "Q2DataTableSerializedRow"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "select",
              "method": "select",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctSelect' instead"
                  }
                ],
                "text": "Emitted when a row is selected.\n\nRequires the `selectable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default selection behavior."
              },
              "complexType": {
                "original": "{\n        row: Q2DataTableSerializedRow;\n        rows: Q2DataTableSerializedRow[];\n        allSelected: boolean;\n    }",
                "resolved": "{ row: Q2DataTableSerializedRow; rows: Q2DataTableSerializedRow[]; allSelected: boolean; }",
                "references": {
                  "Q2DataTableSerializedRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                    "referenceLocation": "Q2DataTableSerializedRow"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "selectAllRows",
              "method": "selectAllRows",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctSelectAllRows' instead"
                  }
                ],
                "text": "Emitted when the select-all checkbox is toggled.\n\nRequires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.\n\nCall `event.preventDefault()` to prevent the default behavior."
              },
              "complexType": {
                "original": "{ checked: boolean }",
                "resolved": "{ checked: boolean; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "sort",
              "method": "sort",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctSort' instead"
                  }
                ],
                "text": "Emitted when a column is sorted.\n\nRequires the `sortable` prop to be set to `true` on the column.\n\nCall `event.preventDefault()` to prevent the default sorting behavior."
              },
              "complexType": {
                "original": "{ header: Q2DataTableHeader; direction: 'ASC' | 'DESC' }",
                "resolved": "{ header: Q2DataTableHeader; direction: \"ASC\" | \"DESC\"; }",
                "references": {
                  "Q2DataTableHeader": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                    "referenceLocation": "Q2DataTableHeader"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a row is clicked.\n\nRequires the `clickable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default click behavior."
              },
              "complexType": {
                "original": "{ row: Q2DataTableSerializedRow }",
                "resolved": "{ row: Q2DataTableSerializedRow; }",
                "references": {
                  "Q2DataTableSerializedRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                    "referenceLocation": "Q2DataTableSerializedRow"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctSelect",
              "method": "tctSelect",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a row is selected.\n\nRequires the `selectable` prop to be set to `true`.\n\nCall `event.preventDefault()` to prevent the default selection behavior."
              },
              "complexType": {
                "original": "{\n        row: Q2DataTableSerializedRow;\n        rows: Q2DataTableSerializedRow[];\n        allSelected: boolean;\n    }",
                "resolved": "{ row: Q2DataTableSerializedRow; rows: Q2DataTableSerializedRow[]; allSelected: boolean; }",
                "references": {
                  "Q2DataTableSerializedRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                    "referenceLocation": "Q2DataTableSerializedRow"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctSelectAllRows",
              "method": "tctSelectAllRows",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the select-all checkbox is toggled.\n\nRequires the `selectable` prop to be set to `true` and the `selectMode` prop to be set to `multiple`.\n\nCall `event.preventDefault()` to prevent the default behavior."
              },
              "complexType": {
                "original": "{ checked: boolean }",
                "resolved": "{ checked: boolean; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctSort",
              "method": "tctSort",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a column is sorted.\n\nRequires the `sortable` prop to be set to `true` on the column.\n\nCall `event.preventDefault()` to prevent the default sorting behavior."
              },
              "complexType": {
                "original": "{ header: Q2DataTableHeader; direction: 'ASC' | 'DESC' }",
                "resolved": "{ header: Q2DataTableHeader; direction: \"ASC\" | \"DESC\"; }",
                "references": {
                  "Q2DataTableHeader": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableHeader",
                    "referenceLocation": "Q2DataTableHeader"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctToggle",
              "method": "tctToggle",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when an expandable row is toggled.\n\nRequires content in the `row-{id}-expandable-content` slot.\n\nCall `event.preventDefault()` to prevent the default toggling behavior."
              },
              "complexType": {
                "original": "{ row: Q2DataTableSerializedRow }",
                "resolved": "{ row: Q2DataTableSerializedRow; }",
                "references": {
                  "Q2DataTableSerializedRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                    "referenceLocation": "Q2DataTableSerializedRow"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "toggle",
              "method": "toggle",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctToggle' instead"
                  }
                ],
                "text": "Emitted when an expandable row is toggled.\n\nRequires content in the `row-{id}-expandable-content` slot.\n\nCall `event.preventDefault()` to prevent the default toggling behavior."
              },
              "complexType": {
                "original": "{ row: Q2DataTableSerializedRow }",
                "resolved": "{ row: Q2DataTableSerializedRow; }",
                "references": {
                  "Q2DataTableSerializedRow": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::Q2DataTableSerializedRow",
                    "referenceLocation": "Q2DataTableSerializedRow"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "headers",
              "methodName": "headersHandler"
            },
            {
              "propName": "rows",
              "methodName": "rowsHandler"
            },
            {
              "propName": "selectable",
              "methodName": "selectableHandler"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-DATA-TABLE",
              "styleStr": null,
              "styleIdentifier": "Q2DataTableStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.scss",
                  "relativePath": "q2-data-table.scss",
                  "originalComponentPath": "q2-data-table.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-data-table-width?",
              "docs": "(<length-percentage>) Controls the optional explicit width of the data table.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-layout",
              "docs": "(<custom-ident>) Controls the table-layout algorithm of the data table.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-background",
              "docs": "(<color>) Controls the background color of the data table.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter applied to the data table.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-shadow",
              "docs": "(*) Controls the box shadow of the data table when shadowed.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-cell-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of data table cells in the default density.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-cell-padding-compact",
              "docs": "(<length-percentage>+) Controls the inner padding of data table cells when density is compact.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-cell-padding-comfortable",
              "docs": "(<length-percentage>+) Controls the inner padding of data table cells when density is comfortable.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-cell-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of data table cell content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-caption-side",
              "docs": "(<custom-ident>) Controls the caption-side of the data table caption.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-caption-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the data table caption.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-caption-text-align",
              "docs": "(<custom-ident>) Controls the text alignment of the data table caption.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-caption-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the data table caption.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-caption-font-weight",
              "docs": "(<number>) Controls the font weight of the data table caption.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-caption-color?",
              "docs": "(<color>) Controls the optional text color of the data table caption.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-background?",
              "docs": "(<color>) Controls the optional background color of the data table header row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-border-color",
              "docs": "(<color>) Controls the border color beneath the data table header row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-border-style",
              "docs": "(<custom-ident>) Controls the border style beneath the data table header row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-border-width",
              "docs": "(<length>+) Controls the border width beneath the data table header row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-content-gap",
              "docs": "(<length-percentage>) Controls the gap between header label and sort indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-font-size",
              "docs": "(<length-percentage>) Controls the font size of data table header cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-font-weight",
              "docs": "(<number>) Controls the font weight of data table header cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-sortable-icon-size",
              "docs": "(<length>) Controls the size of the sort-indicator icon in sortable headers.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-action-icon-size",
              "docs": "(<length>) Controls the size of expandable-row and dropdown action icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-header-sorted-font-weight",
              "docs": "(<number>) Controls the font weight applied to a sorted header column.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-sticky-header-background",
              "docs": "(<color>) Controls the background color of the data table header when sticky.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-sticky-header-top?",
              "docs": "(<length-percentage>) Controls the optional top offset of the sticky header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-border-color",
              "docs": "(<color>) Controls the border color between data table rows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-border-style",
              "docs": "(<custom-ident>) Controls the border style between data table rows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-border-width",
              "docs": "(<length>+) Controls the border width between data table rows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-even-background",
              "docs": "(<color>) Controls the background color of even-numbered rows when striped.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-odd-background?",
              "docs": "(<color>) Controls the optional background color of odd-numbered rows when striped.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-column-border-color",
              "docs": "(<color>) Controls the border color between data table columns when bordered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-column-border-style",
              "docs": "(<custom-ident>) Controls the border style between data table columns when bordered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-column-border-width",
              "docs": "(<length>+) Controls the border width between data table columns when bordered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-clickable-row-hover-background",
              "docs": "(<color>) Controls the background color of clickable rows on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-selected-row-background",
              "docs": "(<color>) Controls the background color of selected rows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expandable-row-hover-background",
              "docs": "(<color>) Controls the background color of expandable rows on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expandable-row-even-hover-background",
              "docs": "(<color>) Controls the background color of even-numbered expandable rows on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expandable-row-odd-hover-background",
              "docs": "(<color>) Controls the background color of odd-numbered expandable rows on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expanded-row-background",
              "docs": "(<color>) Controls the background color of an expanded row's content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expanded-row-even-background",
              "docs": "(<color>) Controls the background color of an even-numbered expanded row's content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expanded-row-odd-background?",
              "docs": "(<color>) Controls the optional background color of an odd-numbered expanded row's content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-loading-row-background",
              "docs": "(<color>) Controls the background color of the loading and empty-state rows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-select-column-width",
              "docs": "(<length>) Controls the width of the select checkbox column.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-dropdown-column-width",
              "docs": "(<length>) Controls the width of the row-actions dropdown column.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-dropdown-column-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the row-actions dropdown column cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expandable-row-control-column-width",
              "docs": "(<length>) Controls the width of the expandable-row toggle column.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-expandable-row-control-column-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the expandable-row toggle column cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-clickable-column-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of clickable-row toggle column cells.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-status-column-width",
              "docs": "(<length>) Controls the width of the row status icon column. Default: 36px.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-status-icon-size",
              "docs": "(<length>) Controls the size of the status icon within the status column. Default: 16px.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-width",
              "docs": "(<length>) Controls the width of the row status accent bar. Default: 5px.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-radius",
              "docs": "(*) Controls the border-radius of the row status accent bar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-info-color",
              "docs": "(<color>) Controls the color of the 'info' row status accent bar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-alert-color",
              "docs": "(<color>) Controls the color of the 'alert' row status accent bar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-error-color",
              "docs": "(<color>) Controls the color of the 'error' row status accent bar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-warning-color",
              "docs": "(<color>) Controls the color of the 'warning' row status accent bar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-data-table-row-status-border-success-color",
              "docs": "(<color>) Controls the color of the 'success' row status accent bar.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Data Table"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying large datasets with sorting, filtering, and selecting."
              },
              {
                "name": "slot",
                "text": "row-<id>-cell-<key> - A slot for overriding the content of any cell in any row of the table with custom content."
              },
              {
                "name": "slot",
                "text": "header-cell-<key> - A slot for the content of any cell in the header of the table."
              },
              {
                "name": "slot",
                "text": "row-<id>-dropdown - A slot to provide a [Dropdown](https://tecton.q2developer.com/design-system/q2-dropdown/) for a row."
              },
              {
                "name": "slot",
                "text": "row-<id>-expandable-content - A slot that makes the row expandable and displays the provided content."
              },
              {
                "name": "slot",
                "text": "empty-table - An optional slot to display custom content when the table is empty."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-data-table/q2-data-table.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "theme",
            "label",
            "aria-label",
            "value",
            "status",
            "size",
            "key",
            "type",
            "colSpan",
            "name",
            "style",
            "hide-label",
            "onChange",
            "checked",
            "indeterminate",
            "disabled",
            "test-id",
            "id",
            "onClick",
            "inline",
            "tabIndex",
            "intent",
            "ariaExpanded",
            "ariaControls",
            "ariaLabel",
            "hidden",
            "aria-hidden",
            "headers"
          ],
          "htmlTagNames": [
            "div",
            "q2-tag",
            "q2-badge",
            "table",
            "caption",
            "q2-icon",
            "code",
            "tbody",
            "tr",
            "td",
            "slot",
            "p",
            "colgroup",
            "col",
            "th",
            "q2-checkbox",
            "span",
            "thead",
            "q2-btn",
            "q2-loading"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-tag",
            "q2-badge",
            "q2-icon",
            "q2-checkbox",
            "q2-btn",
            "q2-loading"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-badge",
            "q2-btn",
            "q2-checkbox",
            "q2-icon",
            "q2-loading",
            "q2-option-list",
            "q2-popover",
            "q2-tag"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-tag",
            "q2-badge",
            "q2-icon",
            "q2-checkbox",
            "q2-btn",
            "q2-loading"
          ]
        }
      ],
      "entryKey": "q2-data-table.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-detail",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Detail",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'left'",
              "complexType": {
                "original": "'left' | 'right' | 'center'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'left'"
                  }
                ],
                "text": "Defines the alignment of the label and description when stacked, or when only the label or description is present."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "alignment",
              "type": "string",
              "attribute": "alignment",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right' | 'center'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'align' instead"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the text content of the description."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the text content of the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "null | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'",
                "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xsmall\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the text size of the label and description.\n\nIf not specified, the detail will display as inline text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "stacked",
              "type": "boolean",
              "attribute": "stacked",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines if the description should appear beneath the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "alignment",
              "methodName": "alignmentHandler"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-DETAIL",
              "styleStr": null,
              "styleIdentifier": "Q2DetailStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-detail/q2-detail.scss",
                  "relativePath": "q2-detail.scss",
                  "originalComponentPath": "q2-detail.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-detail-gap-column",
              "docs": "(<length-percentage>) Controls the column gap between the detail label and description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-gap-row?",
              "docs": "(<length-percentage>) Controls the optional row gap between detail items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-vertical-alignment",
              "docs": "(<custom-ident>) Controls the vertical alignment of detail items in horizontal layouts.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-icon-size",
              "docs": "(<length>) Controls the size of icons slotted into the detail label area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-font-color",
              "docs": "(<color>) Controls the text color of the detail label in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-font-color",
              "docs": "(<color>) Controls the text color of the detail description in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-gap-column",
              "docs": "(<length-percentage>) Controls the column gap between elements within the detail description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-inline-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail label in the inline size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-inline-font-weight",
              "docs": "(<number>) Controls the font weight of the detail label in the inline size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-inline-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail description in the inline size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-xsmall-font-color",
              "docs": "(<color>) Controls the text color of the detail label in the xsmall size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-xsmall-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail label in the xsmall size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-xsmall-font-weight",
              "docs": "(<number>) Controls the font weight of the detail label in the xsmall size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-small-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail label in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-small-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail label in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-small-font-weight",
              "docs": "(<number>) Controls the font weight of the detail label in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-medium-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail label in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-medium-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail label in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-medium-font-weight",
              "docs": "(<number>) Controls the font weight of the detail label in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-large-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail label in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-large-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail label in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-large-font-weight",
              "docs": "(<number>) Controls the font weight of the detail label in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-xlarge-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail label in the xlarge size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-xlarge-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail label in the xlarge size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-label-xlarge-font-weight",
              "docs": "(<number>) Controls the font weight of the detail label in the xlarge size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-xsmall-font-color",
              "docs": "(<color>) Controls the text color of the detail description in the xsmall size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-xsmall-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail description in the xsmall size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-xsmall-font-weight",
              "docs": "(<number>) Controls the font weight of the detail description in the xsmall size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-small-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail description in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-small-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail description in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-small-font-weight",
              "docs": "(<number>) Controls the font weight of the detail description in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-medium-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail description in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-medium-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail description in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-medium-font-weight",
              "docs": "(<number>) Controls the font weight of the detail description in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-large-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail description in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-large-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail description in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-large-font-weight",
              "docs": "(<number>) Controls the font weight of the detail description in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-xlarge-font-color?",
              "docs": "(<color>) Controls the optional text color of the detail description in the xlarge size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-xlarge-font-size",
              "docs": "(<length-percentage>) Controls the font size of the detail description in the xlarge size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-detail-description-xlarge-font-weight",
              "docs": "(<number>) Controls the font weight of the detail description in the xlarge size.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Detail"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying label-value pairs like account details or miscellaneous info."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-detail/q2-detail.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-detail/q2-detail.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "aria-describedby",
            "name",
            "id"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-detail.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-dropdown",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Dropdown",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "additionalContext",
              "type": "string",
              "attribute": "additional-context",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "alignment",
              "type": "string",
              "attribute": "alignment",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'popoverAlignment' instead"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "block",
              "type": "boolean",
              "attribute": "block",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "If `true`, component expands to fill the width of its parent element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "context",
              "type": "string",
              "attribute": "context",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when using `<q2-dropdown>` for outlets."
                  }
                ],
                "text": "Tells the outlet what the type of object being passed in as contextValue.\nThis will allow for the hierarchy resolution logic to work to determine if an option should or should not be shown."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "contextValue",
              "type": "string",
              "attribute": "context-value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when using `<q2-dropdown>` for outlets."
                  }
                ],
                "text": "Passes important information to the outlet (e.g., pass an account id that your platform can use to look up what module to show for that account type)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates the menu cannot be focused or interacted with."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fullWidth",
              "type": "boolean",
              "attribute": "full-width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "If `true`, it takes up 100% width."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hoist",
              "type": "boolean",
              "attribute": "hoist",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "!!window.Tecton?.useActionSheets",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "!!window.Tecton?.useActionSheets"
                  }
                ],
                "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "icon",
              "type": "string",
              "attribute": "icon",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The icon that will render within the toggle button. You may use any of the `q2-icon` types."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "This property should not be used if the `type` is `icon`."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that appears within the button."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when using `<q2-dropdown>` for outlets."
                  }
                ],
                "text": "Identifies this menu as an outlet. Used in conjunction with context and, optionally, `contextValue`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "open",
              "type": "boolean",
              "attribute": "open",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "readonly"
                  }
                ],
                "text": "Determine whether the popover is open or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optionListLabel",
              "type": "string",
              "attribute": "option-list-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the label that is applied to the option list for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popDirection",
              "type": "string",
              "attribute": "pop-direction",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverAlignment",
              "type": "string",
              "attribute": "popover-alignment",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'left'",
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'left'"
                  }
                ],
                "text": "Aligns the popover dropdown to the left or right side of the input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverDirection",
              "type": "string",
              "attribute": "popover-direction",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the direction of the popover dropdown when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMaxHeight",
              "type": "number",
              "attribute": "popover-max-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMinHeight",
              "type": "number",
              "attribute": "popover-min-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMode",
              "type": "string",
              "attribute": "popover-mode",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "null",
              "complexType": {
                "original": "'legacy'",
                "resolved": "\"legacy\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This is a temporary solution to work around styling issues related to using fixed positioning for the popover\nwhen nested inside of elements with transform properties. This will be removed once the popover API is available\nfor use."
                  },
                  {
                    "name": "default",
                    "text": "null"
                  }
                ],
                "text": "Determines the display mode of the popover.\n\nProviding a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "resolvedType",
              "type": "string",
              "attribute": "resolved-type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when using `<q2-dropdown>` for outlets."
                  }
                ],
                "text": "Use with `context` to tell the outlet where it appears. It will be matched with the appropriately configured module for that context."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'icon'",
              "complexType": {
                "original": "'icon' | 'fab' | 'custom' | 'primary' | 'secondary' | 'neutral'",
                "resolved": "\"custom\" | \"fab\" | \"icon\" | \"neutral\" | \"primary\" | \"secondary\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Type must be \"custom\" to use the custom button slot."
                  },
                  {
                    "name": "default",
                    "text": "'icon'"
                  }
                ],
                "text": "The type of button used as the menu toggle."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "_getSlotsHtml",
              "docs": {
                "text": "Gets the outerHTML for top/bottom slotted elements.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<{ slot: string; html: string; }[]>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<{ slot: string; html: string; }[]>"
              },
              "internal": false
            },
            {
              "name": "closePopover",
              "docs": {
                "text": "Emulates clicking the dropdown `<button>` to hide the popover if it is showing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openPopover",
              "docs": {
                "text": "Emulates clicking the dropdown `<button>` to show the popover if it is hidden.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "selectItem",
              "docs": {
                "text": "Emulates opening the dropdown and selecting a\n[Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/) or\n[Option](https://tecton.q2developer.com/design-system/q2-option/).\n\nIf the dropdown is closed, this will open it before selecting the item.\n\nIf the value does not match any item's value, or the dropdown is disabled, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2DropdownItemElement": {
                    "location": "global",
                    "id": "global::HTMLQ2DropdownItemElement"
                  },
                  "HTMLQ2OptionElement": {
                    "location": "global",
                    "id": "global::HTMLQ2OptionElement"
                  },
                  "HTMLButtonElement": {
                    "location": "global",
                    "id": "global::HTMLButtonElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "selectRemoveItem",
              "docs": {
                "text": "Emulates opening the dropdown and selecting a\n[Dropdown Item](https://tecton.q2developer.com/design-system/q2-dropdown-item/)'s *remove* button.\n\nThis method only applies to the deprecated `q2-dropdown-item` element, since\n`q2-option` (its replacement) does not support the `removable` attribute.\n\nIf the dropdown is closed, this will open it before selecting the remove item button.\n\nIf the dropdown is disabled, this method does nothing.\n\nRequirements for this method to work properly:\n- Provided `value` matches the item's `value` property\n- Item has the `removable` property enabled",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2DropdownItemElement": {
                    "location": "global",
                    "id": "global::HTMLQ2DropdownItemElement"
                  },
                  "HTMLButtonElement": {
                    "location": "global",
                    "id": "global::HTMLButtonElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "popoverStateChanged",
              "method": "popoverStateChangeHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [],
          "watchers": [
            {
              "propName": "additionalContext",
              "methodName": "additionalContextHandler"
            },
            {
              "propName": "alignment",
              "methodName": "alignmentHandler"
            },
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelHandler"
            },
            {
              "propName": "context",
              "methodName": "contextHandler"
            },
            {
              "propName": "contextValue",
              "methodName": "contextValueHandler"
            },
            {
              "propName": "name",
              "methodName": "nameHandler"
            },
            {
              "propName": "popDirection",
              "methodName": "popDirectionHandler"
            },
            {
              "propName": "resolvedType",
              "methodName": "resolvedTypeHandler"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-DROPDOWN",
              "styleStr": null,
              "styleIdentifier": "Q2DropdownStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-dropdown/q2-dropdown.scss",
                  "relativePath": "q2-dropdown.scss",
                  "originalComponentPath": "q2-dropdown.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-dropdown-icon-size",
              "docs": "(<length>) Controls the size of the dropdown icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-content-padding?",
              "docs": "(<length-percentage>+) Controls the optional padding around the dropdown popover content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-popover-top-slot-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the dropdown's popover-top slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-popover-bottom-slot-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the dropdown's popover-bottom slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-slot-border-top?",
              "docs": "(*) Controls the optional border shorthand rendered below the dropdown's popover-top slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-slot-border-bottom?",
              "docs": "(*) Controls the optional border shorthand rendered above the dropdown's popover-bottom slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-width?",
              "docs": "(<length-percentage>) Controls the optional minimum width of the dropdown popover.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Dropdown"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for menus of contextual actions triggered by a button click."
              },
              {
                "name": "slot",
                "text": "control - An optional slot to provide custom content as the clickable interface. The Dropdown **must** have `type=\"custom\"` to use the control slot."
              },
              {
                "name": "slot",
                "text": "popover-top - An optional slot to display custom content persistently at the top of the q2-dropdown."
              },
              {
                "name": "slot",
                "text": "popover-bottom - An optional slot to display custom content persistently at the bottom of the q2-dropdown."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-dropdown/q2-dropdown.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-dropdown/q2-dropdown.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "onChange",
            "test-id",
            "tabIndex",
            "ref",
            "onClick",
            "onKeyDown",
            "fab",
            "intent",
            "onFocusout",
            "active",
            "disabled",
            "ariaExpanded",
            "label",
            "hideLabel",
            "ariaHasPopup",
            "block",
            "description",
            "name",
            "type",
            "controlElement",
            "open",
            "max-height",
            "minHeight",
            "direction",
            "align",
            "mode",
            "onPopoverState",
            "id",
            "no-select"
          ],
          "htmlTagNames": [
            "q2-dropdown-item",
            "click-elsewhere",
            "q2-btn",
            "div",
            "slot",
            "span",
            "q2-icon",
            "q2-popover",
            "q2-option-list"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-dropdown-item",
            "click-elsewhere",
            "q2-btn",
            "q2-icon",
            "q2-popover",
            "q2-option-list"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-btn",
            "q2-dropdown-item",
            "q2-icon",
            "q2-loading",
            "q2-option-list",
            "q2-popover"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-dropdown-item",
            "click-elsewhere",
            "q2-btn",
            "q2-icon",
            "q2-popover",
            "q2-option-list"
          ]
        }
      ],
      "entryKey": "q2-dropdown.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-editable-field",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2EditableField",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "block",
              "type": "boolean",
              "attribute": "block",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "If `true`, component expands to fill the width of its parent element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the edit button and field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "editing",
              "type": "boolean",
              "attribute": "editing",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls the edit state of the element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errors",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the `errors` applied to the `q2-input` element.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "formatModifier",
              "type": "string",
              "attribute": "format-modifier",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when `type=\"currency\"`.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
                  }
                ],
                "text": "Determines the `formatModifier` applied to the `q2-input` element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Hide's the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hints",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the `hints` applied to the `q2-input` element.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "''",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "''"
                  }
                ],
                "text": "The visible descriptor for the element.\nServes as the input label while in the edit state and as a decorative label for the read state when `persistentLabel` is `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxlength",
              "type": "number",
              "attribute": "maxlength",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the `maxLength` applied to the `q2-input`.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for more information."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "persistentLabel",
              "type": "boolean",
              "attribute": "persistent-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays the provided label in the read state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "truncated",
              "type": "boolean",
              "attribute": "truncated",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Shortens long values with ellipses instead of splitting into multiple lines."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Input['type']",
                "resolved": "\"alpha\" | \"alphanumeric\" | \"cif\" | \"clabe\" | \"credit-card\" | \"currency\" | \"date\" | \"email\" | \"iban\" | \"number\" | \"numeric\" | \"password\" | \"percentage\" | \"phone\" | \"postal\" | \"routingnumber\" | \"search\" | \"ssn\" | \"swift\" | \"tel\" | \"text\" | \"url\"",
                "references": {
                  "Q2Input": {
                    "location": "import",
                    "path": "../q2-input/q2-input",
                    "id": "src/components/q2-input/q2-input.tsx::Q2Input",
                    "referenceLocation": "Q2Input"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Determines the `type` applied to the `q2-input` element.\n\nSee [q2-input](https://tecton.q2developer.com/design-system/q2-input/) for all `type` values."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "''",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "''"
                  }
                ],
                "text": "Serves as the visible text while in the read state, and the default value of the input while in the edit state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "formattedValue"
            }
          ],
          "methods": [
            {
              "name": "clickCancel",
              "docs": {
                "text": "Emulates clicking the cancel button, which will hide the `<q2-input>` field.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "clickEdit",
              "docs": {
                "text": "Emulates clicking the edit button, which will display the `<q2-input>` field.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "clickSave",
              "docs": {
                "text": "Emulates clicking the save button, saving value in the `<q2-input>` field, and emitting a `change` event.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates clicking the edit button, and setting the value of the `<q2-input>` field.\n\nIf the `clickSave` argument is `true` (default), the save button will be clicked after the value is set, and a\\\n`change` event will be emitted.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string, options?: { clickSave?: boolean; }) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  },
                  {
                    "name": "options",
                    "type": "{ clickSave?: boolean; }",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "tctFormatted",
              "method": "inputFormatted",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": " If you are utilizing events to provide input validation, it is recommended you use the `input` event, not the `change` event."
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the 'Edit', 'Cancel', or 'Save' buttons are clicked.\n\nThe event detail will not include a `value` or `formattedValue` if the event name is 'edit' or 'cancel'.\n\nCall `event.preventDefault()` to prevent the default behavior (the component's internal `editing` and `value` updates)."
              },
              "complexType": {
                "original": "{\n        editing: boolean;\n        name: 'edit' | 'cancel' | 'save';\n        value?: string;\n        formattedValue?: string;\n    }",
                "resolved": "{ editing: boolean; name: \"cancel\" | \"edit\" | \"save\"; value?: string; formattedValue?: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "input",
              "method": "input",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctInput' instead"
                  }
                ],
                "text": "Emitted when the user updates the `q2-input` element in the editing state."
              },
              "complexType": {
                "original": "{ formattedValue: string; value: string }",
                "resolved": "{ formattedValue: string; value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "If you are utilizing events to provide input validation, it is recommended you use the `input` event, not the `change` event."
                  }
                ],
                "text": "Emitted when the 'Edit', 'Cancel', or 'Save' buttons are clicked.\n\nThe event detail will not include a `value` or `formattedValue` if the event name is 'edit' or 'cancel'.\n\nCall `event.preventDefault()` to prevent the default behavior (the component's internal `editing` and `value` updates)."
              },
              "complexType": {
                "original": "{\n        editing: boolean;\n        name: 'edit' | 'cancel' | 'save';\n        value?: string;\n        formattedValue?: string;\n    }",
                "resolved": "{ editing: boolean; name: \"cancel\" | \"edit\" | \"save\"; value?: string; formattedValue?: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctInput",
              "method": "tctInput",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the user updates the `q2-input` element in the editing state."
              },
              "complexType": {
                "original": "{ formattedValue: string; value: string }",
                "resolved": "{ formattedValue: string; value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "editing",
              "methodName": "observesEditing"
            },
            {
              "propName": "errors",
              "methodName": "errorsObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-EDITABLE-FIELD",
              "styleStr": null,
              "styleIdentifier": "Q2EditableFieldStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-editable-field/q2-editable-field.scss",
                  "relativePath": "q2-editable-field.scss",
                  "originalComponentPath": "q2-editable-field.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-editable-field-icon-size",
              "docs": "(<length>) Controls the size of edit, confirm, and cancel icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-editable-field-btn-hover-background",
              "docs": "(<color>) Controls the background color of the editable field action buttons (begin, save, cancel) on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-editable-field-btn-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of the editable field action button icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-editable-field-btn-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of the editable field action button icons.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Editable Field"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for inline editing of data that is normally displayed as read-only."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-editable-field/q2-editable-field.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-editable-field/q2-editable-field.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "hidden",
            "ref",
            "label",
            "hideLabel",
            "value",
            "hints",
            "errors",
            "type",
            "disabled",
            "_updateValueOnInput",
            "formatModifier",
            "maxlength",
            "test-id",
            "onChange",
            "onInput",
            "onTctInput",
            "onTctChange",
            "onKeyDown",
            "onClick",
            "hide-label",
            "onTctClick",
            "key"
          ],
          "htmlTagNames": [
            "div",
            "q2-input",
            "q2-btn",
            "q2-icon",
            "dl",
            "dt",
            "dd",
            "span"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-input",
            "q2-btn",
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-input",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-input",
            "q2-btn",
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-editable-field.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-example",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Example",
          "elementRef": "el",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "content",
              "type": "string",
              "attribute": "content",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The content of the menu."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "If `true`, the user cannot interact with the menu."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'overlay'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'overlay'"
                  }
                ],
                "text": "Specifies the menu type."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "isValidated"
            },
            {
              "name": "status"
            }
          ],
          "methods": [
            {
              "name": "close",
              "docs": {
                "text": "Closes the menu.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openMenu",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<boolean>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<boolean>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "click",
              "method": "onClick",
              "capture": false,
              "passive": false
            },
            {
              "name": "drag",
              "method": "onDrag",
              "capture": false,
              "passive": true
            }
          ],
          "events": [
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "Event",
                    "text": "() decorator. Start each event name with \"tct\" so they do not\nconflict with native events. Document each using JSDoc comments and\nlist in alphabetical order."
                  }
                ],
                "text": "5. Events\n   Custom events dispatched from the component that are defined via the"
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctDrag",
              "method": "tctDrag",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": ""
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctOpen",
              "method": "tctOpen",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": ""
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "content",
              "methodName": "contentChanged"
            },
            {
              "propName": "status",
              "methodName": "statusChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-EXAMPLE",
              "styleStr": null,
              "styleIdentifier": "Q2ExampleStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-example/q2-example.scss",
                  "relativePath": "q2-example.scss",
                  "originalComponentPath": "q2-example.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-example/q2-example.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-example/q2-example.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": true,
          "hasComponentWillUpdateFn": true,
          "hasComponentDidUpdateFn": true,
          "hasComponentWillRenderFn": true,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": true,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": false,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "onClick",
            "role",
            "key",
            "attribute"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-example.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-file-picker",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2FilePicker",
          "elementRef": "el",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "buttonSize",
              "type": "string",
              "attribute": "button-size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'medium'",
              "complexType": {
                "original": "'none' | 'small' | 'medium' | 'large'",
                "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'medium'"
                  }
                ],
                "text": "The size of the browse button."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "A description of the field. This is announced by screen readers when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the file picker, preventing user interaction."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ellipsizeFileName",
              "type": "boolean",
              "attribute": "ellipsize-file-name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "When `false`, the file name renders as-is and may wrap. Otherwise, long\nfile names are middle-ellipsized so the beginning and end of the name\nremain visible."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fileTypes",
              "type": "string",
              "attribute": "file-types",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "string[] | string",
                "resolved": "string | string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "Allowed file types based on extensions (e.g., ['jpg', 'png', 'pdf'] or\n'jpg, png, pdf'). When using the attribute, provide a comma-separated\nstring (e.g., 'jpg, png, pdf'). Arrays can only be set programmatically\nvia JavaScript."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The label for the field. This is announced by screen readers when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxFiles",
              "type": "number",
              "attribute": "max-files",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "Infinity",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "Infinity"
                  }
                ],
                "text": "The maximum number of files that can be selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxFileSize",
              "type": "number",
              "attribute": "max-file-size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "Infinity",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "Infinity"
                  }
                ],
                "text": "The maximum size (in bytes) of any file that can be selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showGradient",
              "type": "boolean",
              "attribute": "show-gradient",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Shows a gradient at the bottom of the file list when more files are available below the visible area."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "status",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "ValidFileStatus[]",
                "resolved": "ValidFileStatus[]",
                "references": {
                  "ValidFileStatus": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::ValidFileStatus",
                    "referenceLocation": "ValidFileStatus"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "An array of `ValidFileStatus` objects representing the upload status of\nfiles. Each `ValidFileStatus` object contains the following properties:\n- `name`: The file name.\n- `status`: The upload status, either `\"failed\"` or `\"uploaded\"`.\n- `message`: (Optional) A custom status message, used only when `status`\n  is `\"failed\"`. This allows developers to provide more detail about\n  upload failures while ensuring all other file status messages remain\n  consistent with approved design/UX standards. Custom failure messages\n  are limited to a single line."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "{ invalidFiles: [], validFiles: [] }",
              "complexType": {
                "original": "FilesObject",
                "resolved": "{ invalidFiles: InvalidFileStatus[]; validFiles: File[]; }",
                "references": {
                  "FilesObject": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::FilesObject",
                    "referenceLocation": "FilesObject"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "readonly"
                  },
                  {
                    "name": "default",
                    "text": "{ invalidFiles: [], validFiles: [] }"
                  }
                ],
                "text": "Returns an object representing the selected files with two properties:\n- `invalidFiles`: An array of `InvalidFileStatus` objects representing\n  files that failed validation.\n- `validFiles`: An array of `File` objects representing files that passed\n  validation.\n\nEach `InvalidFileStatus` object includes the following properties:\n- `file`: The `File` object.\n- `status`: The validation status, which can be `\"invalid-type\"` (invalid file\n  type), `\"over-size-limit\"` (file exceeds the size limit), or\n  `\"over-max-files-limit\"` (total exceeds the max files limit)."
              },
              "internal": false,
              "getter": true,
              "setter": true
            },
            {
              "name": "variant",
              "type": "string",
              "attribute": "variant",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'browse'",
              "complexType": {
                "original": "'browse' | 'browse-drop'",
                "resolved": "\"browse\" | \"browse-drop\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'browse'"
                  }
                ],
                "text": "Determines if the file picker is a browse button or a drop zone with a\nbrowse link."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "areFilesUploading"
            },
            {
              "name": "displayedFiles"
            },
            {
              "name": "isDropZoneHighlighted"
            },
            {
              "name": "refreshCounter"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Custom event dispatched when the user selects files. The event detail\ncontains an object representing the selected files with two\nproperties:\n- `invalidFiles`: An array of `InvalidFileStatus` objects representing\n  files that failed validation.\n- `validFiles`: An array of `File` objects representing files that passed\n  validation.\n\nEach `InvalidFileStatus` object includes the following properties:\n- `file`: The `File` object.\n- `status`: The validation status, which can be `\"invalid-type\"` (invalid file\n  type), `\"over-size-limit\"` (file exceeds the size limit), or\n  `\"over-max-files-limit\"` (total exceeds the max files limit)."
              },
              "complexType": {
                "original": "FilesObject",
                "resolved": "{ invalidFiles: InvalidFileStatus[]; validFiles: File[]; }",
                "references": {
                  "FilesObject": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::FilesObject",
                    "referenceLocation": "FilesObject"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "showGradient",
              "methodName": "updateGradientVisibility"
            },
            {
              "propName": "status",
              "methodName": "updateFileList"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-FILE-PICKER",
              "styleStr": null,
              "styleIdentifier": "Q2FilePickerStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.scss",
                  "relativePath": "q2-file-picker.scss",
                  "originalComponentPath": "q2-file-picker.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-file-picker-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the file picker host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the file picker host when --tct-file-picker-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the file picker host when --tct-file-picker-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-section-gap",
              "docs": "(<length-percentage>) Controls the gap between items in the file list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-heading-gap",
              "docs": "(<length-percentage>) Controls the gap between heading elements.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-file-item-gap",
              "docs": "(<length-percentage>) Controls the gap between file picker rows.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-file-item-icon-size",
              "docs": "(<length>) Controls the size of the success/error icons on file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-file-item-loading-size",
              "docs": "(<length>) Controls the font size driving the loading spinner inside file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-file-item-loading-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the loading spinner inside file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-label-color",
              "docs": "(<color>) Controls the text color of the file picker label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the file picker label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-label-font-weight",
              "docs": "(<number>) Controls the font weight of the file picker label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-label-text-align",
              "docs": "(<custom-ident>) Controls the text alignment of the file picker label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-description-text-color",
              "docs": "(<color>) Controls the text color of the file picker description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-description-font-size",
              "docs": "(<length-percentage>) Controls the font size of the file picker description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-description-font-weight",
              "docs": "(<number>) Controls the font weight of the file picker description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-description-text-align",
              "docs": "(<custom-ident>) Controls the text alignment of the file picker description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-browse-link-font-weight",
              "docs": "(<number>) Controls the font weight of the \"browse\" link inside the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-background",
              "docs": "(<color>) Controls the background color of the drop zone in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-border-color",
              "docs": "(<color>) Controls the border color of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-border-style",
              "docs": "(<custom-ident>) Controls the border style of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-border-width",
              "docs": "(<length>+) Controls the border width of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-color",
              "docs": "(<color>) Controls the text color of inactive drop zone elements.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-text-color",
              "docs": "(<color>) Controls the text color of the active drop zone message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-font-size",
              "docs": "(<length-percentage>) Controls the font size of drop zone text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-font-weight",
              "docs": "(<number>) Controls the font weight of drop zone text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-text-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the active drop zone message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-icon-color",
              "docs": "(<color>) Controls the stroke color of the drop zone icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-height",
              "docs": "(<length>) Controls the height of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-width",
              "docs": "(<length-percentage>) Controls the width of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-min-width",
              "docs": "(<length-percentage>) Controls the minimum width of the drop zone.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-highlighted-background",
              "docs": "(<color>) Controls the background color of the drop zone when actively dragged over.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-highlighted-border",
              "docs": "(<color>) Controls the border color of the drop zone when actively dragged over.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-drop-zone-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the drop zone when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-border-color",
              "docs": "(<color>) Controls the border color of file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-border-width",
              "docs": "(<length>) Controls the border width of file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of file items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-font-size",
              "docs": "(<length-percentage>) Controls the font size of file item details (body text).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-font-weight",
              "docs": "(<number>) Controls the font weight of file item details (body text).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-name-color",
              "docs": "(<color>) Controls the text color of the file name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-name-font-size",
              "docs": "(<length-percentage>) Controls the font size of the file name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-name-font-weight",
              "docs": "(<number>) Controls the font weight of the file name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-close-btn-color",
              "docs": "(<color>) Controls the color of the file item close (remove) button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-close-btn-hover-color",
              "docs": "(<color>) Controls the color of the file item close button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-close-btn-active-color",
              "docs": "(<color>) Controls the color of the file item close button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-close-btn-hover-focus-ring-color",
              "docs": "(<color>) Controls the focus ring color of the file item close button on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-close-btn-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the file item close button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-item-close-btn-size",
              "docs": "(<length>) Controls the width and height of the file item close button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-list-max-height",
              "docs": "(<length-percentage>) Controls the maximum height of the file list container before scrolling.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-list-gradient-height",
              "docs": "(<length-percentage>) Controls the height of the fade indicating more files are available below the visible list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-scrollbar-color",
              "docs": "(<color>) Controls the scrollbar thumb color of the file list container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-size",
              "docs": "(<length>) Controls the font size driving the picker-level loading spinner.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-file-color",
              "docs": "(<color>) Controls the text color of the loading-file message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-file-font-size",
              "docs": "(<length-percentage>) Controls the font size of the loading-file message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-file-font-weight",
              "docs": "(<number>) Controls the font weight of the loading-file message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-message-color",
              "docs": "(<color>) Controls the text color of the loading status message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-message-font-size",
              "docs": "(<length-percentage>) Controls the font size of the loading status message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-message-font-weight",
              "docs": "(<number>) Controls the font weight of the loading status message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-message-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the loading status message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-file-picker-loading-message-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the loading status message.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "File Picker"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for uploading files via browse dialog or drag-and-drop."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              },
              {
                "name": "slot",
                "text": "description - An optional slot to display a custom description."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-file-picker/q2-file-picker.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": false,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "htmlFor",
            "test-id",
            "name",
            "id",
            "onDragEnter",
            "onDragLeave",
            "onDragOver",
            "onDrop",
            "ref",
            "type",
            "label",
            "onTctClick",
            "variant",
            "disabled",
            "href",
            "block",
            "intent",
            "loading",
            "onClick",
            "size",
            "aria-describedby",
            "onChange",
            "multiple",
            "tabIndex",
            "onScroll",
            "key",
            "onAnimationEnd",
            "slot",
            "hide-from-screen-readers",
            "dir",
            "hide-label"
          ],
          "htmlTagNames": [
            "div",
            "label",
            "slot",
            "q2-loading",
            "p",
            "q2-icon",
            "q2-link",
            "q2-btn",
            "span",
            "input",
            "q2-list",
            "q2-item",
            "bdo"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-loading",
            "q2-icon",
            "q2-link",
            "q2-btn",
            "q2-list",
            "q2-item"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-icon",
            "q2-item",
            "q2-link",
            "q2-list",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-loading",
            "q2-icon",
            "q2-link",
            "q2-btn",
            "q2-list",
            "q2-item"
          ]
        }
      ],
      "entryKey": "q2-file-picker.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-form",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Form",
          "elementRef": null,
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "spacing",
              "type": "string",
              "attribute": "spacing",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'normal'",
              "complexType": {
                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'normal'"
                  }
                ],
                "text": "Changes the vertical spacing of the form-fields contained within the component's slot"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-FORM",
              "styleStr": null,
              "styleIdentifier": "Q2FormStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.scss",
                  "relativePath": "q2-form.scss",
                  "originalComponentPath": "q2-form.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-form-spacing-none",
              "docs": "(<length-percentage>+) Controls the margin applied to form input children when spacing is none.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-form-spacing-compact",
              "docs": "(<length-percentage>+) Controls the margin applied to form input children when spacing is compact.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-form-spacing-normal",
              "docs": "(<length-percentage>+) Controls the margin applied to form input children when spacing is normal.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-form-spacing-comfortable",
              "docs": "(<length-percentage>+) Controls the margin applied to form input children when spacing is comfortable.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Form"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for wrapping form fields with consistent spacing."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-form/q2-form.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": false,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-form.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-formatted-text",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2FormattedText",
          "elementRef": null,
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "format",
              "type": "string",
              "attribute": "format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'decimal'",
              "complexType": {
                "original": "'decimal' | 'percent'",
                "resolved": "\"decimal\" | \"percent\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'decimal'"
                  }
                ],
                "text": "The format style for the number.\n- `decimal`: Standard number formatting, locale-aware (default).\n- `percent`: Percentage formatting, locale-aware."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "locale",
              "type": "string",
              "attribute": "locale",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "document.documentElement.lang || 'en-US'",
              "complexType": {
                "original": "string | string[]",
                "resolved": "string | string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "document.documentElement.lang || 'en-US'"
                  }
                ],
                "text": "Formats to the language provided. Accepts multiple locales in an array as sequential fallbacks."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maximumFractionDigits",
              "type": "number",
              "attribute": "maximum-fraction-digits",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "2",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "2"
                  }
                ],
                "text": "The maximum number of fraction digits to use."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minimumFractionDigits",
              "type": "number",
              "attribute": "minimum-fraction-digits",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "2",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "2"
                  }
                ],
                "text": "The minimum number of fraction digits to use."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minimumIntegerDigits",
              "type": "number",
              "attribute": "minimum-integer-digits",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "1",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "1"
                  }
                ],
                "text": "The minimum number of integer digits to use."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "signDisplay",
              "type": "string",
              "attribute": "sign-display",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "'never' | 'auto' | 'always' | 'exceptZero'",
                "resolved": "\"always\" | \"auto\" | \"exceptZero\" | \"never\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Determine how the positive or negative sign should display.\n\nBehavior:\n- `always`: Always display the sign.\n- `auto`: Sign displays for negative numbers only, including negative zero.\n- `exceptZero`: Sign displays for positive and negative numbers, but not zero.\n- `never`: Never display the sign."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'small' | 'medium' | 'large' | undefined",
                "resolved": "\"large\" | \"medium\" | \"small\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Applies styling based on the size provided. If no size is provided, it will display as inline text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "slotSize",
              "type": "string",
              "attribute": "slot-size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Inherited from q2-detail when slotted to match styling of q2-detail and q2-formatted-text texts."
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "number",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The value you want formatted."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "value",
              "methodName": "propsUpdated"
            },
            {
              "propName": "locale",
              "methodName": "propsUpdated"
            },
            {
              "propName": "size",
              "methodName": "propsUpdated"
            },
            {
              "propName": "slotSize",
              "methodName": "propsUpdated"
            },
            {
              "propName": "signDisplay",
              "methodName": "propsUpdated"
            },
            {
              "propName": "format",
              "methodName": "propsUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-FORMATTED-TEXT",
              "styleStr": null,
              "styleIdentifier": "Q2FormattedTextStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-formatted-text/q2-formatted-text.scss",
                  "relativePath": "q2-formatted-text.scss",
                  "originalComponentPath": "q2-formatted-text.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-formatted-text-color?",
              "docs": "(<color>) Controls the optional text color of the formatted text in its default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the formatted text in its default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the formatted text in its default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-small-color?",
              "docs": "(<color>) Controls the optional text color of the formatted text in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-small-font-size",
              "docs": "(<length-percentage>) Controls the font size of the formatted text in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-small-font-weight",
              "docs": "(<number>) Controls the font weight of the formatted text in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-medium-color?",
              "docs": "(<color>) Controls the optional text color of the formatted text in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-medium-font-size",
              "docs": "(<length-percentage>) Controls the font size of the formatted text in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-medium-font-weight",
              "docs": "(<number>) Controls the font weight of the formatted text in the medium size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-large-color?",
              "docs": "(<color>) Controls the optional text color of the formatted text in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-large-font-size",
              "docs": "(<length-percentage>) Controls the font size of the formatted text in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-formatted-text-large-font-weight",
              "docs": "(<number>) Controls the font weight of the formatted text in the large size.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Formatted Text"
              },
              {
                "name": "category",
                "text": "Text"
              },
              {
                "name": "summary",
                "text": "Use for displaying text with formatting like phone numbers, SSN, or dates."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-formatted-text/q2-formatted-text.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-formatted-text/q2-formatted-text.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "aria-label"
          ],
          "htmlTagNames": [
            "div",
            "span"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-formatted-text.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-grid",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Grid",
          "elementRef": "element",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'stretch'",
              "complexType": {
                "original": "TQ2GridAlignOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'stretch'"
                  }
                ],
                "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "columns",
              "type": "number",
              "attribute": "columns",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "12",
              "complexType": {
                "original": "TQ2GridColumnsOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridColumnsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "12"
                  }
                ],
                "text": "Sets the amount of columns to render within the grid at the baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "gap",
              "type": "string",
              "attribute": "gap",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'normal'",
              "complexType": {
                "original": "TQ2GridGapOptions",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {
                  "TQ2GridGapOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'normal'"
                  }
                ],
                "text": "Sets the gap size between rows and columns within the grid at the baseline viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "justify",
              "type": "string",
              "attribute": "justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'stretch'",
              "complexType": {
                "original": "TQ2GridJustifyOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'stretch'"
                  }
                ],
                "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track\nat the baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgAlign",
              "type": "string",
              "attribute": "lg-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAlignOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at the\n'LG' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgColumns",
              "type": "number",
              "attribute": "lg-columns",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridColumnsOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridColumnsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of columns to render within the grid at the 'LG' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgGap",
              "type": "string",
              "attribute": "lg-gap",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridGapOptions",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {
                  "TQ2GridGapOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the gap size between rows and columns within the grid at the 'LG' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgJustify",
              "type": "string",
              "attribute": "lg-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridJustifyOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'LG' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgRows",
              "type": "any",
              "attribute": "lg-rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridRowsOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridRowsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of rows to render within the grid at the 'LG' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdAlign",
              "type": "string",
              "attribute": "md-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAlignOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe 'MD' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdColumns",
              "type": "number",
              "attribute": "md-columns",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridColumnsOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridColumnsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of columns to render within the grid at the 'MD' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdGap",
              "type": "string",
              "attribute": "md-gap",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridGapOptions",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {
                  "TQ2GridGapOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the gap size between rows and columns within the grid at the 'MD' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdJustify",
              "type": "string",
              "attribute": "md-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridJustifyOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'MD' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdRows",
              "type": "any",
              "attribute": "md-rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridRowsOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridRowsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of rows to render within the grid at the 'MD' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "rows",
              "type": "any",
              "attribute": "rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "TQ2GridRowsOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridRowsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Sets the amount of rows to render within the grid at the baseline viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smAlign",
              "type": "string",
              "attribute": "sm-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAlignOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe 'SM' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smColumns",
              "type": "number",
              "attribute": "sm-columns",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridColumnsOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridColumnsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of columns to render within the grid at the 'SM' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smGap",
              "type": "string",
              "attribute": "sm-gap",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridGapOptions",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {
                  "TQ2GridGapOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the gap size between rows and columns within the grid at the 'SM' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smJustify",
              "type": "string",
              "attribute": "sm-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridJustifyOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'SM' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smRows",
              "type": "any",
              "attribute": "sm-rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridRowsOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridRowsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of rows to render within the grid at the 'SM' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlAlign",
              "type": "string",
              "attribute": "xl-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAlignOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at the\n'XL' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlColumns",
              "type": "number",
              "attribute": "xl-columns",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridColumnsOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridColumnsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of columns to render within the grid at the 'XL' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlGap",
              "type": "string",
              "attribute": "xl-gap",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridGapOptions",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {
                  "TQ2GridGapOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the gap size between rows and columns within the grid at the 'XL' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlJustify",
              "type": "string",
              "attribute": "xl-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridJustifyOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track at\nthe 'XL' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlRows",
              "type": "any",
              "attribute": "xl-rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridRowsOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridRowsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of rows to render within the grid at the 'XL' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsAlign",
              "type": "string",
              "attribute": "xs-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAlignOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of q2-grid-area components within a grid track at\nthe 'XS' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsColumns",
              "type": "number",
              "attribute": "xs-columns",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridColumnsOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridColumnsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridColumnsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of columns to render within the grid at the 'XS' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsGap",
              "type": "string",
              "attribute": "xs-gap",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridGapOptions",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {
                  "TQ2GridGapOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridGapOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the gap size between rows and columns within the grid at the 'XS' viewport size.\nGap values utilize CSS variables to allow for easy theming and customization.\nVisit the Style section to learn more."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsJustify",
              "type": "string",
              "attribute": "xs-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridJustifyOptions",
                "resolved": "\"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of q2-grid-area components within a grid track\nat the 'XS' viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsRows",
              "type": "any",
              "attribute": "xs-rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridRowsOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridRowsOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
                    "id": "src/components/q2-grid/q2-grid.tsx::TQ2GridRowsOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the amount of rows to render within the grid at the 'XS' viewport size.\nWhen set to `auto`, q2-grid will auto render rows based on the number of q2-grid-area\ncomponents placed within the grid and the number of columns allowed per row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-GRID",
              "styleStr": null,
              "styleIdentifier": "Q2GridStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.scss",
                  "relativePath": "q2-grid.scss",
                  "originalComponentPath": "q2-grid.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-grid-gap-none",
              "docs": "(<length-percentage>+) Controls the gap between grid rows and columns when gap is none.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-grid-gap-compact",
              "docs": "(<length-percentage>+) Controls the gap between grid rows and columns when gap is compact.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-grid-gap-normal",
              "docs": "(<length-percentage>+) Controls the gap between grid rows and columns when gap is normal.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-grid-gap-comfortable",
              "docs": "(<length-percentage>+) Controls the gap between grid rows and columns when gap is comfortable.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Grid"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for responsive grid layouts with flexible rows and columns."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid/q2-grid.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": false,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "style",
            "class"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-grid.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-grid-area",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2GridArea",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "TQ2GridAreaAlignOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "columnSpan",
              "type": "number",
              "attribute": "column-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "1",
              "complexType": {
                "original": "TQ2GridAreaColumnSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaColumnSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "1"
                  }
                ],
                "text": "Sets the column span amount of the grid area at the baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "columnStart",
              "type": "any",
              "attribute": "column-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "TQ2GridAreaColumnStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaColumnStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Sets the starting column of the grid area at the baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "justify",
              "type": "string",
              "attribute": "justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "TQ2GridAreaJustifyOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgAlign",
              "type": "string",
              "attribute": "lg-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaAlignOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgColumnSpan",
              "type": "number",
              "attribute": "lg-column-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaColumnSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the column span amount of the grid area at the LG viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgColumnStart",
              "type": "any",
              "attribute": "lg-column-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaColumnStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting column of the grid area at the LG viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgJustify",
              "type": "string",
              "attribute": "lg-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaJustifyOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgRowSpan",
              "type": "number",
              "attribute": "lg-row-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaRowSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the row span amount of the grid area at the LG viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgRowStart",
              "type": "any",
              "attribute": "lg-row-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaRowStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting row of the grid area at the LG viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lgZIndex",
              "type": "any",
              "attribute": "lg-z-index",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaZIndexOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaZIndexOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the z-index of the grid area at the LG viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdAlign",
              "type": "string",
              "attribute": "md-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaAlignOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdColumnSpan",
              "type": "number",
              "attribute": "md-column-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaColumnSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the column span amount of the grid area at the MD viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdColumnStart",
              "type": "any",
              "attribute": "md-column-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaColumnStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting column of the grid area at the MD viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdJustify",
              "type": "string",
              "attribute": "md-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaJustifyOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdRowSpan",
              "type": "number",
              "attribute": "md-row-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaRowSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the row span amount of the grid area at the MD viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdRowStart",
              "type": "any",
              "attribute": "md-row-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaRowStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting row of the grid area at the MD viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mdZIndex",
              "type": "any",
              "attribute": "md-z-index",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaZIndexOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaZIndexOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the z-index of the grid area at the MD viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "rowSpan",
              "type": "number",
              "attribute": "row-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "1",
              "complexType": {
                "original": "TQ2GridAreaRowSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaRowSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "1"
                  }
                ],
                "text": "Sets the row span amount of the grid area at the baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "rowStart",
              "type": "any",
              "attribute": "row-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "TQ2GridAreaRowStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaRowStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Sets the starting row of the grid area at the baseline viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smAlign",
              "type": "string",
              "attribute": "sm-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaAlignOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smColumnSpan",
              "type": "number",
              "attribute": "sm-column-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaColumnSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the column span amount of the grid area at the SM viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smColumnStart",
              "type": "any",
              "attribute": "sm-column-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaColumnStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting column of the grid area at the SM viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smJustify",
              "type": "string",
              "attribute": "sm-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaJustifyOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smRowSpan",
              "type": "number",
              "attribute": "sm-row-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaRowSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the row span amount of the grid area at the SM viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smRowStart",
              "type": "any",
              "attribute": "sm-row-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaRowStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting row of the grid area at the SM viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "smZIndex",
              "type": "any",
              "attribute": "sm-z-index",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaZIndexOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaZIndexOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the z-index of the grid area at the SM viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlAlign",
              "type": "string",
              "attribute": "xl-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaAlignOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlColumnSpan",
              "type": "number",
              "attribute": "xl-column-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaColumnSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the column span amount of the grid area at the XL viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlColumnStart",
              "type": "any",
              "attribute": "xl-column-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaColumnStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting column of the grid area at the XL viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlJustify",
              "type": "string",
              "attribute": "xl-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaJustifyOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlRowSpan",
              "type": "number",
              "attribute": "xl-row-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaRowSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the row span amount of the grid area at the XL viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlRowStart",
              "type": "any",
              "attribute": "xl-row-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaRowStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting row of the grid area at the XL viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xlZIndex",
              "type": "any",
              "attribute": "xl-z-index",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaZIndexOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaZIndexOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the z-index of the grid area at the XL viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsAlign",
              "type": "string",
              "attribute": "xs-align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaAlignOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaAlignOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaAlignOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the vertical alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsColumnSpan",
              "type": "number",
              "attribute": "xs-column-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaColumnSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the column span amount of the grid area at the XS viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsColumnStart",
              "type": "any",
              "attribute": "xs-column-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaColumnStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaColumnStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaColumnStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting column of the grid area at the XS viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available column."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsJustify",
              "type": "string",
              "attribute": "xs-justify",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaJustifyOptions",
                "resolved": "\"auto\" | \"center\" | \"end\" | \"start\" | \"stretch\"",
                "references": {
                  "TQ2GridAreaJustifyOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaJustifyOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the horizontal alignment behavior of the q2-grid-area component within its grid track at the baseline viewport size.\nWhen set to `auto`, the grid area will inherit this property from the parent q2-grid component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsRowSpan",
              "type": "number",
              "attribute": "xs-row-span",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowSpanOptions",
                "resolved": "number",
                "references": {
                  "TQ2GridAreaRowSpanOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowSpanOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the row span amount of the grid area at the XS viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsRowStart",
              "type": "any",
              "attribute": "xs-row-start",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaRowStartOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaRowStartOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaRowStartOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the starting row of the grid area at the XS viewport size.\nWhen set to `auto`, the grid area will automatically start at the first available row."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "xsZIndex",
              "type": "any",
              "attribute": "xs-z-index",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "TQ2GridAreaZIndexOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaZIndexOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Sets the z-index of the grid area at the XS viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "zIndex",
              "type": "any",
              "attribute": "z-index",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "TQ2GridAreaZIndexOptions",
                "resolved": "\"auto\" | number",
                "references": {
                  "TQ2GridAreaZIndexOptions": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
                    "id": "src/components/q2-grid-area/q2-grid-area.tsx::TQ2GridAreaZIndexOptions"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Sets the z-index of the grid area at the baseline viewport size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-GRID-AREA",
              "styleStr": null,
              "styleIdentifier": "Q2GridAreaStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.scss",
                  "relativePath": "q2-grid-area.scss",
                  "originalComponentPath": "q2-grid-area.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Grid Area"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use as a positioned cell within a Grid layout."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-grid-area/q2-grid-area.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": false,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "style"
          ],
          "htmlTagNames": [
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-grid-area.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-loading-element",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Loading",
          "elementRef": null,
          "encapsulation": "none",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "borderRadius",
              "type": "string",
              "attribute": "border-radius",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "height",
              "type": "string",
              "attribute": "height",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "shape",
              "type": "string",
              "attribute": "shape",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "width",
              "type": "string",
              "attribute": "width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-LOADING-ELEMENT",
              "styleStr": null,
              "styleIdentifier": "Q2LoadingElementStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loading/skeleton/q2-loading-element/styles.scss",
                  "relativePath": "styles.scss",
                  "originalComponentPath": "styles.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loading/skeleton/q2-loading-element/index.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loading/skeleton/q2-loading-element/index.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": false,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "style"
          ],
          "htmlTagNames": [
            "div"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-loading-element.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-loc",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Loc",
          "elementRef": "hostElement",
          "encapsulation": "none",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ignoreTag",
              "type": "boolean",
              "attribute": "ignore-tag",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use this with trusted localization strings, as it uses innerHTML and may expose XSS vulnerabilities. See the FAQ \"Can I add HTML to my localization strings?\" for usage guidance."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "When true, allows HTML tags in the localized string to be rendered as HTML."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "substitutions",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Any substitutions you would like to pass into the localization string."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The reference to the localization key you would like to display the localized output of.\nIf no value is provided, any text inside the element will be used as a fallback."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Localization"
              },
              {
                "name": "category",
                "text": "Text"
              },
              {
                "name": "summary",
                "text": "Use for displaying localized text from translation keys."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loc/q2-loc.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loc/q2-loc.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": false,
          "hasVdomAttribute": false,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": false,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [],
          "htmlTagNames": [],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-loc.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-meter",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Meter",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "animated",
              "type": "boolean",
              "attribute": "animated",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Shows loading animation for bars, default is true."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "completedLabel",
              "type": "string",
              "attribute": "completed-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the label for the completed bar, which appears at the bottom in the legend section."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "completedValue",
              "type": "string",
              "attribute": "completed-value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the value for the completed bar."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the description for the meter, which appears at the top just below the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "dotted",
              "type": "boolean",
              "attribute": "dotted",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Shows a circle shaped dot indicator on completed bar, default is true."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideTooltip",
              "type": "boolean",
              "attribute": "hide-tooltip",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Hide tooltips."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the label for the meter, which appears at the top."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxLabel",
              "type": "string",
              "attribute": "max-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the label for the base bar, which appears at the bottom in the legend."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxValue",
              "type": "string",
              "attribute": "max-value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the value for the base bar."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "segments",
              "type": "number",
              "attribute": "segments",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Shows thin tick bars based on the number of segments provided."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "suggestedLabel",
              "type": "string",
              "attribute": "suggested-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the label for the suggested bar, which appears at the bottom in the legend."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "suggestedValue",
              "type": "string",
              "attribute": "suggested-value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the value for the suggested bar."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tooltipCompleted",
              "type": "string",
              "attribute": "tooltip-completed",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines custom text for the completed bar tooltip."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tooltipSuggested",
              "type": "string",
              "attribute": "tooltip-suggested",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines custom text for the suggested bar tooltip."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-METER",
              "styleStr": null,
              "styleIdentifier": "Q2MeterStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-meter/q2-meter.scss",
                  "relativePath": "q2-meter.scss",
                  "originalComponentPath": "q2-meter.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-meter-bar-background-color",
              "docs": "(<color>) Controls the background color of the meter track.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-bar-border?",
              "docs": "(*) Controls the optional border shorthand of the meter track.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-bar-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the meter track.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-bar-height",
              "docs": "(<length>) Controls the height of the meter track.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-bar-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the meter track.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-bar-shadow?",
              "docs": "(*) Controls the optional box shadow of the meter track.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-bar-transition",
              "docs": "(*) Controls the transition timing applied to the meter bar fills (completed, suggested, and tick).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-completed-bar-background-color",
              "docs": "(<color>) Controls the background color of the completed-progress fill.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-suggested-bar-background-color",
              "docs": "(<color>) Controls the background color of the suggested-progress fill.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-background-color",
              "docs": "(<color>) Controls the background color of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-border-color",
              "docs": "(<color>) Controls the border color of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-border-style",
              "docs": "(<custom-ident>) Controls the border style of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-border-width",
              "docs": "(<length>+) Controls the border width of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-size",
              "docs": "(<length>) Controls the size of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-box-shadow",
              "docs": "(*) Controls the box shadow of the meter dot indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-transition",
              "docs": "(*) Controls the transition timing for the meter dot indicator's movement.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-dot-gap",
              "docs": "(<length-percentage>) Controls the gap between the meter dot and the adjacent legend label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-tick-color",
              "docs": "(<color>) Controls the color of meter tick marks.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-tick-right-color",
              "docs": "(<color>) Controls the color of the rightmost meter tick mark.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-tick-width",
              "docs": "(<length>) Controls the width of meter tick marks.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-ticket-height",
              "docs": "(<length>) Controls the height of meter tick marks.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-label-color",
              "docs": "(<color>) Controls the text color of the meter label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the meter label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-label-font-weight",
              "docs": "(<number>) Controls the font weight of the meter label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-label-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the meter label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-description-color",
              "docs": "(<color>) Controls the text color of the meter description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-description-font-size",
              "docs": "(<length-percentage>) Controls the font size of the meter description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-description-font-weight",
              "docs": "(<number>) Controls the font weight of the meter description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-description-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the meter description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-description-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the meter description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-label-color",
              "docs": "(<color>) Controls the text color of meter legend labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-font-weight",
              "docs": "(<number>) Controls the font weight of meter legend labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the meter legend row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-gap",
              "docs": "(<length-percentage>) Controls the gap between completed and suggested legend entries.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-bar-height",
              "docs": "(<length>) Controls the height of the legend's color swatch.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-bar-width",
              "docs": "(<length>) Controls the width of the legend's color swatch.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-meter-legend-dot-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the legend's color swatch.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Meter"
              },
              {
                "name": "category",
                "text": "Data Visualization"
              },
              {
                "name": "summary",
                "text": "Use for showing progress or a value within a known range."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-meter/q2-meter.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-meter/q2-meter.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "style",
            "label",
            "position",
            "immediate",
            "key",
            "aria-label",
            "role"
          ],
          "htmlTagNames": [
            "div",
            "q2-tooltip"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-tooltip"
          ],
          "dependents": [],
          "dependencies": [
            "q2-tooltip"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-tooltip"
          ]
        }
      ],
      "entryKey": "q2-meter.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-modal",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Modal",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "closable",
              "type": "boolean",
              "attribute": "closable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Controls visibility of the close button and whether the modal can be dismissed with the backdrop or Escape key."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "customMarkup",
              "type": "string",
              "attribute": "custom-markup",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Allows HTML markup as modal content, but it will be sanitized for security purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A plain text description of the modal. Use this to provide context or information to the user."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fullWidthButton",
              "type": "boolean",
              "attribute": "full-width-button",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Whether the action buttons should take up the full width of the modal footer."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "icon",
              "type": "string",
              "attribute": "icon",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The icon to display at the top of the modal. [See Icon documentation](https://tecton.q2developer.com/design-system/q2-icon)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "imageSrc",
              "type": "string",
              "attribute": "image-src",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "An image URL to be displayed beneath the title. It renders with 100% width."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "title",
              "type": "string",
              "attribute": "title",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A plain text title of the modal displayed at the top."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "maxActionButtons"
            },
            {
              "name": "renderStatus"
            }
          ],
          "methods": [
            {
              "name": "closeModal",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "(data?: ModalResponse) => Promise<void>",
                "parameters": [
                  {
                    "name": "data",
                    "type": "{ appearance: \"message\"; type: \"info\" | \"success\" | \"warning\" | \"error\"; title?: string; description?: string; }",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "ModalResponse": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/modal",
                    "id": "../q2-tecton-common/lib/types/modal.d.ts::ModalResponse",
                    "referenceLocation": "ModalResponse"
                  },
                  "TransitionEvent": {
                    "location": "global",
                    "id": "global::TransitionEvent"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openModal",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "(option?: ModalOption) => Promise<void>",
                "parameters": [
                  {
                    "name": "option",
                    "type": "{ title?: string; description?: string; customMarkup?: string; imageSrc?: string; icon?: string; iconStrokePrimary?: string; iconStrokeSecondary?: string; iconFillColor?: string; iconStrokeWidth?: string; closeable?: boolean; }",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "ModalOption": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/modal",
                    "id": "../q2-tecton-common/lib/types/modal.d.ts::ModalOption",
                    "referenceLocation": "ModalOption"
                  },
                  "TransitionEvent": {
                    "location": "global",
                    "id": "global::TransitionEvent"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [
            {
              "name": "tctBackdropClick",
              "method": "tctBackdropClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the modal backdrop is clicked."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when one of action buttons is clicked."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClose",
              "method": "tctClose",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the modal is closed."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctOpen",
              "method": "tctOpen",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the modal is opened."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctReady",
              "method": "tctReady",
              "bubbles": false,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the modal has finished rendering."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-MODAL",
              "styleStr": null,
              "styleIdentifier": "Q2ModalStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.scss",
                  "relativePath": "q2-modal.scss",
                  "originalComponentPath": "q2-modal.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-modal-background",
              "docs": "(<color>) Controls the background color of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-color",
              "docs": "(<color>) Controls the text color of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-backdrop-background",
              "docs": "(<color>) Controls the background color of the modal backdrop.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-border-radius",
              "docs": "(<length-percentage>+) Controls the corner radius of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-box-shadow",
              "docs": "(*) Controls the box shadow of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-gap",
              "docs": "(<length-percentage>) Controls the vertical gap between the modal header, content, and footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-header-height",
              "docs": "(<length>) Controls the height of the modal header row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-close-button-size",
              "docs": "(<length>) Controls the size of the modal close button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-content-gradient-height",
              "docs": "(<length>) Controls the height of the scroll-edge gradient on the modal content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-max-height",
              "docs": "(<length-percentage>) Controls the maximum height of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-min-height",
              "docs": "(<length-percentage>) Controls the minimum height of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-icon-size",
              "docs": "(<length>) Controls the height and width of the modal leading icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-icon-margin",
              "docs": "(<length-percentage>+) Controls the margin around the modal leading icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-image-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the modal image.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-description-font-size",
              "docs": "(<length-percentage>) Controls the font size of the modal description text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-title-font-weight",
              "docs": "(<number>) Controls the font weight of the modal title.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-modal-tween",
              "docs": "(*) Controls the open/close transition timing of the modal dialog.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Modal"
              },
              {
                "name": "category",
                "text": "Platform"
              },
              {
                "name": "summary",
                "text": "Use for focused interactions that require user attention before continuing."
              },
              {
                "name": "slot",
                "text": "content - A slot to display custom content in the modal body above the description."
              },
              {
                "name": "slot",
                "text": "action - A slot to display up to four elements compatible with [Action Group](https://tecton.q2developer.com/design-system/q2-action-group) in the modal's footer."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-modal/q2-modal.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "ref",
            "class",
            "onCancel",
            "onClick",
            "test-id",
            "label",
            "hide-label",
            "type",
            "src",
            "name",
            "innerHTML",
            "full-width"
          ],
          "htmlTagNames": [
            "dialog",
            "div",
            "header",
            "h2",
            "q2-btn",
            "q2-icon",
            "img",
            "slot",
            "p",
            "footer",
            "q2-action-group"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-btn",
            "q2-icon",
            "q2-action-group"
          ],
          "dependents": [],
          "dependencies": [
            "q2-action-group",
            "q2-btn",
            "q2-icon",
            "q2-loading",
            "q2-resize-observer"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-btn",
            "q2-icon",
            "q2-action-group"
          ]
        }
      ],
      "entryKey": "q2-modal.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-month-picker",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2MonthPicker",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "disabledMonths",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "today",
              "type": "string",
              "attribute": "today",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "year",
              "type": "number",
              "attribute": "year",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "Number(new Date().toLocaleString('en-US', { year: 'numeric' }))",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "Number(new Date().toLocaleString('en-US', { year: 'numeric' }))"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "focusedIndex"
            },
            {
              "name": "selectedIndex"
            },
            {
              "name": "showYearLayer"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "toggleChange",
              "method": "toggleChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": ""
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "viewChange",
              "method": "viewChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": ""
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-MONTH-PICKER",
              "styleStr": null,
              "styleIdentifier": "Q2MonthPickerStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-calendar/q2-month-picker.scss",
                  "relativePath": "q2-month-picker.scss",
                  "originalComponentPath": "q2-month-picker.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-calendar/q2-month-picker.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-calendar/q2-month-picker.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "onKeyDown",
            "onClick",
            "type",
            "label",
            "hide-label",
            "test-id",
            "role",
            "data-index",
            "aria-label",
            "tabindex"
          ],
          "htmlTagNames": [
            "div",
            "q2-btn",
            "span",
            "q2-icon"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-btn",
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-icon",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-btn",
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-month-picker.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-mutation-observer",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2MutationObserver",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines whether or not events will be emitted from the component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "observeAttributes",
              "type": "boolean",
              "attribute": "observe-attributes",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether or not to monitor children's attributes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "observeChildList",
              "type": "boolean",
              "attribute": "observe-child-list",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether or not to monitor children's child list."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "observeSubTree",
              "type": "boolean",
              "attribute": "observe-sub-tree",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether or not to monitor children's sub tree."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "getCurrentMutationEntries",
              "docs": {
                "text": "Returns the latest entries reported by the component.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<MutationRecord[]>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "MutationRecord": {
                    "location": "global",
                    "id": "global::MutationRecord"
                  }
                },
                "return": "Promise<MutationRecord[]>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [
            {
              "name": "tctMutate",
              "method": "tctMutate",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when any of the observed elements are mutated."
              },
              "complexType": {
                "original": "{ entries: MutationRecord[] }",
                "resolved": "{ entries: MutationRecord[]; }",
                "references": {
                  "MutationRecord": {
                    "location": "global",
                    "id": "global::MutationRecord"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "disabled",
              "methodName": "disabledUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Mutation Observer"
              },
              {
                "name": "category",
                "text": "Utility"
              },
              {
                "name": "summary",
                "text": "Use for observing DOM changes to child elements and emitting events."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-mutation-observer/q2-mutation-observer.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-mutation-observer/q2-mutation-observer.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": false,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": false,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-mutation-observer.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-otp",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Otp",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "autoFocus",
              "type": "boolean",
              "attribute": "auto-focus",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Focuses the first one-time password field when the component loads."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autoSubmit",
              "type": "boolean",
              "attribute": "auto-submit",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Emits submission event when the last field is filled."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clearOnError",
              "type": "boolean",
              "attribute": "clear-on-error",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Clears all fields and returns focus to the first field when `state` becomes `error`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Disables all one-time password fields."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errorMessage",
              "type": "string",
              "attribute": "error-message",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Error message rendered below the submit area."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "helperText",
              "type": "string",
              "attribute": "helper-text",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Helper text content."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Visible label above the one-time password fields."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "length",
              "type": "any",
              "attribute": "length",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "6",
              "complexType": {
                "original": "number | number[] | string[] | string",
                "resolved": "number | number[] | string | string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "6"
                  }
                ],
                "text": "Number of one-time password fields. Use a number for ungrouped fields or an array for grouped fields with dash\nseparators."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "masked",
              "type": "boolean",
              "attribute": "masked",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Obscures entered characters."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "processingLabel",
              "type": "string",
              "attribute": "processing-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Button text during processing."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "sendCodeLabel",
              "type": "string",
              "attribute": "send-code-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Button text for the send-code action."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showHelperText",
              "type": "boolean",
              "attribute": "show-helper-text",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Toggles helper text visibility."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showSendCode",
              "type": "boolean",
              "attribute": "show-send-code",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Toggles visibility of the send-code button while `state` is `ready`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "state",
              "type": "string",
              "attribute": "state",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'error' | 'ready' | 'success' | 'verifying' | undefined",
                "resolved": "\"error\" | \"ready\" | \"success\" | \"verifying\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Sets the visual status for the one-time password fields.\n\n- `ready` — Shows the send-code button when `showSendCode` is enabled and hides the input fields until the user\n  requests a code.\n- `error` — Displays an error style on the fields. If `errorMessage` is set, it renders below the submit area.\n  When `clearOnError` is enabled, all fields are cleared and focus returns to the first field.\n- `success` — Locks the input, replaces the submit button with a success indicator, and displays the\n  `successMessage` if provided.\n- `verifying` — Locks the input and puts the submit button into a loading state. When combined with `autoSubmit`,\n  a processing overlay with `processingLabel` is shown over the fields."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "submitLabel",
              "type": "string",
              "attribute": "submit-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Renders a submit button with this label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "successMessage",
              "type": "string",
              "attribute": "success-message",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Success message rendered below the submit area."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "''",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "''"
                  }
                ],
                "text": "The composed one-time password value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasFocus"
            }
          ],
          "methods": [
            {
              "name": "clear",
              "docs": {
                "text": "Clears all fields, focuses the first field, and emits `tctClear`.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "reset",
              "docs": {
                "text": "Clears the component and resets error, success, and processing state.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "onHostElementFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "tctClear",
              "method": "tctClear",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the fields are cleared."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctComplete",
              "method": "tctComplete",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when all fields are filled."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctInput",
              "method": "tctInput",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when any field value changes."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctSendCode",
              "method": "tctSendCode",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the send-code button is clicked."
              },
              "complexType": {
                "original": "void",
                "resolved": "void",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctSubmit",
              "method": "tctSubmit",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the submit button is clicked or auto-submit triggers."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "length",
              "methodName": "lengthObserver"
            },
            {
              "propName": "state",
              "methodName": "stateObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-OTP",
              "styleStr": null,
              "styleIdentifier": "Q2OtpStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-otp/q2-otp.scss",
                  "relativePath": "q2-otp.scss",
                  "originalComponentPath": "q2-otp.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-otp-margin?",
              "docs": "(<length-percentage>+) Controls the margin of the component host as a shorthand. Overrides --tct-otp-margin-top and --tct-otp-margin-bottom when set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the component host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the component host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-vertical-gap",
              "docs": "(<length-percentage>) Controls the vertical spacing between the label, fields, helper text, and actions.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-gap",
              "docs": "(<length-percentage>) Controls the horizontal spacing between individual OTP fields.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-background",
              "docs": "(<color>) Controls the background color of each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-border-color",
              "docs": "(<color>) Controls the border color of each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-border-width",
              "docs": "(<length>) Controls the border width of each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-font-color",
              "docs": "(<color>) Controls the text color inside each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-font-size",
              "docs": "(<length-percentage>) Controls the font size of characters inside each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-font-weight",
              "docs": "(<number>) Controls the font weight of characters inside each OTP input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-masked-color",
              "docs": "(<color>) Controls the color of the mask dot shown when the field is in masked mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-masked-size",
              "docs": "(<length>) Controls the diameter of the mask dot shown when the field is in masked mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-focus-border-color?",
              "docs": "(<color>) Controls the border color of the active (focused) OTP field. Defaults to the regular field border color.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-focus-box-shadow",
              "docs": "(*) Controls the box-shadow applied to the active (focused) OTP field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-error-border-color",
              "docs": "(<color>) Controls the border color of each OTP field when the component is in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-error-focus-ring-color",
              "docs": "(<color>) Controls the focus ring color of the active field when the component is in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-error-focus-box-shadow",
              "docs": "(*) Controls the box-shadow of the active field when the component is in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-success-border-color",
              "docs": "(<color>) Controls the border color of each OTP field when the component is in the success state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-success-focus-ring-color",
              "docs": "(<color>) Controls the focus ring color of the active field when the component is in the success state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-success-focus-box-shadow",
              "docs": "(*) Controls the box-shadow of the active field when the component is in the success state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-field-disabled-opacity",
              "docs": "(<number>) Controls the opacity of each OTP field when the component is disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-separator-color",
              "docs": "(<color>) Controls the color of the separator character between field groups.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-separator-font-size",
              "docs": "(<length-percentage>) Controls the font size of the separator character.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-separator-font-weight",
              "docs": "(<number>) Controls the font weight of the separator character.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-helper-font-color",
              "docs": "(<color>) Controls the color of the helper text below the fields.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-helper-font-size",
              "docs": "(<length-percentage>) Controls the font size of the helper text below the fields.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-processing-overlay-background",
              "docs": "(<color>) Controls the background of the overlay shown during processing.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-processing-spinner-size",
              "docs": "(<length>) Controls the size of the spinner shown during processing.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-otp-tween",
              "docs": "(*) Controls the transition timing applied to field state changes.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "One-Time Password"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for entering a short one-time verification code."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-otp/q2-otp.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-otp/q2-otp.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "aria-hidden",
            "class",
            "id",
            "appearance",
            "type",
            "label",
            "block",
            "disabled",
            "intent",
            "onClick",
            "ref",
            "loading",
            "key",
            "aria-busy",
            "aria-labelledby",
            "role",
            "aria-describedby",
            "aria-invalid",
            "aria-label",
            "autocomplete",
            "autofocus",
            "inputmode",
            "maxLength",
            "onBlur",
            "onFocus",
            "onInput",
            "onKeyDown",
            "onPaste",
            "pattern",
            "test-id",
            "value"
          ],
          "htmlTagNames": [
            "span",
            "div",
            "q2-message",
            "q2-loading",
            "q2-btn",
            "q2-icon",
            "input"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-message",
            "q2-loading",
            "q2-btn",
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-icon",
            "q2-loading",
            "q2-message"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-message",
            "q2-loading",
            "q2-btn",
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-otp.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-pagination",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Pagination",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'left' | 'center' | 'right'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "When using the 'stacked' version, the default alignment is 'center'. When using the unstacked version, the default alignment is 'right'."
                  }
                ],
                "text": "Indicates the horizontal alignment of pagination elements"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "alignment",
              "type": "string",
              "attribute": "alignment",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'left' | 'center' | 'right'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'align' instead"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autoSize",
              "type": "boolean",
              "attribute": "auto-size",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Determines whether the component uses dynamic resizing behavior. This is disabled when `pagesOnly`, `recordsOnly`, or `stacked` is true."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Allows the component to be disabled should the state of the page require this"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "page",
              "type": "number",
              "attribute": "page",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The current page that is being displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "pages",
              "type": "number",
              "attribute": "pages",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only referenced when `pagesOnly` is true."
                  }
                ],
                "text": "The number of pages that can be displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "pagesOnly",
              "type": "boolean",
              "attribute": "pages-only",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates to display only the current and total pages. This disables the `autoSize` feature."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "perPage",
              "type": "number",
              "attribute": "per-page",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The total number of records displayed on each page. This disables the `autoSize` feature."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "perPageIncrements",
              "type": "string",
              "attribute": "per-page-increments",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number[] | string[] | string | undefined",
                "resolved": "number[] | string | string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "`pagesOnly` or `recordsOnly` being true disables this feature.\n\n**Example:**"
                  },
                  {
                    "name": "snippet",
                    "text": "this.perPageIncrements = [10, 25, 50];"
                  }
                ],
                "text": "A list of perPage values.\nThis generates a [Select](https://tecton.q2developer.com/design-system/q2-select/) element that allows the user to modify the `perPage` value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "recordsOnly",
              "type": "boolean",
              "attribute": "records-only",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates to display only the current and total records."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "recordType",
              "type": "string",
              "attribute": "record-type",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Description of the record type to be displayed alongside the record count."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "stacked",
              "type": "boolean",
              "attribute": "stacked",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "When set to true, the default alignment will be 'center'. When false, the default alignment is 'right'."
                  }
                ],
                "text": "Allows the component to be displayed in a stacked layout. This disables the `autoSize` feature."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "total",
              "type": "number",
              "attribute": "total",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The total number of records to paginate."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "isSmall"
            }
          ],
          "methods": [
            {
              "name": "clickFirstPage",
              "docs": {
                "text": "Emulates clicking the button that controls moving to the first page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "clickLastPage",
              "docs": {
                "text": "Emulates clicking the button that controls moving to the last page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "clickNextPage",
              "docs": {
                "text": "Emulates clicking the button that controls moving to the next page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "clickPreviousPage",
              "docs": {
                "text": "Emulates clicking the button that controls moving to the previous page, and emitting a change event with the updated page number.\n\nIf the `<button>` is disabled, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "selectPerPageIncrementValue",
              "docs": {
                "text": "Emulates selecting a `perPage` value from the `perPageIncrements` dropdown,\nand updates the value of the `perPage` property.\n\nIf `value` is not in the `perPageIncrements` array, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setPageValue",
              "docs": {
                "text": "Emulates setting the page value in the `<input>` field,\nand emitting a change event with the updated page number.\n\nIf `value` is invalid, this method does nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "onHostElementFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the page is changed."
              },
              "complexType": {
                "original": "{ page: number; perPage: number }",
                "resolved": "{ page: number; perPage: number; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the page is changed."
              },
              "complexType": {
                "original": "{ page: number; perPage: number }",
                "resolved": "{ page: number; perPage: number; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "alignment",
              "methodName": "alignmentHandler"
            },
            {
              "propName": "autoSize",
              "methodName": "manageResizeObserver"
            },
            {
              "propName": "recordsOnly",
              "methodName": "checkDisplayTypes"
            },
            {
              "propName": "pagesOnly",
              "methodName": "checkDisplayTypes"
            },
            {
              "propName": "stacked",
              "methodName": "checkDisplayTypes"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-PAGINATION",
              "styleStr": null,
              "styleIdentifier": "Q2PaginationStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-pagination/q2-pagination.scss",
                  "relativePath": "q2-pagination.scss",
                  "originalComponentPath": "q2-pagination.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-pagination-color?",
              "docs": "(<color>) Controls the optional text color of the pagination container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of pagination text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-font-weight?",
              "docs": "(<number>) Controls the optional font weight of pagination text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-height",
              "docs": "(<length>) Controls the height of the pagination container and input wrapper.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-column-gap",
              "docs": "(<length-percentage>) Controls the column gap between pagination groups.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-row-gap",
              "docs": "(<length-percentage>) Controls the row gap between pagination groups in the stacked layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-controls-gap",
              "docs": "(<length-percentage>) Controls the gap between elements within the input-display controls.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-btn-gap?",
              "docs": "(<length-percentage>) Controls the optional gap between previous/next buttons in the button group.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-btn-border?",
              "docs": "(*) Controls the optional border shorthand of pagination buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-btn-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of pagination buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-btn-hover-background",
              "docs": "(<color>) Controls the background color of pagination buttons on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-btn-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of pagination button icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-btn-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of pagination button icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-icon-color",
              "docs": "(<color>) Controls the color of pagination icons (non-button icons).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-icon-size",
              "docs": "(<length>) Controls the size of pagination icons (non-button icons).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-input-height",
              "docs": "(<length>) Controls the height of the pagination page-number input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-input-width",
              "docs": "(<length>) Controls the width of the pagination page-number input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-select-height",
              "docs": "(<length>) Controls the height of the per-page select input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-perpage-width",
              "docs": "(<length-percentage>) Controls the width of the per-page select.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pagination-perpage-min-width",
              "docs": "(<length>) Controls the minimum width of the per-page select.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Pagination"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for navigating between pages of content like search results or tables."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-pagination/q2-pagination.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-pagination/q2-pagination.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "ref",
            "onChange",
            "onTctChange",
            "value",
            "disabled",
            "display",
            "key",
            "class",
            "aria-label",
            "test-id",
            "label",
            "hidden",
            "onTctClick",
            "hide-label",
            "type",
            "aria-hidden",
            "onClick",
            "min",
            "max",
            "hideLabel",
            "optional",
            "current"
          ],
          "htmlTagNames": [
            "q2-select",
            "q2-option",
            "nav",
            "div",
            "q2-btn",
            "q2-icon",
            "span",
            "q2-input"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-select",
            "q2-option",
            "q2-btn",
            "q2-icon",
            "q2-input"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-input",
            "q2-loading",
            "q2-option",
            "q2-option-list",
            "q2-popover",
            "q2-select"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-select",
            "q2-option",
            "q2-btn",
            "q2-icon",
            "q2-input"
          ]
        }
      ],
      "entryKey": "q2-pagination.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-pill",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Pill",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "active",
              "type": "boolean",
              "attribute": "active",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determine if the elements is in the selected state, with values."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "borderless",
              "type": "boolean",
              "attribute": "borderless",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates that the pill has no border"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates the pill cannot be focused or interacted with."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hoist",
              "type": "boolean",
              "attribute": "hoist",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "!!window.Tecton?.useActionSheets",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "!!window.Tecton?.useActionSheets"
                  }
                ],
                "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that populates the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxLength",
              "type": "number",
              "attribute": "max-length",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Limitless by default."
                  }
                ],
                "text": "The maximum number of characters to display before ellipcizing."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multiple",
              "type": "boolean",
              "attribute": "multiple",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when options are provided."
                  }
                ],
                "text": "Enables the multi-select ability for the dropdown."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "open",
              "type": "boolean",
              "attribute": "open",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "readonly"
                  }
                ],
                "text": "Determine whether the popover is open or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optionListLabel",
              "type": "string",
              "attribute": "option-list-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the label that is applied to the option list for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverAlignment",
              "type": "string",
              "attribute": "popover-alignment",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'right'",
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'right'"
                  }
                ],
                "text": "Aligns the popover dropdown to the left or right side of the input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverDirection",
              "type": "string",
              "attribute": "popover-direction",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the direction of the popover dropdown when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMaxHeight",
              "type": "number",
              "attribute": "popover-max-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMinHeight",
              "type": "number",
              "attribute": "popover-min-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "150",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  },
                  {
                    "name": "default",
                    "text": "150"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedOptions",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "OptionValue[]",
                "resolved": "OptionValue[]",
                "references": {
                  "OptionValue": {
                    "location": "import",
                    "path": "../q2-option-list/q2-option-list",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue",
                    "referenceLocation": "OptionValue"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "A list of the selected options on the element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "theme",
              "type": "string",
              "attribute": "theme",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'primary' | 'secondary' | 'tertiary'",
                "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The color of the element when in the active state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The value emitted when the component is selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasPopoverBottom"
            },
            {
              "name": "hasPopoverTop"
            },
            {
              "name": "optionCount"
            },
            {
              "name": "selectedOptionElements"
            }
          ],
          "methods": [
            {
              "name": "closePopover",
              "docs": {
                "text": "Emulates clicking the `<button>` to hide the popover if it is visible.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openPopover",
              "docs": {
                "text": "Emulates clicking the `<button>` to display the popover if it is hidden.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates clicking the `<button>` to display the popover and selecting the option(s) with the specified value(s).\n\nIf multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\nafter the option(s) are selected.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>",
                "parameters": [
                  {
                    "name": "values",
                    "type": "string | string[]",
                    "docs": ""
                  },
                  {
                    "name": "options",
                    "type": "{ closePopover?: boolean; }",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2OptionElement": {
                    "location": "global",
                    "id": "global::HTMLQ2OptionElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "displayChanged",
              "method": "handleSelectedDisplay",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "popoverStateChanged",
              "method": "popoverStateHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the pill is clicked or the selected options change.\n\nWhen multi-select is enabled, `value` will be `undefined`."
              },
              "complexType": {
                "original": "{ value: string; values: OptionValue[]; active: boolean }",
                "resolved": "{ value: string; values: OptionValue[]; active: boolean; }",
                "references": {
                  "OptionValue": {
                    "location": "import",
                    "path": "../q2-option-list/q2-option-list",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue",
                    "referenceLocation": "OptionValue"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the pill is clicked or the selected options change.\n\nWhen multi-select is enabled, `value` will be `undefined`."
              },
              "complexType": {
                "original": "{ value: string; values: OptionValue[]; active: boolean }",
                "resolved": "{ value: string; values: OptionValue[]; active: boolean; }",
                "references": {
                  "OptionValue": {
                    "location": "import",
                    "path": "../q2-option-list/q2-option-list",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue",
                    "referenceLocation": "OptionValue"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "selectedOptions",
              "methodName": "selectedOptionsChanged"
            },
            {
              "propName": "value",
              "methodName": "valueChanged"
            },
            {
              "propName": "label",
              "methodName": "valueChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-PILL",
              "styleStr": null,
              "styleIdentifier": "Q2PillStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-pill/q2-pill.scss",
                  "relativePath": "q2-pill.scss",
                  "originalComponentPath": "q2-pill.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-pill-margin",
              "docs": "(<length-percentage>) Controls the trailing inline margin between sibling pills.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-min-height",
              "docs": "(<length>) Controls the minimum height of the pill (and its popover container).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the pill label when options are present.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the pill when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-height",
              "docs": "(<length>) Controls the height of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-padding-inline",
              "docs": "(<length-percentage>+) Controls the inline padding of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-border-width",
              "docs": "(<length>+) Controls the border width of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-border-color",
              "docs": "(<color>) Controls the border color of the pill button in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-background",
              "docs": "(<color>) Controls the background color of the pill button in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the pill button in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the pill button in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-color",
              "docs": "(<color>) Controls the text color of the pill button in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-font-size",
              "docs": "(<length-percentage>) Controls the font size of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-font-weight",
              "docs": "(<number>) Controls the font weight of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the pill button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-tween",
              "docs": "(*) Controls the transition timing of the pill button's interactive state changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the pill button when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-btn-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the pill button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-hover-btn-background",
              "docs": "(<color>) Controls the background color of the pill button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-hover-close-btn-background",
              "docs": "(<color>) Controls the background color of the close button on hover when the pill is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-hover-close-btn-border-color",
              "docs": "(<color>) Controls the border color of the close button on hover when the pill is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-btn-background",
              "docs": "(<color>) Controls the background color of the pill button when active in the default theme.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-btn-color",
              "docs": "(<color>) Controls the text color of the pill button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-btn-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active in the default theme.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-btn-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the pill button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-btn-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the pill button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-icon-gap",
              "docs": "(<length-percentage>) Controls the gap between the pill label and trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-icon-size",
              "docs": "(<length>) Controls the size of the pill's trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-icon-stroke",
              "docs": "(<color>) Controls the stroke color of the pill's trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-icon-stroke-width?",
              "docs": "(<number>) Controls the optional stroke width of the pill's trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-background",
              "docs": "(<color>) Controls the background color of the pill button when active and theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-font-color",
              "docs": "(<color>) Controls the text color of the pill button when active and theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active and theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-hover-background",
              "docs": "(<color>) Controls the background color of the pill button when active and theme is primary, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-hover-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active and theme is primary, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-btn-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the pill button when active and theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-primary-active-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the pill button when active and theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-background",
              "docs": "(<color>) Controls the background color of the pill button when active and theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-font-color",
              "docs": "(<color>) Controls the text color of the pill button when active and theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active and theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-hover-background",
              "docs": "(<color>) Controls the background color of the pill button when active and theme is secondary, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-hover-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active and theme is secondary, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the pill button when active and theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-secondary-active-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the pill button when active and theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-background",
              "docs": "(<color>) Controls the background color of the pill button when active and theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-font-color",
              "docs": "(<color>) Controls the text color of the pill button when active and theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active and theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-hover-background",
              "docs": "(<color>) Controls the background color of the pill button when active and theme is tertiary, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-hover-border-color",
              "docs": "(<color>) Controls the border color of the pill button when active and theme is tertiary, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the pill button when active and theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-tertiary-active-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the pill button when active and theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-decorator-icon-primary-stroke",
              "docs": "(<color>) Controls the primary stroke color of a q2-icon placed in the decorator slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-decorator-icon-secondary-stroke",
              "docs": "(<color>) Controls the secondary stroke color of a q2-icon placed in the decorator slot.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-decorator-icon-primary-stroke",
              "docs": "(<color>) Controls the primary stroke color of a q2-icon placed in the decorator slot when the pill is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-pill-active-decorator-icon-secondary-stroke",
              "docs": "(<color>) Controls the secondary stroke color of a q2-icon placed in the decorator slot when the pill is active.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Pill"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying and removing active filters in data views."
              },
              {
                "name": "slot",
                "text": "decorator - An optional slot that supports an [Icon](https://tecton.q2developer.com/design-system/q2-icon) to be displayed before the pill label."
              },
              {
                "name": "slot",
                "text": "popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow."
              },
              {
                "name": "slot",
                "text": "popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-pill/q2-pill.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-pill/q2-pill.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "id",
            "class",
            "aria-hidden",
            "onClick",
            "disabled",
            "aria-label",
            "type",
            "key",
            "onChange",
            "ref",
            "tabIndex",
            "test-id",
            "role",
            "onKeyDown",
            "onFocusout",
            "aria-roledescription",
            "aria-controls",
            "aria-expanded",
            "aria-pressed",
            "aria-describedby",
            "name",
            "controlElement",
            "open",
            "max-height",
            "minHeight",
            "direction",
            "align",
            "tabindex",
            "hidden",
            "multiple",
            "selectedOptions",
            "onReady",
            "onPopoverState",
            "label"
          ],
          "htmlTagNames": [
            "div",
            "q2-icon",
            "click-elsewhere",
            "button",
            "slot",
            "q2-popover",
            "q2-option-list"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon",
            "click-elsewhere",
            "q2-popover",
            "q2-option-list"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-icon",
            "q2-option-list",
            "q2-popover"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon",
            "click-elsewhere",
            "q2-popover",
            "q2-option-list"
          ]
        }
      ],
      "entryKey": "q2-pill.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-radio",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Radio",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "checked",
              "type": "boolean",
              "attribute": "checked",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "The state of the radio. This modifies the visual appearance of the element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Disables the radio and prevents interaction."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "groupDisabled",
              "type": "boolean",
              "attribute": "group-disabled",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Used by q2-radio-group to disable all options in the group"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "groupReadonly",
              "type": "boolean",
              "attribute": "group-readonly",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Used by q2-radio-group to make all options in the group readonly"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "groupTileLayout",
              "type": "boolean",
              "attribute": "group-tile-layout",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Used by q2-radio-group to make the options display as tiles"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hides the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that describes the individual radio option."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-radio-group to apply a name to all options in the group"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The radio is non-interactive, but remains focusable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tabIndex",
              "type": "number",
              "attribute": "tab-index",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "0",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "0"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The value that is returned in the `change` event that is emitted from the `q2-radio-group`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [
            {
              "name": "click",
              "method": "onHostClick",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the radio is checked."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the radio is checked."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "checked",
              "methodName": "checkedObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-RADIO",
              "styleStr": null,
              "styleIdentifier": "Q2RadioStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-radio/q2-radio.scss",
                  "relativePath": "q2-radio.scss",
                  "originalComponentPath": "q2-radio.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-radio-transition",
              "docs": "(*) Controls the transition timing of radio state changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-mark-size",
              "docs": "(<length>) Controls the width and height of the radio mark.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-stroke-width",
              "docs": "(<number>) Controls the stroke width of the radio circles in the default state. Values above `2` are clipped by the radio mark envelope.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-stroke-color",
              "docs": "(<color>) Controls the stroke color of the radio circles in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-background-fill?",
              "docs": "(<color>) Controls the optional background fill of the radio in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-background-stroke",
              "docs": "(<color>) Controls the stroke color of the radio in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-background-stroke-width",
              "docs": "(<number>) Controls the stroke width of the radio in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-background-transition",
              "docs": "(*) Controls the transition timing applied to the radio fill.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the radio.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-box-shadow-focus-visible",
              "docs": "(*) Controls the box shadow of the radio when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-focus-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the radio on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-select-fill-default?",
              "docs": "(<color>) Controls the optional inner-circle fill in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-select-fill-checked",
              "docs": "(<color>) Controls the inner-circle fill when the radio is checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-fill",
              "docs": "(<color>) Controls the inner-circle fill when the radio is checked (legacy alias).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-background-fill?",
              "docs": "(<color>) Controls the optional background fill when the radio is checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-stroke-color",
              "docs": "(<color>) Controls the stroke color when the radio is checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-selected-fill-active",
              "docs": "(<color>) Controls the inner-circle fill when the radio is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-background-fill-active?",
              "docs": "(<color>) Controls the optional background fill when the radio is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-background-stroke-active",
              "docs": "(<color>) Controls the stroke color when the radio is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-hover-background-fill?",
              "docs": "(<color>) Controls the optional background fill when the radio is hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-hover-stroke-color",
              "docs": "(<color>) Controls the stroke color when the radio is hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-hover-stroke-color",
              "docs": "(<color>) Controls the stroke color when a checked radio is hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-hover-label-color?",
              "docs": "(<color>) Controls the optional label text color when the radio is hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-focus-background-fill?",
              "docs": "(<color>) Controls the optional background fill when the radio is focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-focus-stroke-color",
              "docs": "(<color>) Controls the stroke color when the radio is focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-focus-label-color?",
              "docs": "(<color>) Controls the optional label text color when the radio is focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-color-active?",
              "docs": "(<color>) Controls the optional label text color when the radio is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-font-color?",
              "docs": "(<color>) Controls the optional label text color in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-font-color-checked?",
              "docs": "(<color>) Controls the optional label text color when the radio is checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-label-font-color?",
              "docs": "(<color>) Controls the optional label text color when the radio is checked (legacy alias).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the radio label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-font-weight",
              "docs": "(<number>) Controls the font weight of the radio label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-font-weight",
              "docs": "(<number>) Controls the font weight of the radio label (legacy alias).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-font-weight-active",
              "docs": "(<number>) Controls the label font weight when the radio is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-font-weight-checked",
              "docs": "(<number>) Controls the label font weight when the radio is checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-label-font-weight",
              "docs": "(<number>) Controls the label font weight when the radio is checked (legacy alias).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-letter-spacing",
              "docs": "(<length>) Controls the letter spacing of the radio label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-letter-spacing-active",
              "docs": "(<length>) Controls the label letter spacing when the radio is active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-letter-spacing-checked",
              "docs": "(<length>) Controls the label letter spacing when the radio is checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-checked-label-letter-spacing",
              "docs": "(<length>) Controls the label letter spacing when the radio is checked (legacy alias).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-gap",
              "docs": "(<length-percentage>) Controls the gap between the radio circle and label content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-margin-right",
              "docs": "(<length-percentage>) Controls the right margin of the radio label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-min-height",
              "docs": "(<length>) Controls the minimum height of the radio label row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-hidden-columns",
              "docs": "(*) Controls the grid-template-columns when the label is visually hidden.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-label-hidden-columns?",
              "docs": "(*) Controls the optional grid-template-columns when the label is visually hidden.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the radio tile label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of a radio tile.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-divider-width",
              "docs": "(<length>) Controls the width of the divider between radio tiles.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-divider-color",
              "docs": "(<color>) Controls the color of the divider between radio tiles.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-hover-background-fill",
              "docs": "(<color>) Controls the background of an unselected radio tile on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-active-background-fill",
              "docs": "(<color>) Controls the background of an unselected radio tile while active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-checked-background-fill",
              "docs": "(<color>) Controls the background of a selected radio tile.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-checked-label-color",
              "docs": "(<color>) Controls the label color of a selected radio tile.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-indicator-height",
              "docs": "(<length>) Controls the height of the selected radio tile indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-indicator-border-radius",
              "docs": "(<length-percentage>+) Controls the selected radio tile indicator radius.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-checked-stroke-color",
              "docs": "(<color>) Controls the border color of the radio tile when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-tile-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the radio tile when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Radio"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use as a single option within a Radio Group."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-radio/q2-radio.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-radio/q2-radio.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "ref",
            "id",
            "type",
            "name",
            "value",
            "disabled",
            "checked",
            "aria-label",
            "onChange",
            "test-id",
            "htmlFor",
            "aria-hidden"
          ],
          "htmlTagNames": [
            "div",
            "input",
            "label",
            "span",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-radio.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-radio-group",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2RadioGroup",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines if all radios in the group are put into a `disabled` state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hasError",
              "type": "boolean",
              "attribute": "has-error",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines if the component should display in an errant state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the group's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text for the fieldset legend describing the radio group."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Identifier which ties all radios together for accessibility and DOM selection."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Appends \"(optional)\" to the group label, and sets `aria-required` on the nested input tag to `false`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientation",
              "type": "string",
              "attribute": "orientation",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'vertical'",
              "complexType": {
                "original": "'vertical' | 'horizontal'",
                "resolved": "\"horizontal\" | \"vertical\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'vertical'"
                  }
                ],
                "text": "The layout direction of radio options when `tileLayout` is not enabled."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientationThreshold",
              "type": "number",
              "attribute": "orientation-threshold",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "440",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "The component determines this based on its own width, not the browser window."
                  },
                  {
                    "name": "default",
                    "text": "440"
                  }
                ],
                "text": "The width, in pixels, below which a horizontal non-tile layout displays vertically."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if all radios in the group can be focused, but not interacted with."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tileAlignment",
              "type": "string",
              "attribute": "tile-alignment",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'center'",
              "complexType": {
                "original": "'left' | 'center' | 'right'",
                "resolved": "\"center\" | \"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'center'"
                  }
                ],
                "text": "Provides alignment direction for tile-style radio group."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tilelayout",
              "type": "boolean",
              "attribute": "tilelayout",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tileLayout",
              "type": "boolean",
              "attribute": "tile-layout",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Show the radio group as a horizontal set of tiles."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The `value` of the currently selected `q2-radio` within the `q2-radio-group`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "responsiveOrientation"
            }
          ],
          "methods": [
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates clicking the `<q2-radio>` option with the provided value.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "onHostElementChange",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "keydown",
              "method": "keydownHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the value of the radio group changes."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the value of the radio group changes."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "disabled",
              "methodName": "disabledUpdated"
            },
            {
              "propName": "name",
              "methodName": "nameUpdated"
            },
            {
              "propName": "readonly",
              "methodName": "readonlyUpdated"
            },
            {
              "propName": "tilelayout",
              "methodName": "handleDeprecatedTilelayout"
            },
            {
              "propName": "tileLayout",
              "methodName": "tileLayoutUpdated"
            },
            {
              "propName": "value",
              "methodName": "valueUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-RADIO-GROUP",
              "styleStr": null,
              "styleIdentifier": "Q2RadioGroupStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-radio-group/q2-radio-group.scss",
                  "relativePath": "q2-radio-group.scss",
                  "originalComponentPath": "q2-radio-group.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-radio-group-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the radio-group host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the radio-group host when --tct-radio-group-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the radio-group host when --tct-radio-group-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-fieldset-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the radio-group fieldset.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-options-margin",
              "docs": "(<length-percentage>+) Controls the margin around the radio options container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-options-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the radio options container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the radio options container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-border-width",
              "docs": "(<length>+) Controls the border width of the radio options container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-error-border-color",
              "docs": "(<color>) Controls the border color of the radio options container in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-horizontal-gap",
              "docs": "(<length-percentage>) Controls the gap between horizontal non-tile radio options.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-justify-content",
              "docs": "(<custom-ident>) Controls how non-tile radio options are aligned along the layout direction.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-separator-color",
              "docs": "(<color>) Controls the color of separators between vertical non-tile radio options.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-separator-width?",
              "docs": "(<length>) Controls the optional thickness of separators between vertical non-tile radio options.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-tile-border-color",
              "docs": "(<color>) Controls the border color around the tiled radio group.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-tile-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the tiled radio group.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-column-gap",
              "docs": "(<length-percentage>) Controls the column gap between the radio-group label text and trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-font-color?",
              "docs": "(<color>) Controls the optional text color of the radio-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the radio-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-font-weight",
              "docs": "(<number>) Controls the font weight of the radio-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the radio-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-line-height?",
              "docs": "(<length-percentage>) Controls the optional line height of the radio-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text transform of the radio-group label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-optional-color",
              "docs": "(<color>) Controls the text color of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-optional-font-size",
              "docs": "(<length-percentage>) Controls the font size of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-optional-font-weight",
              "docs": "(<number>) Controls the font weight of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-radio-group-label-optional-margin-left",
              "docs": "(<length-percentage>) Controls the left margin of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Radio Group"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for selecting exactly one option from a small set of choices."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-radio-group/q2-radio-group.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-radio-group/q2-radio-group.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "key",
            "type",
            "test-id",
            "onChange",
            "aria-invalid",
            "onTctResize",
            "disabled"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "q2-icon",
            "fieldset",
            "legend",
            "q2-resize-observer"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon",
            "q2-resize-observer"
          ],
          "dependents": [],
          "dependencies": [
            "q2-icon",
            "q2-resize-observer"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon",
            "q2-resize-observer"
          ]
        }
      ],
      "entryKey": "q2-radio-group.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-relative-time",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2RelativeTime",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "baseDate",
              "type": "string",
              "attribute": "base-date",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Date | string",
                "resolved": "Date | string",
                "references": {
                  "Date": {
                    "location": "global",
                    "id": "global::Date"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "- Requires a valid `date` value.\n- If the provided `baseDate` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console.\n- Providing a valid `baseDate` will disable `sync` and remove the \"in\"/\"ago\" suffixes in the time message.\n- Must be a valid ISO date string."
                  }
                ],
                "text": "If you want to display the length of time between two specific dates, you can provide a valid `date` and `baseDate`, and the component will display the length of time between the two dates.\n\nIf `baseDate` is not provided, the date and time at render will be used instead and - if `sync` is true - updated every second to reflect the time between the `date` value and the time at render."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "date",
              "type": "string",
              "attribute": "date",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Date | string",
                "resolved": "Date | string",
                "references": {
                  "Date": {
                    "location": "global",
                    "id": "global::Date"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "- Must be a valid ISO date string.\n- If the provided `date` is invalid, the component will display \"Invalid Date\" and a warning message will be printed in the console."
                  }
                ],
                "text": "The date you want to calculate relative time from."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "locale",
              "type": "string",
              "attribute": "locale",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "document.documentElement.lang || 'en-US'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "It is recommended to use the BCP 47 Language Tags in the [\"language-extlang\" format](https://www.w3.org/International/articles/language-tags/)."
                  },
                  {
                    "name": "default",
                    "text": "document.documentElement.lang || 'en-US'"
                  }
                ],
                "text": "The language used for the displayed message."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "messageFormat",
              "type": "string",
              "attribute": "message-format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'short'",
              "complexType": {
                "original": "'long' | 'short' | 'narrow'",
                "resolved": "\"long\" | \"narrow\" | \"short\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'short'"
                  }
                ],
                "text": "The length of the relative time message."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "numeric",
              "type": "string",
              "attribute": "numeric",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "'always' | 'auto'",
                "resolved": "\"always\" | \"auto\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": " Set this property to `always` to force the use of numeric values (e.g. \"1 day ago\") rather than relative ones (e.g. \"yesterday\")."
                  },
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "Determines if the displayed message will use numeric or relative values."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "sync",
              "type": "boolean",
              "attribute": "sync",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "If a valid `baseDate` is provided, `sync` will be set to `false`."
                  },
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Keep the displayed message updated as time passes in the webpage."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "unit",
              "type": "string",
              "attribute": "unit",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'second' | 'minute' | 'hour' | 'day' | 'month' | 'quarter' | 'year'",
                "resolved": "\"day\" | \"hour\" | \"minute\" | \"month\" | \"quarter\" | \"second\" | \"year\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Enforces the use of the provided unit of measurement in the displayed message."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "displayedMessage"
            }
          ],
          "methods": [
            {
              "name": "displayedMessageValue",
              "docs": {
                "text": "Retrieves the value of the displayed messages.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<string>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<string>"
              },
              "internal": false
            },
            {
              "name": "validBaseDateProp",
              "docs": {
                "text": "Checks the provided baseDate prop is a valid date.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<boolean>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<boolean>"
              },
              "internal": false
            },
            {
              "name": "validDateProp",
              "docs": {
                "text": "Checks the provided date prop is a valid date.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<boolean>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<boolean>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "messageFormat",
              "methodName": "updateMessage"
            },
            {
              "propName": "locale",
              "methodName": "updateMessage"
            },
            {
              "propName": "date",
              "methodName": "updateMessage"
            },
            {
              "propName": "baseDate",
              "methodName": "updateMessage"
            },
            {
              "propName": "numeric",
              "methodName": "updateMessage"
            },
            {
              "propName": "unit",
              "methodName": "updateMessage"
            },
            {
              "propName": "sync",
              "methodName": "syncUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-RELATIVE-TIME",
              "styleStr": null,
              "styleIdentifier": "Q2RelativeTimeStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-relative-time/q2-relative-time.scss",
                  "relativePath": "q2-relative-time.scss",
                  "originalComponentPath": "q2-relative-time.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Relative Time"
              },
              {
                "name": "category",
                "text": "Text"
              },
              {
                "name": "summary",
                "text": "Use for displaying time differences like \"2 hours ago\" or \"in 3 days\"."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-relative-time/q2-relative-time.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-relative-time/q2-relative-time.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": true,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "dateTime"
          ],
          "htmlTagNames": [
            "time"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-relative-time.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-search",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Search",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "clearable",
              "type": "boolean",
              "attribute": "clearable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Renders an icon button when the field is non-empty. Pressing the button clears the query and selection."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Disables all interaction with the field and leverages the disabled visual style of `q2-input`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errors",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The presence of `errors` will mark the field as invalid, putting it into an error state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "filter",
              "type": "boolean",
              "attribute": "filter",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "When `true`, the component case-insensitively matches each `<q2-option>`'s `display` and `innerText`\nagainst the current query and toggles `hidden`. When `false` (default), the consumer is expected to\nfilter or fetch options in response to the `tctInput` event."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Hides the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "invalid",
              "type": "boolean",
              "attribute": "invalid",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines whether to show an error state. Its primary use-case is for an unfilled field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that will be used as the label for the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "listLabel",
              "type": "string",
              "attribute": "list-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'tecton.element.search.listLabel'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "'tecton.element.search.listLabel'"
                  }
                ],
                "text": "Determines the label that is applied to the option list for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "loading",
              "type": "boolean",
              "attribute": "loading",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Opens the popover and shows a spinner inside it until results populate. The clear button is suppressed while loading."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minRows",
              "type": "number",
              "attribute": "min-rows",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "3",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "3"
                  }
                ],
                "text": "The minimum number of rows the component will try to display below or above the component when opened."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multilineOptions",
              "type": "boolean",
              "attribute": "multiline-options",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables text wrapping for `q2-option` elements. When `false`, the text truncates and does not wrap."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multiple",
              "type": "boolean",
              "attribute": "multiple",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables multi-select functionality."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "noResultsMessage",
              "type": "string",
              "attribute": "no-results-message",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'tecton.element.search.noResults'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "'tecton.element.search.noResults'"
                  }
                ],
                "text": "The message displayed when the popover is open and no options are visible. Overridden by the `empty` slot."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "placeholder",
              "type": "string",
              "attribute": "placeholder",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text that appears within the field when it is blurred and empty."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverAlignment",
              "type": "string",
              "attribute": "popover-alignment",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Aligns the popover dropdown to the left or right side of the input. Requires\nthe `--tct-popover-width` CSS custom property to be set on the host; without\nit q2-search logs a warning and renders the popover at input-width\n(the default behavior). When the viewport is narrower than the defined width,\nq2-search transparently falls back to input-width so the popover never\noverflows the viewport."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMaxHeight",
              "type": "number",
              "attribute": "popover-max-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the maximum height of the popover. Interpreted as pixels.\nIf unset or exceeds available space, the component auto-detects the maximum height."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Appends \"(read only)\" to the field label, and field becomes unusable but remains focusable.\nTakes priority over `optional` if both are `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedOptions",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "Each item in this array should correspond to the value of a `q2-option` element.\nOnly relevant for `multiple` (multi-select) implementations."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showSelectedToggle",
              "type": "boolean",
              "attribute": "show-selected-toggle",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Renders a header inside the popover with a toggle to switch between viewing search\nresults and only the selected options. Only applies to `multiple` (multi-select)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The current value for the search. Should correspond to the value of a nested `q2-option` element.\nOnly relevant for single-select implementations."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasEmptySlot"
            },
            {
              "name": "hasOptions"
            },
            {
              "name": "hasPopoverBottom"
            },
            {
              "name": "hasPopoverTop"
            },
            {
              "name": "inputFocused"
            },
            {
              "name": "isShowingSelectionDisplay"
            },
            {
              "name": "open"
            },
            {
              "name": "searchText"
            },
            {
              "name": "showSelected"
            },
            {
              "name": "statusMessage"
            },
            {
              "name": "structuredSelectedOptions"
            },
            {
              "name": "viewportFallbackActive"
            }
          ],
          "methods": [
            {
              "name": "closePopover",
              "docs": {
                "text": "Closes the popover.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openPopover",
              "docs": {
                "text": "Opens the popover.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "reset",
              "docs": {
                "text": "Resets the search to its initial state: clears the input, the\nselection, and closes the popover. Use this from consumers that\ntreat selection as a one-shot trigger (e.g. navigation) rather\nthan a committed form value.\n\nEmits `tctInput` with an empty query so listeners can reconcile.\nEmits `tctClose` as a side effect of closing the popover if it is open.\nDoes not emit `tctChange`.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "searchOptions",
              "docs": {
                "text": "Programmatically focuses the input, sets its value, and emits `tctInput`.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(query: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "query",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setValue",
              "docs": {
                "text": "Selects the option(s) with the specified value(s).\nIf multi-select is enabled and `closePopover` is `true` (default), the popover closes after selection.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>",
                "parameters": [
                  {
                    "name": "values",
                    "type": "string | string[]",
                    "docs": ""
                  },
                  {
                    "name": "options",
                    "type": "{ closePopover?: boolean; }",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "onFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "focusout",
              "method": "onFocusOut",
              "capture": false,
              "passive": false
            },
            {
              "name": "keydown",
              "method": "onKeyDown",
              "capture": false,
              "passive": false
            },
            {
              "name": "tctClear",
              "method": "onClear",
              "capture": false,
              "passive": false
            },
            {
              "name": "tctPopoverStateChanged",
              "method": "onPopoverStateChanged",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when an option is selected or deselected.\n\nWhen multi-select is enabled, `value` is `undefined` and `selectedOptions` contains the selected values.\nIgnore `tctVModel` — included for Vue v-model compatibility."
              },
              "complexType": {
                "original": "{ value: string; selectedOptions: string[]; tctVModel: string | string[] }",
                "resolved": "{ value: string; selectedOptions: string[]; tctVModel: string | string[]; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClose",
              "method": "tctClose",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the popover closes."
              },
              "complexType": {
                "original": "void",
                "resolved": "void",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctInput",
              "method": "tctInput",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted on every keystroke with the current query."
              },
              "complexType": {
                "original": "{ query: string }",
                "resolved": "{ query: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctOpen",
              "method": "tctOpen",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the popover opens."
              },
              "complexType": {
                "original": "void",
                "resolved": "void",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "loading",
              "methodName": "onLoadingChange"
            },
            {
              "propName": "multilineOptions",
              "methodName": "onMultilineOptionsChange"
            },
            {
              "propName": "open",
              "methodName": "onOpenChange"
            },
            {
              "propName": "searchText",
              "methodName": "onSearchTextChange"
            },
            {
              "propName": "value",
              "methodName": "buildStructuredSelectedOptions"
            },
            {
              "propName": "selectedOptions",
              "methodName": "buildStructuredSelectedOptions"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-SEARCH",
              "styleStr": null,
              "styleIdentifier": "Q2SearchStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-search/q2-search.scss",
                  "relativePath": "q2-search.scss",
                  "originalComponentPath": "q2-search.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-search-icon-size",
              "docs": "(<length>) Controls the size of search input icons, including slotted icons and clear.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-margin?",
              "docs": "(<length-percentage>+) Controls the margin of the component host as a shorthand. Overrides --tct-search-margin-top and --tct-search-margin-bottom when set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the component host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the component host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-input-min-height?",
              "docs": "(*) Controls the minimum height of the search input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-input-max-height?",
              "docs": "(*) Controls the maximum height of the search input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-input-horizontal-gap",
              "docs": "(<length-percentage>) Controls the horizontal gap between elements inside the search input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-icon-min-width?",
              "docs": "(*) Controls the minimum width of the icon container in the search input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-loading-popover-height?",
              "docs": "(<length-percentage>) Controls the minimum height of the popover while the component is in the loading state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-loading-spinner-size",
              "docs": "(<length-percentage>) Controls the size of the loading spinner.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-header-padding",
              "docs": "(<length-percentage>+) Controls the padding of the multi-select filter header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-header-background",
              "docs": "(<color>) Controls the background color of the multi-select filter header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-padding",
              "docs": "(<length-percentage>+) Controls the padding of each filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-font-size",
              "docs": "(<length-percentage>) Controls the font size of each filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of each filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-background",
              "docs": "(<color>) Controls the default background color of each filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-font-color",
              "docs": "(<color>) Controls the default text color of each filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-hover-background",
              "docs": "(<color>) Controls the background color of a filter option label on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-hover-font-color",
              "docs": "(<color>) Controls the text color of a filter option label on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-active-background",
              "docs": "(<color>) Controls the background color of the selected filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-active-font-color",
              "docs": "(<color>) Controls the text color of the selected filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-multi-select-option-disabled-opacity",
              "docs": "(<number>) Controls the opacity of a disabled filter option label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-no-results-padding",
              "docs": "(<length-percentage>+) Controls the padding of the no-results message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-search-no-results-font-color",
              "docs": "(<color>) Controls the text color of the no-results message.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Search"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for search-first selection where the option list is driven by user input — supports both in-memory filtering and async fetch."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              },
              {
                "name": "slot",
                "text": "popover-top - An optional slot for persistent content at the top of the popover (e.g., secondary actions)."
              },
              {
                "name": "slot",
                "text": "popover-bottom - An optional slot for persistent content at the bottom of the popover."
              },
              {
                "name": "slot",
                "text": "empty - An optional slot to display custom content when the popover is open and no options are visible."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-search/q2-search.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-search/q2-search.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "name",
            "slot",
            "class",
            "aria-label",
            "type",
            "id",
            "value",
            "checked",
            "onClick",
            "htmlFor",
            "disabled",
            "hidden",
            "ref",
            "controlElement",
            "open",
            "maxHeight",
            "minHeight",
            "align",
            "block",
            "data-loading",
            "aria-busy",
            "tabindex",
            "label",
            "multiple",
            "selectedOptions",
            "showSelected",
            "customSearch",
            "onChange",
            "onTctChange",
            "aria-hidden",
            "key",
            "aria-live",
            "aria-atomic",
            "role",
            "iconLeft",
            "clearable",
            "optional",
            "readonly",
            "placeholder",
            "hideLabel",
            "errors",
            "ariaExpanded",
            "ariaControls",
            "ariaHaspopup",
            "hideMessages",
            "_role",
            "onTctInput",
            "onInput",
            "badgeValue"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "fieldset",
            "legend",
            "input",
            "label",
            "q2-popover",
            "q2-option-list",
            "q2-loading",
            "click-elsewhere",
            "q2-input"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-popover",
            "q2-option-list",
            "q2-loading",
            "click-elsewhere",
            "q2-input"
          ],
          "dependents": [],
          "dependencies": [
            "click-elsewhere",
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-input",
            "q2-loading",
            "q2-option-list",
            "q2-popover"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-popover",
            "q2-option-list",
            "q2-loading",
            "click-elsewhere",
            "q2-input"
          ]
        }
      ],
      "entryKey": "q2-search.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-section",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Section",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "collapsible",
              "type": "boolean",
              "attribute": "collapsible",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if the section is collapsible."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "expanded",
              "type": "boolean",
              "attribute": "expanded",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates if the `q2-section` is in an expanded state or not."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "If you are providing a custom header, setting this property is still strongly encouraged for the purposes of\naccessibility."
                  }
                ],
                "text": "The text to display above the `q2-section`. Renders as an `<h2>` element.\n\nIt is also used to provided an `aria-label` for the toggle button when the component is collapsible."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "noCollapseIcon",
              "type": "boolean",
              "attribute": "no-collapse-icon",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines if the collapse chevron icon should show in the `q2-section` header."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "contentHeight"
            },
            {
              "name": "hasYieldedHeader"
            },
            {
              "name": "hideContent"
            }
          ],
          "methods": [
            {
              "name": "collapse",
              "docs": {
                "text": "A test method to collapse section.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2BtnElement": {
                    "location": "global",
                    "id": "global::HTMLQ2BtnElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "expand",
              "docs": {
                "text": "A test method to expand section.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2BtnElement": {
                    "location": "global",
                    "id": "global::HTMLQ2BtnElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "defaultChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the section is expanded or collapsed."
              },
              "complexType": {
                "original": "{ expanded: boolean }",
                "resolved": "{ expanded: boolean; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the section is expanded or collapsed."
              },
              "complexType": {
                "original": "{ expanded: boolean }",
                "resolved": "{ expanded: boolean; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "collapsible",
              "methodName": "collapsibleObserver"
            },
            {
              "propName": "expanded",
              "methodName": "expandedObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-SECTION",
              "styleStr": null,
              "styleIdentifier": "Q2SectionStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-section/q2-section.scss",
                  "relativePath": "q2-section.scss",
                  "originalComponentPath": "q2-section.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-section-background",
              "docs": "(<color>) Controls the background color of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-font-color",
              "docs": "(<color>) Controls the text color of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-border-color?",
              "docs": "(<color>) Controls the optional border color of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-border-style",
              "docs": "(<custom-ident>) Controls the border style of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-border-width?",
              "docs": "(<length>+) Controls the optional border width of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the section host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-print-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the section host in print media.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-tween",
              "docs": "(*) Controls the transition timing for the section's expand/collapse animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-wrapper-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the section wrapper.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-wrapper-hover-box-shadow?",
              "docs": "(*) Controls the optional box shadow applied to the section wrapper on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-header-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the section header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-header-print-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the section header in print media.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-header-min-height",
              "docs": "(<length>) Controls the minimum height of the section header when a header is present.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-title-margin?",
              "docs": "(<length-percentage>+) Controls the optional outer margin of the section title.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-title-font-size",
              "docs": "(<length-percentage>) Controls the font size of the section title.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-icon-size",
              "docs": "(<length>) Controls the size of the section expand/collapse icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-title-font-weight",
              "docs": "(<number>) Controls the font weight of the section title.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-title-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text transform of the section title.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-title-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the section title.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-content-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the section content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-content-print-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the section content area in print media.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-btn-hover-background",
              "docs": "(<color>) Controls the background color of the section header's collapse/expand button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-btn-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of the section header's collapse/expand button icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-section-btn-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of the section header's collapse/expand button icon.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Section"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for grouping related content with a header and optional collapse."
              },
              {
                "name": "slot",
                "text": "q2-section-header - An optional slot to display a custom header."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-section/q2-section.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-section/q2-section.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "id",
            "onClick",
            "ref",
            "name",
            "label",
            "ariaExpanded",
            "ariaControls",
            "test-id",
            "hide-label",
            "type",
            "aria-labelledby",
            "role",
            "onTransitionEnd",
            "style",
            "tabindex"
          ],
          "htmlTagNames": [
            "section",
            "header",
            "div",
            "h2",
            "slot",
            "q2-btn",
            "q2-icon"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-btn",
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-icon",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-btn",
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-section.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-section-container",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2SectonContainer",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "openMode",
              "type": "string",
              "attribute": "open-mode",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'single'",
              "complexType": {
                "original": "'multiple' | 'single'",
                "resolved": "\"multiple\" | \"single\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'single'"
                  }
                ],
                "text": "Determines if a single or multiple sections can be open at a time."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "openPaneIndex",
              "type": "number",
              "attribute": "open-pane-index",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines which section starts open."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "startAllOpen",
              "type": "boolean",
              "attribute": "start-all-open",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "If you have openMode set to multiple, all panes will start open."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines if all sections inside the section-container start opened or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "startOpen",
              "type": "boolean",
              "attribute": "start-open",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "If you have openMode set to single, the pane specified in openPaneIndex will start open, or the first pane if unspecified.\nIf you have openMode set to multiple, you can also select startAllOpen to open all panes."
                  },
                  {
                    "name": "warning",
                    "text": "OpenMode = multiple and StartAllOpen=true does not work correctly inside of a q2-tab that starts closed."
                  },
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Determines if the section-container starts opened or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "openMode",
              "methodName": "handleOpenStateChange"
            },
            {
              "propName": "openPaneIndex",
              "methodName": "handleOpenStateChange"
            },
            {
              "propName": "startAllOpen",
              "methodName": "handleOpenStateChange"
            },
            {
              "propName": "startOpen",
              "methodName": "handleOpenStateChange"
            }
          ],
          "doesExtend": false,
          "styles": [],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Section Container"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for managing multiple collapsible sections with single or multiple open modes."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-section-container/q2-section-container.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-section-container/q2-section-container.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": false,
          "hasRenderFn": false,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": false,
          "hasVdomAttribute": false,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [],
          "htmlTagNames": [
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-section-container.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-stepper",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Stepper",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "currentStep",
              "type": "number",
              "attribute": "current-step",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The currently selected step."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "lastEnabledStep",
              "type": "number",
              "attribute": "last-enabled-step",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Will be managed automatically if not provided."
                  }
                ],
                "text": "The last step the user may navigate to."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "stepCount",
              "type": "number",
              "attribute": "step-count",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used to determine the number of steps in the stepper."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "contentChangeTriggerCount"
            },
            {
              "name": "scrollEnabled"
            },
            {
              "name": "showScrollLeft"
            },
            {
              "name": "showScrollRight"
            }
          ],
          "methods": [
            {
              "name": "selectStep",
              "docs": {
                "text": "Emulates clicking a step in the stepper and emitting the change event.\n\nYou may provide either the step number or the stepper pane id.\n\nIf the value is invalid or the step is locked, the method will do nothing.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: number | string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string | number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLButtonElement": {
                    "location": "global",
                    "id": "global::HTMLButtonElement"
                  },
                  "HTMLQ2StepperPaneElement": {
                    "location": "global",
                    "id": "global::HTMLQ2StepperPaneElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "defaultChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "contentChange",
              "method": "contentChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "statusChange",
              "method": "statusChangeHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the selected step changes."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the selected step changes."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "currentStep",
              "methodName": "currentStepChanged"
            },
            {
              "propName": "lastEnabledStep",
              "methodName": "lastEnabledStepChanged"
            },
            {
              "propName": "currentStep",
              "methodName": "lastEnabledStepChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-STEPPER",
              "styleStr": null,
              "styleIdentifier": "Q2StepperStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper/q2-stepper.scss",
                  "relativePath": "q2-stepper.scss",
                  "originalComponentPath": "q2-stepper.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-stepper-min-height",
              "docs": "(<length>) Controls the minimum height of each step list item.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-list-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the step list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-step-width",
              "docs": "(<length>) Controls the width of each step within the list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-step-gap",
              "docs": "(<length-percentage>) Controls the gap between adjacent steps.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-tween",
              "docs": "(*) Controls the transition timing for stepper animations.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-scroll-arrow-color",
              "docs": "(<color>) Controls the stroke color of the scroll arrow icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-btn-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the step button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-btn-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the step button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-btn-icon-size",
              "docs": "(<length>) Controls the size of the step bullet icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-btn-icon-visibility",
              "docs": "(<custom-ident>) Controls the visibility of the step bullet icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-btn-gap",
              "docs": "(<length-percentage>) Controls the gap between the step bullet and the step label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-btn-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the step bullet text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-active-font-weight",
              "docs": "(<number>) Controls the font weight applied to active step labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-active-background",
              "docs": "(<color>) Controls the background color of the active step bullet.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-active-font-color",
              "docs": "(<color>) Controls the text color inside the active step bullet.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-active-font-weight",
              "docs": "(<number>) Controls the font weight inside the active step bullet when selected.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-active-divider-color",
              "docs": "(<color>) Controls the color of the divider line between the active step and adjacent steps.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-active-box-shadow",
              "docs": "(*) Controls the box shadow of the selected step bullet.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-complete-box-shadow",
              "docs": "(*) Controls the box shadow of completed step bullets.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-error-box-shadow",
              "docs": "(*) Controls the box shadow of step bullets in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-inactive-background",
              "docs": "(<color>) Controls the background color of inactive step bullets.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-inactive-font-color",
              "docs": "(<color>) Controls the text color inside inactive step bullets.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-disabled-background",
              "docs": "(<color>) Controls the background color of disabled step bullets.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-disabled-font-color",
              "docs": "(<color>) Controls the text color inside disabled step bullets.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-disabled-divider-color",
              "docs": "(<color>) Controls the color of the divider line adjacent to disabled steps.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-bullet-disabled-box-shadow?",
              "docs": "(*) Controls the optional box shadow of disabled step bullets.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-label-color",
              "docs": "(<color>) Controls the text color of step labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of step labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-label-font-weight",
              "docs": "(<number>) Controls the font weight of step labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-label-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of step labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-label-line-count",
              "docs": "(<integer>) Controls the maximum number of lines for the step label before clamping.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-description-color",
              "docs": "(<color>) Controls the text color of step descriptions.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-description-font-size",
              "docs": "(<length-percentage>) Controls the font size of step descriptions.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-description-line-count",
              "docs": "(<integer>) Controls the maximum number of lines for the step description before clamping.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Stepper"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for guiding users through a multi-step workflow with horizontal progress."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper/q2-stepper.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper/q2-stepper.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": false,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "role",
            "class",
            "type",
            "aria-labelledby",
            "aria-describedBy",
            "aria-label",
            "aria-selected",
            "aria-disabled",
            "tabIndex",
            "onKeyDown",
            "onClick",
            "id",
            "aria-hidden",
            "innerHTML",
            "key",
            "hidden",
            "hideLabel",
            "label",
            "onTctClick",
            "onScroll",
            "ref",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "li",
            "button",
            "span",
            "div",
            "q2-icon",
            "q2-btn",
            "ul",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon",
            "q2-btn"
          ],
          "dependents": [],
          "dependencies": [
            "q2-btn",
            "q2-icon",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon",
            "q2-btn"
          ]
        }
      ],
      "entryKey": "q2-stepper.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-stepper-pane",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2StepperPane",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The description for the pane."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the pane's step button in the stepper, preventing user interaction."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "isActive",
              "type": "boolean",
              "attribute": "is-active",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-stepper and q2-stepper-vertical to determine which pane is active"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The label for the pane."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showWithChildren",
              "type": "boolean",
              "attribute": "show-with-children",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Currently only supported in the `<q2-stepper-vertical>` component."
                  }
                ],
                "text": "Indicates to display the content of the pane when one of its children is selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "status",
              "type": "string",
              "attribute": "status",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'complete' | 'error' | 'locked'",
                "resolved": "\"complete\" | \"error\" | \"locked\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The status of the pane."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "isChildActive"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "activeChange",
              "method": "checkForActiveChildren",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "activeChange",
              "method": "activeChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctActiveChange' instead"
                  }
                ],
                "text": "Emitted when the active state of the pane changes."
              },
              "complexType": {
                "original": "StepperPaneEvent",
                "resolved": "StepperPaneEvent",
                "references": {
                  "StepperPaneEvent": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                    "referenceLocation": "StepperPaneEvent"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "contentChange",
              "method": "contentChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the content of the pane changes."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "statusChange",
              "method": "statusChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctStatusChange' instead"
                  }
                ],
                "text": "Emitted when the status of the pane changes."
              },
              "complexType": {
                "original": "StepperPaneEvent",
                "resolved": "StepperPaneEvent",
                "references": {
                  "StepperPaneEvent": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                    "referenceLocation": "StepperPaneEvent"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctActiveChange",
              "method": "tctActiveChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the active state of the pane changes."
              },
              "complexType": {
                "original": "StepperPaneEvent",
                "resolved": "StepperPaneEvent",
                "references": {
                  "StepperPaneEvent": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                    "referenceLocation": "StepperPaneEvent"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctStatusChange",
              "method": "tctStatusChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the status of the pane changes."
              },
              "complexType": {
                "original": "StepperPaneEvent",
                "resolved": "StepperPaneEvent",
                "references": {
                  "StepperPaneEvent": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::StepperPaneEvent",
                    "referenceLocation": "StepperPaneEvent"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "disabled",
              "methodName": "labelOrDescriptionChanged"
            },
            {
              "propName": "label",
              "methodName": "labelOrDescriptionChanged"
            },
            {
              "propName": "description",
              "methodName": "labelOrDescriptionChanged"
            },
            {
              "propName": "isActive",
              "methodName": "isActiveChanged"
            },
            {
              "propName": "showWithChildren",
              "methodName": "checkForActiveChildren"
            },
            {
              "propName": "status",
              "methodName": "statusChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-STEPPER-PANE",
              "styleStr": null,
              "styleIdentifier": "Q2StepperPaneStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.scss",
                  "relativePath": "q2-stepper-pane.scss",
                  "originalComponentPath": "q2-stepper-pane.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Stepper Pane"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use as a single step within a Stepper or Vertical Stepper."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to replace the label attribute with custom content as the stepper pane's label."
              },
              {
                "name": "slot",
                "text": "description - An optional slot to replace the description attribute with custom content as the stepper pane's description.\nIf you would like to ellipsize any part of the description, Tecton exposes an `ellipsize` class for you to use."
              },
              {
                "name": "slot",
                "text": "children - A slot specifically for [Vertical Stepper](https://tecton.q2developer.com/design-system/q2-stepper-vertical) to display child `q2-stepper-pane` elements within a stepper pane."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-pane/q2-stepper-pane.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": true,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "role",
            "aria-labelledby",
            "tabindex",
            "hidden",
            "id",
            "name",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "span"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-stepper-pane.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-stepper-vertical",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2StepperVertical",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "currentStepId",
              "type": "string",
              "attribute": "current-step-id",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The `id` of the currently selected `q2-stepper-pane`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "structuredPanes"
            }
          ],
          "methods": [
            {
              "name": "selectStep",
              "docs": {
                "text": "A method to select a step corresponding with the step id.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(stepId: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "stepId",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLButtonElement": {
                    "location": "global",
                    "id": "global::HTMLButtonElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "defaultChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "contentChange",
              "method": "contentChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "statusChange",
              "method": "statusChangeHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the selected step changes."
              },
              "complexType": {
                "original": "{\n        selectedStep: HTMLQ2StepperPaneElement;\n        selectedStepId: string;\n        currentStepId: string;\n    }",
                "resolved": "{ selectedStep: HTMLQ2StepperPaneElement; selectedStepId: string; currentStepId: string; }",
                "references": {
                  "HTMLQ2StepperPaneElement": {
                    "location": "global",
                    "id": "global::HTMLQ2StepperPaneElement"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the selected step changes."
              },
              "complexType": {
                "original": "{\n        selectedStep: HTMLQ2StepperPaneElement;\n        selectedStepId: string;\n        currentStepId: string;\n    }",
                "resolved": "{ selectedStep: HTMLQ2StepperPaneElement; selectedStepId: string; currentStepId: string; }",
                "references": {
                  "HTMLQ2StepperPaneElement": {
                    "location": "global",
                    "id": "global::HTMLQ2StepperPaneElement"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "currentStepId",
              "methodName": "currentStepChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-STEPPER-VERTICAL",
              "styleStr": null,
              "styleIdentifier": "Q2StepperVerticalStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-vertical/q2-stepper-vertical.scss",
                  "relativePath": "q2-stepper-vertical.scss",
                  "originalComponentPath": "q2-stepper-vertical.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-stepper-vertical-layout-gap",
              "docs": "(<length-percentage>) Controls the gap between the step list and step content columns.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-list-width",
              "docs": "(<length-percentage>) Controls the width of the step list column.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-tween",
              "docs": "(*) Controls the transition timing for vertical stepper animations.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-spacer-height",
              "docs": "(<length>) Controls the height of the spacer between sibling step groups.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-bullet-active-background",
              "docs": "(<color>) Controls the background color of the active step bullet.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-label-color",
              "docs": "(<color>) Controls the text color of the step label in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-description-color",
              "docs": "(<color>) Controls the text color of the step description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-description-font-size",
              "docs": "(<length-percentage>) Controls the font size of the step description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-height",
              "docs": "(<length>) Controls the minimum height of the top-level step button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-font-size",
              "docs": "(<length-percentage>) Controls the font size of the top-level step button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the step button label text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-active-font-weight",
              "docs": "(<number>) Controls the font weight of the step label when the step is selected.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-locked-color",
              "docs": "(<color>) Controls the text color of the step label when the step is locked or disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-text-align",
              "docs": "(<custom-ident>) Controls the text alignment of the step button content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-gap",
              "docs": "(<length-percentage>) Controls the gap between the step icon and step label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-icon-size",
              "docs": "(<length>) Controls the size of the top-level step icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-btn-icon-visibility",
              "docs": "(<custom-ident>) Controls the visibility of the step icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-height",
              "docs": "(<length>) Controls the minimum height of child step buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-font-size",
              "docs": "(<length-percentage>) Controls the font size of child step buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of child step button labels.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-icon-size",
              "docs": "(<length>) Controls the size of child step icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-left-padding",
              "docs": "(<length-percentage>) Controls the left padding of child step buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-left-border-style",
              "docs": "(<custom-ident>) Controls the left border style of child step buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-btn-left-border-width",
              "docs": "(<length>) Controls the left border width of child step buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-border-color",
              "docs": "(<color>) Controls the color of the connecting border between child steps.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-border-style",
              "docs": "(<custom-ident>) Controls the style of the connecting border between child steps.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-child-border-width",
              "docs": "(<length>) Controls the width of the connecting border between child steps.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-step-focus-visible-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius applied to the step button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-stepper-vertical-step-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow applied to the step button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Vertical Stepper"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for guiding users through a multi-step workflow with vertical progress."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-vertical/q2-stepper-vertical.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-stepper-vertical/q2-stepper-vertical.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": true,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "role",
            "class",
            "type",
            "aria-labelledby",
            "aria-label",
            "aria-selected",
            "id",
            "aria-disabled",
            "tabIndex",
            "onKeyDown",
            "onClick",
            "aria-hidden",
            "innerHTML",
            "ref",
            "aria-describedBy",
            "aria-expanded",
            "key"
          ],
          "htmlTagNames": [
            "li",
            "button",
            "span",
            "div",
            "q2-icon",
            "ul",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-stepper-vertical.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-surface",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Surface",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "background",
              "type": "string",
              "attribute": "background",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'default' | 'primary' | 'secondary' | 'tertiary' | 'gray'",
                "resolved": "\"default\" | \"gray\" | \"primary\" | \"secondary\" | \"tertiary\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Applies a background color from the design-system token palette. When unset, the surface is transparent."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "backgroundGradient",
              "type": "boolean",
              "attribute": "background-gradient",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Direction and colors are customizable via CSS custom properties."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Applies a gradient fade across the background."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "border",
              "type": "string",
              "attribute": "border",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'default' | 'primary' | 'secondary' | 'tertiary' | 'gray'",
                "resolved": "\"default\" | \"gray\" | \"primary\" | \"secondary\" | \"tertiary\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders a visible border around the surface, optionally in a themed color."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "borderGradient",
              "type": "boolean",
              "attribute": "border-gradient",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Requires `border` to be set to produce a colored gradient. Without `border`, falls back to the default border color."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Renders the border as a gradient using the color set by the `border` prop. Takes precedence over a solid `border` when both are set."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clickable",
              "type": "boolean",
              "attribute": "clickable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Emits `tctClick` when clicked."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Makes the surface interactive, responding to clicks."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "elevation",
              "type": "number",
              "attribute": "elevation",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "0",
              "complexType": {
                "original": "0 | 1 | 2 | 3 | 4 | 5",
                "resolved": "0 | 1 | 2 | 3 | 4 | 5",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "0 means no shadow; higher values appear more elevated."
                  },
                  {
                    "name": "default",
                    "text": "0"
                  }
                ],
                "text": "Gives the component a drop shadow."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "inset",
              "type": "string",
              "attribute": "inset",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'none'",
              "complexType": {
                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Individual axes can be overridden with `inset-x` and `inset-y`."
                  },
                  {
                    "name": "default",
                    "text": "'none'"
                  }
                ],
                "text": "Adds internal padding applied uniformly on all sides."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "insetX",
              "type": "string",
              "attribute": "inset-x",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds horizontal padding, overriding the horizontal component of `inset`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "insetY",
              "type": "string",
              "attribute": "inset-y",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": true,
              "complexType": {
                "original": "'none' | 'compact' | 'normal' | 'comfortable'",
                "resolved": "\"comfortable\" | \"compact\" | \"none\" | \"normal\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds vertical padding, overriding the vertical component of `inset`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "radius",
              "type": "number",
              "attribute": "radius",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "0",
              "complexType": {
                "original": "0 | 1 | 2 | 3 | 4 | 5",
                "resolved": "0 | 1 | 2 | 3 | 4 | 5",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "0"
                  }
                ],
                "text": "Adds corner rounding on a scale from 0 (sharp) to 5 (most rounded)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "triggerAnimation",
              "docs": {
                "text": "Triggers a named animation on the surface. If an animation is already running, cancels it before starting the new one.",
                "tags": [
                  {
                    "name": "param",
                    "text": "animation The animation to play. Defaults to `'pulse'`."
                  },
                  {
                    "name": "returns",
                    "text": "A Promise that resolves when the animation finishes or is cancelled."
                  }
                ]
              },
              "complexType": {
                "signature": "(animation?: \"bounce\" | \"flash\" | \"pulse\" | \"tada\") => Promise<void>",
                "parameters": [
                  {
                    "name": "animation",
                    "type": "\"bounce\" | \"flash\" | \"pulse\" | \"tada\"",
                    "docs": "The animation to play. Defaults to `'pulse'`."
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "click",
              "method": "onClick",
              "capture": false,
              "passive": false
            },
            {
              "name": "keydown",
              "method": "onKeydown",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the surface is clicked and `clickable` is true."
              },
              "complexType": {
                "original": "void",
                "resolved": "void",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-SURFACE",
              "styleStr": null,
              "styleIdentifier": "Q2SurfaceStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-surface/q2-surface.scss",
                  "relativePath": "q2-surface.scss",
                  "originalComponentPath": "q2-surface.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-surface-default-background",
              "docs": "(<color>) Background color when background=\"default\". Defaults to --t-base.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-primary-background",
              "docs": "(<color>) Background color when background=\"primary\". Defaults to --t-primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-secondary-background",
              "docs": "(<color>) Background color when background=\"secondary\". Defaults to --t-secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-tertiary-background",
              "docs": "(<color>) Background color when background=\"tertiary\". Defaults to --t-tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-gray-background",
              "docs": "(<color>) Background color when background=\"gray\". Defaults to --t-base-gray1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-default-hover-background",
              "docs": "(<color>) Hover background when clickable and background=\"default\" (or unset). Defaults to --t-base-primary1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-primary-hover-background",
              "docs": "(<color>) Hover background when clickable and background=\"primary\". Defaults to --t-primary-d2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-secondary-hover-background",
              "docs": "(<color>) Hover background when clickable and background=\"secondary\". Defaults to --t-secondary-d2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-tertiary-hover-background",
              "docs": "(<color>) Hover background when clickable and background=\"tertiary\". Defaults to --t-tertiary-d2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-gray-hover-background",
              "docs": "(<color>) Hover background when clickable and background=\"gray\". Defaults to --t-base-primary1 (matches --tct-surface-default-hover-background).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-default-active-background",
              "docs": "(<color>) Active/pressed background when clickable and background=\"default\" (or unset). Defaults to --t-base-primary2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-primary-active-background",
              "docs": "(<color>) Active/pressed background when clickable and background=\"primary\". Defaults to --t-primary-d3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-secondary-active-background",
              "docs": "(<color>) Active/pressed background when clickable and background=\"secondary\". Defaults to --t-secondary-d3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-tertiary-active-background",
              "docs": "(<color>) Active/pressed background when clickable and background=\"tertiary\". Defaults to --t-tertiary-d3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-gray-active-background",
              "docs": "(<color>) Active/pressed background when clickable and background=\"gray\". Defaults to --t-base-primary2 (matches --tct-surface-default-active-background).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-primary-font-color",
              "docs": "(<color>) Text color when background=\"primary\". Defaults to --t-primary-text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-secondary-font-color",
              "docs": "(<color>) Text color when background=\"secondary\". Defaults to --t-secondary-text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-tertiary-font-color",
              "docs": "(<color>) Text color when background=\"tertiary\". Defaults to --t-tertiary-text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-default-border-color",
              "docs": "(<color>) Border color when border=\"default\". Defaults to --t-gray-12.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-primary-border-color",
              "docs": "(<color>) Border color when border=\"primary\". Defaults to --t-primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-secondary-border-color",
              "docs": "(<color>) Border color when border=\"secondary\" . Defaults to --t-secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-tertiary-border-color",
              "docs": "(<color>) Border color when border=\"tertiary\". Defaults to --t-tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-gray-border-color",
              "docs": "(<color>) Border color when border=\"gray\". Defaults to --t-gray-8.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-border-radius-1",
              "docs": "(<length>) Corner radius at radius=1. Defaults to --app-border-radius-1 (4px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-border-radius-2",
              "docs": "(<length>) Corner radius at radius=2. Defaults to --app-border-radius-2 (8px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-border-radius-3",
              "docs": "(<length>) Corner radius at radius=3. Defaults to --app-border-radius-3 (12px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-border-radius-4",
              "docs": "(<length>) Corner radius at radius=4. Defaults to --app-border-radius-4 (16px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-border-radius-5",
              "docs": "(<length>) Corner radius at radius=5. Defaults to --app-border-radius-5 (24px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-1-box-shadow",
              "docs": "(*) Box shadow at elevation=1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-2-box-shadow",
              "docs": "(*) Box shadow at elevation=2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-3-box-shadow",
              "docs": "(*) Box shadow at elevation=3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-4-box-shadow",
              "docs": "(*) Box shadow at elevation=4.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-5-box-shadow",
              "docs": "(*) Box shadow at elevation=5.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-hover-0-box-shadow",
              "docs": "(*) Hover box shadow when clickable and elevation=0 or unset.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-hover-1-box-shadow",
              "docs": "(*) Hover box shadow when clickable and elevation=1.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-hover-2-box-shadow",
              "docs": "(*) Hover box shadow when clickable and elevation=2.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-hover-3-box-shadow",
              "docs": "(*) Hover box shadow when clickable and elevation=3.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-hover-4-box-shadow",
              "docs": "(*) Hover box shadow when clickable and elevation=4.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-elevation-hover-5-box-shadow",
              "docs": "(*) Hover box shadow when clickable and elevation=5.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-inset-compact",
              "docs": "(<length>) Padding when inset=\"compact\". Defaults to --app-scale-1x (5px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-inset-normal",
              "docs": "(<length>) Padding when inset=\"normal\". Defaults to --app-scale-3x (15px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-inset-comfortable",
              "docs": "(<length>) Padding when inset=\"comfortable\". Defaults to --app-scale-5x (25px).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-background-gradient-direction",
              "docs": "(<angle> | <side-or-corner>) Gradient direction for background-gradient. Defaults to \"to right bottom\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-border-gradient-direction",
              "docs": "(<angle> | <side-or-corner>) Gradient direction for border-gradient, overrides --tct-surface-background-gradient-direction. Defaults to \"to right bottom\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-focus-visible-box-shadow",
              "docs": "(*) Focus ring box-shadow when clickable.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-tween",
              "docs": "(<time> <easing>) Transition timing for all animated properties.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-surface-animation-duration",
              "docs": "(<time>) Duration of animate() animations. Defaults to 1s.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Surface"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "An unopinionated visual primitive. A plain block by default that gains visual treatment via attributes."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-surface/q2-surface.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-surface/q2-surface.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": false,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "role",
            "tabIndex"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-surface.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-tab-container",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2TabContainer",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "color",
              "type": "string",
              "attribute": "color",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'alt' | undefined",
                "resolved": "\"alt\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls which variables are used to color the tab controls.\n\n- `undefined` (default)\n  - Uses `--t-tab-active` and `--t-tab-inactive`.\n- `alt`\n  - Uses `--t-tab-alt-active` and `--t-tab-alt-inactive`.\n  - The default fallback for these variables is `inherit`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "The element can fail if this property is not set. Nested tab containers without the `name` property will not render correctly."
                  }
                ],
                "text": "Used to establish a relationship between `q2-tab-container` and its associated tab panes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "noPrint",
              "type": "boolean",
              "attribute": "no-print",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Controls visibility of tab list in a print view. Tab content will still be visible even if `noPrint` is true."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientation",
              "type": "string",
              "attribute": "orientation",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'horizontal'",
              "complexType": {
                "original": "'horizontal' | 'vertical'",
                "resolved": "\"horizontal\" | \"vertical\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Vertical orientation is intended for wider layouts (e.g. admin consoles).\nAt viewports narrower than 768px, the component falls back to horizontal."
                  },
                  {
                    "name": "default",
                    "text": "'horizontal'"
                  }
                ],
                "text": "The orientation of the tab strip.\n- `horizontal` (default) — tabs run left-to-right above the panel content.\n- `vertical` — tabs stack top-to-bottom beside the panel content."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'main' | 'section'",
                "resolved": "\"main\" | \"section\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines the font size of the tab controls."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Corresponds to the value of the selected tab pane."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasLeft"
            },
            {
              "name": "hasRight"
            },
            {
              "name": "isNarrowViewport"
            },
            {
              "name": "scrollEnabled"
            },
            {
              "name": "showScrollBack"
            },
            {
              "name": "showScrollForward"
            },
            {
              "name": "tabs"
            }
          ],
          "methods": [
            {
              "name": "selectTab",
              "docs": {
                "text": "A method to select a tab pane corresponding with the value.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLButtonElement": {
                    "location": "global",
                    "id": "global::HTMLButtonElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "badge",
              "method": "onBadge",
              "capture": false,
              "passive": false
            },
            {
              "name": "change",
              "method": "defaultChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "onFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "resize",
              "method": "onResize",
              "capture": false,
              "passive": true,
              "target": "window"
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  },
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the selected tab changes."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "settled",
              "method": "settled",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the component has finished rendering."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the selected tab changes."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "name",
              "methodName": "nameObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-TAB-CONTAINER",
              "styleStr": null,
              "styleIdentifier": "Q2TabContainerStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tab-container/q2-tab-container.scss",
                  "relativePath": "q2-tab-container.scss",
                  "originalComponentPath": "q2-tab-container.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-tab-container-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the tab container list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-margin?",
              "docs": "(<length-percentage>+) Controls the optional outer margin of the tab container list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-border-width",
              "docs": "(<length>+) Controls the bottom border width of the tab container list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-border-style",
              "docs": "(<custom-ident>) Controls the bottom border style of the tab container list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-border-color",
              "docs": "(<color>) Controls the bottom border color of the tab container list.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-content-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the tab content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-content-background?",
              "docs": "(<color>) Controls the optional background color of the tab content area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-content-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the tab content area when --tct-tab-container-content-padding is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of a tab button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-gap",
              "docs": "(<length-percentage>) Controls the gap between adjacent tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-width",
              "docs": "(<length-percentage>) Controls the width of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-text-align",
              "docs": "(<custom-ident>) Controls the text alignment within tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-text-decoration?",
              "docs": "(<custom-ident>) Controls the optional text decoration of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-font-size",
              "docs": "(<length-percentage>) Controls the font size of tab button text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of tab button text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-inactive-color?",
              "docs": "(<color>) Controls the optional text color of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-inactive-background?",
              "docs": "(<color>) Controls the optional background color of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-inactive-border-color?",
              "docs": "(<color>) Controls the optional border color of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-inactive-border-style",
              "docs": "(<custom-ident>) Controls the border style of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-inactive-border-width",
              "docs": "(<length>+) Controls the border width of inactive tab buttons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-hover-color",
              "docs": "(<color>) Controls the text color of tab buttons on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-hover-background?",
              "docs": "(<color>) Controls the optional background color of tab buttons on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-hover-width",
              "docs": "(<length-percentage>) Controls the width of tab buttons on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-color",
              "docs": "(<color>) Controls the text color of the active tab button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-background?",
              "docs": "(<color>) Controls the optional background color of the active tab button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-border-color",
              "docs": "(<color>) Controls the border color of the active tab button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-border-style",
              "docs": "(<custom-ident>) Controls the border style of the active tab button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-text-decoration?",
              "docs": "(<custom-ident>) Controls the optional text decoration of the active tab button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-width",
              "docs": "(<length-percentage>) Controls the width of the active tab button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-alt-active-color?",
              "docs": "(<color>) Controls the optional text color of the active tab button when color=\"alt\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-alt-inactive-color?",
              "docs": "(<color>) Controls the optional text color of inactive tab buttons when color=\"alt\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-section-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of tab buttons when type=\"section\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-section-font-size",
              "docs": "(<length-percentage>) Controls the font size of tab buttons when type=\"section\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-section-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of tab buttons when type=\"section\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-container-width",
              "docs": "(<length-percentage>) Controls the width of the tab strip when orientation=\"vertical\". Defaults to `200px`.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-active-indicator-width",
              "docs": "(<length>) Controls the width of the active-tab indicator on the leading edge when orientation=\"vertical\". Defaults to `3px`.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tab-badge-gap?",
              "docs": "(<length-percentage>) Controls the optional gap between the label and badge within a tab button when orientation=\"vertical\".",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-vertical-tab-container-padding?",
              "docs": "(<length-percentage>+) Controls the inner padding of the tab container list when orientation=\"vertical\". Defaults to `0`.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-vertical-tab-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of tab buttons when orientation=\"vertical\". Defaults to `0`.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-vertical-tab-container-content-padding?",
              "docs": "(<length-percentage>+) Controls the inner padding of the tab content area when orientation=\"vertical\".",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Tab Container"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for switching between multiple views within the same context."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tab-container/q2-tab-container.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tab-container/q2-tab-container.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": true,
          "hasListenerTargetWindow": true,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "role",
            "id",
            "data-value",
            "test-id",
            "tabIndex",
            "aria-selected",
            "onClick",
            "onKeyDown",
            "class",
            "aria-label",
            "value",
            "theme",
            "status",
            "key",
            "hidden",
            "onTctClick",
            "type",
            "label",
            "onScroll",
            "ref",
            "aria-orientation",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "li",
            "button",
            "div",
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "ul",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-badge",
            "q2-btn",
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-loading"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-badge",
            "q2-btn",
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-tab-container.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-tab-pane",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2TabPane",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "badgeCount",
              "type": "number",
              "attribute": "badge-count",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds a `q2-badge` component with the number provided right next to the tab pane label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeDescription",
              "type": "string",
              "attribute": "badge-description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that will be pronounced alongside `badgeCount` when the screen reader presents the tab."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeStatus",
              "type": "string",
              "attribute": "badge-status",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Badge['status']",
                "resolved": "\"alert\" | \"info\" | \"success\" | \"warning\"",
                "references": {
                  "Q2Badge": {
                    "location": "import",
                    "path": "../q2-badge/q2-badge",
                    "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                    "referenceLocation": "Q2Badge"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Allows you to specify the status of the tab, which is always visible."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeTheme",
              "type": "string",
              "attribute": "badge-theme",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Badge['theme']",
                "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
                "references": {
                  "Q2Badge": {
                    "location": "import",
                    "path": "../q2-badge/q2-badge",
                    "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                    "referenceLocation": "Q2Badge"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Allows you to specify the color of the badge when the tab is active."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "guid",
              "type": "number",
              "attribute": "guid",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-tab-container to apply a unique id to each tab pane"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "index",
              "type": "number",
              "attribute": "index",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-tab-container to indicate the pane's index"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Serves as the text that will be visible in the tab control provided by `q2-tab-container`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-tab-container to apply a name to all options in the group"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selected",
              "type": "boolean",
              "attribute": "selected",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-tab-container to indicate the option is selected"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Serves as the pane's value. Should correspond to the `q2-tab-container` value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "badge",
              "method": "badge",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the badge count, description, theme, or status changes."
              },
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "badgeCount",
              "methodName": "badgeObserver"
            },
            {
              "propName": "badgeDescription",
              "methodName": "badgeObserver"
            },
            {
              "propName": "badgeTheme",
              "methodName": "badgeObserver"
            },
            {
              "propName": "badgeStatus",
              "methodName": "badgeObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-TAB-PANE",
              "styleStr": null,
              "styleIdentifier": "Q2TabPaneStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tab-pane/q2-tab-pane.scss",
                  "relativePath": "q2-tab-pane.scss",
                  "originalComponentPath": "q2-tab-pane.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Tab Pane"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use as a single tab within a Tab Container."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tab-pane/q2-tab-pane.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tab-pane/q2-tab-pane.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "id",
            "class",
            "role",
            "tabindex",
            "aria-hidden",
            "aria-labelledby"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-tab-pane.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-textarea",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Textarea",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "cols",
              "type": "number",
              "attribute": "cols",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the number of columns displayed in the field.\nIf not set, the field will be full-width and respond to the window size."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates the field cannot be focused or interacted with."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errors",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Each item in the `errors` array will appear below the input field when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideMessages",
              "type": "boolean",
              "attribute": "hide-messages",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array above).\nPrimarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hints",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\nOnce all errors are resolved, the hints display the next time the field is focused."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Each item in the `hints` array will appear below the input field when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The label that appears above the field. This is announced by screen readers when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxlength",
              "type": "number",
              "attribute": "maxlength",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Please set the `rows` attribute in correlation with `maxlength` to show as much text as possible in the field viewport."
                  }
                ],
                "text": "Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\nMake sure you account for them when setting the `maxlength` value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "placeholder",
              "type": "string",
              "attribute": "placeholder",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Primarily used for rare cases in which a visible form label is not expected (e.g., search fields)."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text that appears within the field when it is blurred and empty.\nPlaceholder text disappears when the user focuses on the field and provides input."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\nTakes priority over `optional` if both are `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "resize",
              "type": "string",
              "attribute": "resize",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'vertical'",
              "complexType": {
                "original": "'none' | 'vertical' | 'horizontal' | 'both' | 'vertical-auto'",
                "resolved": "\"both\" | \"horizontal\" | \"none\" | \"vertical\" | \"vertical-auto\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'vertical'"
                  }
                ],
                "text": "Indicates how the field is resizable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "rows",
              "type": "number",
              "attribute": "rows",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the number of rows displayed in the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "spellcheck",
              "type": "boolean",
              "attribute": "spellcheck",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines whether the field is subject to spell-checking by the underlying browser or OS."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The value of the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "downParams"
            },
            {
              "name": "hasFocus"
            },
            {
              "name": "screenReaderCharacterCount"
            }
          ],
          "methods": [
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates focusing the `<textarea>`, centering the provided value, and emitting an `input` event.\n\nThis method leaves the focus on the `<textarea>` and as a result does not trigger the `change` event. If you want\nto trigger the `change` event, move the focus to another element after calling this method.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "onHostElementChange",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "onHostElementFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "input",
              "method": "onHostElementInput",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the field loses focus after the value has been changed."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "input",
              "method": "input",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctInput' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the field value is updated."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the field loses focus after the value has been changed."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctInput",
              "method": "tctInput",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the field value is updated."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "cols",
              "methodName": "colsObserver"
            },
            {
              "propName": "errors",
              "methodName": "errorsObserver"
            },
            {
              "propName": "hints",
              "methodName": "hintsObserver"
            },
            {
              "propName": "maxlength",
              "methodName": "maxlengthObserver"
            },
            {
              "propName": "rows",
              "methodName": "rowsObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-TEXTAREA",
              "styleStr": null,
              "styleIdentifier": "Q2TextareaStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-textarea/q2-textarea.scss",
                  "relativePath": "q2-textarea.scss",
                  "originalComponentPath": "q2-textarea.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-textarea-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the textarea host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the textarea host when --tct-textarea-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the textarea host when --tct-textarea-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the textarea element.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-font-color",
              "docs": "(<color>) Controls the text color of the textarea content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the textarea content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-font-weight",
              "docs": "(<number>) Controls the font weight of the textarea content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-background",
              "docs": "(<color>) Controls the background color of the textarea in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-color",
              "docs": "(<color>) Controls the border color of the textarea in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-top-width",
              "docs": "(<length>) Controls the top border width of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-right-width",
              "docs": "(<length>) Controls the right border width of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-bottom-width",
              "docs": "(<length>) Controls the bottom border width of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-left-width",
              "docs": "(<length>) Controls the left border width of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-top-left-radius",
              "docs": "(<length-percentage>) Controls the top-left corner radius of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-top-right-radius",
              "docs": "(<length-percentage>) Controls the top-right corner radius of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-bottom-right-radius",
              "docs": "(<length-percentage>) Controls the bottom-right corner radius of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-border-bottom-left-radius",
              "docs": "(<length-percentage>) Controls the bottom-left corner radius of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the textarea in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-min-height",
              "docs": "(<length>) Controls the minimum height of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-min-width",
              "docs": "(<length>) Controls the minimum width of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-tween",
              "docs": "(*) Controls the transition timing of textarea state changes (background, border, etc.).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-placeholder-font-color",
              "docs": "(<color>) Controls the placeholder text color of the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the textarea when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-disabled-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-hover-background",
              "docs": "(<color>) Controls the background color of the textarea on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-hover-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-hover-border-color",
              "docs": "(<color>) Controls the border color of the textarea on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the textarea on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-hover-ring-color?",
              "docs": "(<color>) Controls the optional outer ring color of the textarea hover effect.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-hover-label-font-color?",
              "docs": "(<color>) Controls the optional label text color when the textarea is hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-focus-background",
              "docs": "(<color>) Controls the background color of the textarea on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-focus-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-focus-border-color",
              "docs": "(<color>) Controls the border color of the textarea on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the textarea on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-focus-label-font-color?",
              "docs": "(<color>) Controls the optional label text color when the textarea is focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-background",
              "docs": "(<color>) Controls the background color of the textarea in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-border-color",
              "docs": "(<color>) Controls the border color of the textarea in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the textarea in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-label-font-color?",
              "docs": "(<color>) Controls the optional label text color in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-focus-background",
              "docs": "(<color>) Controls the background color of the textarea in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-focus-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-focus-border-color",
              "docs": "(<color>) Controls the border color of the textarea in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the textarea in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-focus-label-font-color?",
              "docs": "(<color>) Controls the optional label text color in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-hover-background",
              "docs": "(<color>) Controls the background color of the textarea in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-hover-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the textarea in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-hover-border-color",
              "docs": "(<color>) Controls the border color of the textarea in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the textarea in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-error-hover-label-font-color?",
              "docs": "(<color>) Controls the optional label text color in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-font-color?",
              "docs": "(<color>) Controls the optional text color of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-font-weight",
              "docs": "(<number>) Controls the font weight of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text transform of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the textarea label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-optional-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-optional-font-color",
              "docs": "(<color>) Controls the text color of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-optional-font-size",
              "docs": "(<length-percentage>) Controls the font size of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-label-optional-font-weight",
              "docs": "(<number>) Controls the font weight of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of icons inside the textarea.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-message-box-shadow",
              "docs": "(*) Controls the box shadow of the textarea messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-messages-font-color?",
              "docs": "(<color>) Controls the optional text color of the textarea messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-messages-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the textarea messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-messages-tween",
              "docs": "(*) Controls the transition timing of the textarea messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-max-length-color",
              "docs": "(<color>) Controls the text color of the max-length counter.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-max-length-font-size",
              "docs": "(<length-percentage>) Controls the font size of the max-length counter.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-btn-background?",
              "docs": "(<color>) Controls the optional background color of the resize handle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-btn-height",
              "docs": "(<length>) Controls the height of the resize handle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-btn-width",
              "docs": "(<length>) Controls the width of the resize handle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-color",
              "docs": "(<color>) Controls the stroke color of the resize handle icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-icon-size",
              "docs": "(<length>) Controls the size of the resize handle icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-icon-padding",
              "docs": "(<length-percentage>) Controls the padding around the resize handle icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-stroke-width",
              "docs": "(<number>) Controls the stroke width of the resize handle icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-right",
              "docs": "(<length-percentage>) Controls the right offset of the resize handle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-textarea-resize-bottom",
              "docs": "(<length-percentage>) Controls the bottom offset of the resize handle button.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Textarea"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for multi-line text input like messages, comments, or lengthy descriptions."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-textarea/q2-textarea.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-textarea/q2-textarea.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "id",
            "placeholder",
            "test-id",
            "maxLength",
            "aria-describedby",
            "aria-invalid",
            "aria-required",
            "aria-label",
            "spellcheck",
            "rows",
            "cols",
            "value",
            "ref",
            "readonly",
            "disabled",
            "maxlength",
            "onInput",
            "onChange",
            "onFocus",
            "onBlur",
            "type",
            "onMouseDown",
            "onTouchStart",
            "aria-hidden",
            "tabIndex",
            "viewBox",
            "xmlns",
            "d",
            "fill",
            "stroke-stroke-linecap",
            "aria-live",
            "key"
          ],
          "htmlTagNames": [
            "div",
            "textarea",
            "q2-icon",
            "button",
            "svg",
            "path"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-textarea.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-toast",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Toast",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "autoClose",
              "type": "boolean",
              "attribute": "auto-close",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables automatic dismissal after a duration."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "closable",
              "type": "boolean",
              "attribute": "closable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Controls whether the close button is displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "duration",
              "type": "number",
              "attribute": "duration",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "7000",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "7000"
                  }
                ],
                "text": "The duration in milliseconds before auto dismissal."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideIcon",
              "type": "boolean",
              "attribute": "hide-icon",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Manually hide the icon where it would otherwise appear."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "icon",
              "type": "string",
              "attribute": "icon",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Optional icon type to display."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "message",
              "type": "string",
              "attribute": "message",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Optional message for the toast body."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showPersistent",
              "type": "boolean",
              "attribute": "show-persistent",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Convenience prop for persistent toasts. When true, sets autoClose to false and closable to true.\nAligns with acceptance criteria for showPersistent behavior."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'large'",
              "complexType": {
                "original": "'large' | 'small'",
                "resolved": "\"large\" | \"small\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'large'"
                  }
                ],
                "text": "Controls the visual size of the toast."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tctTitle",
              "type": "string",
              "attribute": "tct-title",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Optional title for the toast."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "time",
              "type": "string",
              "attribute": "time",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Optional time marker for the footer."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'default'",
              "complexType": {
                "original": "'warning' | 'info' | 'alert' | 'success' | 'default' | 'error'",
                "resolved": "\"alert\" | \"default\" | \"error\" | \"info\" | \"success\" | \"warning\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'default'"
                  }
                ],
                "text": "The visual status of the toast."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "isClosing"
            },
            {
              "name": "isOpen"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "tctClose",
              "method": "tctClose",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the toast is dismissed."
              },
              "complexType": {
                "original": "{ reason: 'close' | 'timeout' }",
                "resolved": "{ reason: \"close\" | \"timeout\"; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "autoClose",
              "methodName": "onAutoCloseChange"
            },
            {
              "propName": "duration",
              "methodName": "onAutoCloseChange"
            },
            {
              "propName": "showPersistent",
              "methodName": "onShowPersistentChange"
            },
            {
              "propName": "size",
              "methodName": "onSizeChange"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-TOAST",
              "styleStr": null,
              "styleIdentifier": "Q2ToastStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-toast/q2-toast.scss",
                  "relativePath": "q2-toast.scss",
                  "originalComponentPath": "q2-toast.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-toast-background",
              "docs": "(<color>) Controls the background color of the toast container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-text",
              "docs": "(<color>) Controls the primary text color of the toast.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-subtle",
              "docs": "(<color>) Controls the subtle/secondary text color of the toast (description, footer).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-border",
              "docs": "(<color>) Controls the border color of the toast container in its default theme.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-icon-bg",
              "docs": "(<color>) Controls the background color of the toast leading icon circle in its default theme.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-shadow",
              "docs": "(*) Controls the box shadow of the toast container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-gap",
              "docs": "(<length-percentage>) Controls the gap between the toast header and body.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the toast content container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-padding-small",
              "docs": "(<length-percentage>+) Controls the inner padding of the toast content container in the small size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-footer-gap",
              "docs": "(<length-percentage>) Controls the top margin between the toast body and footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-footer-spacing",
              "docs": "(<length-percentage>) Controls the gap between items within the toast footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-actions-gap",
              "docs": "(<length-percentage>) Controls the gap between action buttons in the toast footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-toast-close-offset",
              "docs": "(<length>) Controls the left margin offset of the toast close button.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Toast"
              },
              {
                "name": "category",
                "text": "Platform"
              },
              {
                "name": "summary",
                "text": "Use for brief, non-intrusive notifications that appear temporarily and do not require user interaction."
              },
              {
                "name": "slot",
                "text": "icon - Optional slot for a custom icon."
              },
              {
                "name": "slot",
                "text": "title - Optional slot for the title content."
              },
              {
                "name": "slot",
                "text": "time - Optional slot for the time marker."
              },
              {
                "name": "slot",
                "text": "actions - Optional slot for action links in the footer."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-toast/q2-toast.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-toast/q2-toast.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "name",
            "type",
            "class",
            "role",
            "aria-live",
            "aria-atomic",
            "aria-relevant",
            "aria-label",
            "onClick"
          ],
          "htmlTagNames": [
            "slot",
            "q2-icon",
            "div",
            "span",
            "button"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-toast.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "tecton-tab-pane",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "TectonTabPane",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "authPayload",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "{ key: string; value: string }[]",
                "resolved": "{ key: string; value: string; }[]",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeCount",
              "type": "number",
              "attribute": "badge-count",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeDescription",
              "type": "string",
              "attribute": "badge-description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeStatus",
              "type": "string",
              "attribute": "badge-status",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Badge['status']",
                "resolved": "\"alert\" | \"info\" | \"success\" | \"warning\"",
                "references": {
                  "Q2Badge": {
                    "location": "import",
                    "path": "../q2-badge/q2-badge",
                    "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                    "referenceLocation": "Q2Badge"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeTheme",
              "type": "string",
              "attribute": "badge-theme",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Badge['theme']",
                "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
                "references": {
                  "Q2Badge": {
                    "location": "import",
                    "path": "../q2-badge/q2-badge",
                    "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                    "referenceLocation": "Q2Badge"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "guid",
              "type": "number",
              "attribute": "guid",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "index",
              "type": "number",
              "attribute": "index",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minHeight",
              "type": "string",
              "attribute": "min-height",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "moduleId",
              "type": "string",
              "attribute": "module-id",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "provided",
              "type": "boolean",
              "attribute": "provided",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "above props duplicated from q2-tab-pane.\nUnable to extend due to Stencil decorator limitation"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selected",
              "type": "boolean",
              "attribute": "selected",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showForm",
              "type": "boolean",
              "attribute": "show-form",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "url",
              "type": "string",
              "attribute": "url",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "_showForm"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "badge",
              "method": "badge",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the badge count, description, theme, or status changes."
              },
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "badgeCount",
              "methodName": "badgeObserver"
            },
            {
              "propName": "badgeDescription",
              "methodName": "badgeObserver"
            },
            {
              "propName": "badgeTheme",
              "methodName": "badgeObserver"
            },
            {
              "propName": "badgeStatus",
              "methodName": "badgeObserver"
            },
            {
              "propName": "selected",
              "methodName": "selectedObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "TECTON-TAB-PANE",
              "styleStr": null,
              "styleIdentifier": "TectonTabPaneStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/tecton-tab-pane/tecton-tab-pane.scss",
                  "relativePath": "tecton-tab-pane.scss",
                  "originalComponentPath": "tecton-tab-pane.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "slot",
                "text": "loading-wrapper - An optional slot to display custom content while the tab is loading."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/tecton-tab-pane/tecton-tab-pane.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/tecton-tab-pane/tecton-tab-pane.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": true,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "id",
            "class",
            "role",
            "tabindex",
            "aria-hidden",
            "aria-labelledby",
            "name",
            "hidden",
            "scrolling",
            "src",
            "data-module-id",
            "style",
            "onLoad",
            "title",
            "allow",
            "method",
            "action",
            "target",
            "encType",
            "type",
            "value"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "iframe",
            "form",
            "input"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [],
          "dependencies": [],
          "directDependents": [],
          "directDependencies": []
        }
      ],
      "entryKey": "tecton-tab-pane.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-avatar",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Avatar",
          "elementRef": "el",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "icon",
              "type": "string",
              "attribute": "icon",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'person'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'person'"
                  }
                ],
                "text": "A [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to display as the fallback."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "initials",
              "type": "string",
              "attribute": "initials",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A set of up to four initials to display as capitalized text. Takes priority over `name`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "We recommend always providing a name when you want the avatar to be presented to screen readers."
                  }
                ],
                "text": "The name associated with the avatar.\nThe initials of the first and last words provided will display as capital letters."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'medium'",
              "complexType": {
                "original": "'small' | 'medium' | 'large'",
                "resolved": "\"large\" | \"medium\" | \"small\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'medium'"
                  }
                ],
                "text": "Determines how large to make the avatar"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "src",
              "type": "string",
              "attribute": "src",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays the image provided by the user."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "badSrc"
            },
            {
              "name": "hasDecorator"
            },
            {
              "name": "isLoaded"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "src",
              "methodName": "srcDidUpdate"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-AVATAR",
              "styleStr": null,
              "styleIdentifier": "Q2AvatarStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-avatar/q2-avatar.scss",
                  "relativePath": "q2-avatar.scss",
                  "originalComponentPath": "q2-avatar.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-avatar-background",
              "docs": "(<color>) Controls the background color of the avatar shape in its default and fallback states.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-text-color",
              "docs": "(<color>) Controls the text color of the avatar initials.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-font-size",
              "docs": "(<length-percentage>) Controls the font size of the avatar initials.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-font-weight",
              "docs": "(<number>) Controls the font weight of the avatar initials.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-display",
              "docs": "(<custom-ident>) Controls the CSS display value of the avatar image and initials elements.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-border?",
              "docs": "(*) Controls the optional border shorthand applied to the avatar shape.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius applied to the avatar via the legacy border-radius fallback chain.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-img-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the avatar image and fallback shape.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter applied to the avatar initials shape.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-size",
              "docs": "(<length>) Controls both height and width of the medium-size avatar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-height",
              "docs": "(<length>) Controls the height of the medium-size avatar when --tct-avatar-size is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-width",
              "docs": "(<length>) Controls the width of the medium-size avatar when --tct-avatar-size is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-small-size",
              "docs": "(<length>) Controls both height and width of the small-size avatar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-large-size",
              "docs": "(<length>) Controls both height and width of the large-size avatar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-icon-color",
              "docs": "(<color>) Controls the color of the fallback icon when no image or initials are provided.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-icon-fill?",
              "docs": "(<color>) Controls the optional fill color of the fallback icon when no image or initials are provided.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-icon-size",
              "docs": "(<length-percentage>) Controls the size of the fallback icon relative to the avatar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of the fallback icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of the fallback icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-decorator-background-color",
              "docs": "(<color>) Controls the background color of the decorator badge attached to the avatar.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-decorator-color",
              "docs": "(<color>) Controls the color of the slotted icon inside the decorator badge.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-avatar-decorator-small-icon-size",
              "docs": "(<length>) Controls the size of the decorator icon when the avatar is small.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Avatar"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying photos, initials, or icons for people, businesses, or accounts."
              },
              {
                "name": "slot",
                "text": "decorator - An optional affordance indicator to display in the top-right corner"
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-avatar/q2-avatar.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-avatar/q2-avatar.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "name",
            "test-id",
            "src",
            "onError",
            "onLoad",
            "alt",
            "viewBox",
            "preserveAspectRatio",
            "aria-label",
            "aria-hidden",
            "x",
            "y",
            "dominant-baseline",
            "text-anchor",
            "type"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "img",
            "svg",
            "text",
            "q2-icon"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [
            "q2-card"
          ],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [
            "q2-card"
          ],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-avatar.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-carousel-pane",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2CarouselPane",
          "elementRef": "hostElement",
          "encapsulation": "none",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "index",
              "type": "number",
              "attribute": "index",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by `q2-carousel` to determine the pane's index."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "isActivePane",
              "type": "boolean",
              "attribute": "is-active-pane",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by `q2-carousel` to indicate which pane is currently active."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text used only as an `aria-label` for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "siblingCount",
              "type": "number",
              "attribute": "sibling-count",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by `q2-carousel` to indicate how many panes are in the carousel."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "slotFrameless",
              "type": "boolean",
              "attribute": "slot-frameless",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by `q2-carousel` to indicate the pane should be frameless."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "clickCarouselPane",
              "method": "clickCarouselPane",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClickCarouselPane' instead"
                  }
                ],
                "text": "Emitted when the pane is clicked."
              },
              "complexType": {
                "original": "{ paneIndex: number; pane: HTMLElement }",
                "resolved": "{ paneIndex: number; pane: HTMLElement; }",
                "references": {
                  "HTMLElement": {
                    "location": "global",
                    "id": "global::HTMLElement"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctClickCarouselPane",
              "method": "tctClickCarouselPane",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the pane is clicked."
              },
              "complexType": {
                "original": "{ paneIndex: number; pane: HTMLElement }",
                "resolved": "{ paneIndex: number; pane: HTMLElement; }",
                "references": {
                  "HTMLElement": {
                    "location": "global",
                    "id": "global::HTMLElement"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "isActivePane",
              "methodName": "determineDisabledContent"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CAROUSEL-PANE",
              "styleStr": null,
              "styleIdentifier": "Q2CarouselPaneStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-carousel-pane/q2-carousel-pane.scss",
                  "relativePath": "q2-carousel-pane.scss",
                  "originalComponentPath": "q2-carousel-pane.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-carousel-pane-border-color",
              "docs": "(<color>) Controls the border color of the carousel pane container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the carousel pane container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-border-width",
              "docs": "(<length>) Controls the border width of the carousel pane container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-box-shadow",
              "docs": "(*) Controls the box shadow of the carousel pane container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the carousel pane container when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-height",
              "docs": "(<length-percentage>) Controls the height of the carousel pane container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-inactive-background",
              "docs": "(<color>) Controls the background color of the carousel pane container when inactive.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-inactive-box-shadow",
              "docs": "(*) Controls the box shadow of the carousel pane container when inactive.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-carousel-pane-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the carousel pane container.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Carousel Pane"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use as a single slide within a Carousel."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-carousel-pane/q2-carousel-pane.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-carousel-pane/q2-carousel-pane.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "tabIndex",
            "role",
            "aria-roledescription",
            "aria-hidden",
            "aria-label",
            "onClick"
          ],
          "htmlTagNames": [
            "article",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-carousel"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-carousel"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-carousel-pane.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-checkbox",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Checkbox",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "_tooltip",
              "type": "string",
              "attribute": "_tooltip",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Tooltip text set by a parent q2-tooltip component for accessibility."
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determine which side of the label the checkbox will render on."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "alignment",
              "type": "string",
              "attribute": "alignment",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'align' instead"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "checked",
              "type": "boolean",
              "attribute": "checked",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "The state of the checkbox. This modifies the visual appearance of the element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Populates a description that is displayed beneath the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the checkbox and prevents interaction."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "groupDisabled",
              "type": "boolean",
              "attribute": "group-disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-checkbox-group to disable all checkboxes in the group"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hasError",
              "type": "boolean",
              "attribute": "has-error",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines if the component should display in an errant state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "indeterminate",
              "type": "boolean",
              "attribute": "indeterminate",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Used on a parent checkbox in a checkbox group (e.g. \"Select All\") to indicate that some, but not all, checkboxes in a group are checked.\n\nWhen `true`, the \"indeterminate\" selection style is applied.\nTo apply the standard \"checked\" selection style, `checked` must be true, and `indeterminate` must be `false`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The visible label text for the checkbox. Appears to the right of the box for 'default' and 'favorite' checkboxes, and to the left for 'toggle' checkboxes.\nYielded content will be adjacent to this text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "name",
              "type": "string",
              "attribute": "name",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A static string used to establish a symbolic relationship between checkboxes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The field is not interactive, but remains focusable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "slotReadonly",
              "type": "boolean",
              "attribute": "slot-readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The field is not interactive, but remains focusable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'favorite' | 'toggle'",
                "resolved": "\"favorite\" | \"toggle\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The visual style of the checkbox. This does not need to be defined for a standard checkbox."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A static reference value for the checkbox."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasDescription"
            },
            {
              "name": "hasMultilineLabel"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "change",
              "method": "defaultChangeHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the checkbox is toggled."
              },
              "complexType": {
                "original": "{ value: string; checked: boolean }",
                "resolved": "{ value: string; checked: boolean; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the checkbox is toggled."
              },
              "complexType": {
                "original": "{ value: string; checked: boolean }",
                "resolved": "{ value: string; checked: boolean; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "alignment",
              "methodName": "alignmentHandler"
            },
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "description",
              "methodName": "descriptionWatcher"
            },
            {
              "propName": "label",
              "methodName": "labelWatcher"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-CHECKBOX",
              "styleStr": null,
              "styleIdentifier": "Q2CheckboxStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-checkbox/q2-checkbox.scss",
                  "relativePath": "q2-checkbox.scss",
                  "originalComponentPath": "q2-checkbox.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-checkbox-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the checkbox host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-margin-top?",
              "docs": "(<length-percentage>) Controls the optional top margin of the checkbox host when --tct-checkbox-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-margin-bottom?",
              "docs": "(<length-percentage>) Controls the optional bottom margin of the checkbox host when --tct-checkbox-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the checkbox host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-size",
              "docs": "(<length>) Controls the size of the checkbox control (icon).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-gap",
              "docs": "(<length-percentage>+) Controls the gap between the checkbox control and its label/description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-tween",
              "docs": "(*) Controls the transition timing of checkbox state changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the checkbox when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the checkbox control in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-outer-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the checkbox control.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-outer-fill-color",
              "docs": "(<color>) Controls the fill color of the checkbox control in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-outer-stroke-color",
              "docs": "(<color>) Controls the stroke color of the checkbox control in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-outer-stroke-width",
              "docs": "(<number>) Controls the stroke width of the checkbox control.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-stroke-width?",
              "docs": "(<number>) Controls the optional text stroke width of the label in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-check-stroke-width",
              "docs": "(<number>) Controls the stroke width of the checkmark.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-indeterminate-stroke-width",
              "docs": "(<number>) Controls the stroke width of the indeterminate-state mark.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-bold-fallback-stroke-width",
              "docs": "(<length>) Controls the fallback text stroke width applied when bold-emphasized states are active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-active-stroke-width?",
              "docs": "(<number>) Controls the optional text stroke width of the label when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-hover-stroke-width?",
              "docs": "(<number>) Controls the optional text stroke width of the label when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-focused-stroke-width?",
              "docs": "(<number>) Controls the optional text stroke width of the label when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-stroke-width",
              "docs": "(<length>) Controls the text stroke width of the label when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-active-stroke-width?",
              "docs": "(<number>) Controls the optional text stroke width of the label when checked and active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-hover-stroke-width",
              "docs": "(<length>) Controls the text stroke width of the label when checked and hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-focused-stroke-width",
              "docs": "(<length>) Controls the text stroke width of the label when checked and focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-fill-color",
              "docs": "(<color>) Controls the fill color of the checkbox control when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-stroke-color",
              "docs": "(<color>) Controls the checkmark stroke color when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-outer-stroke-color",
              "docs": "(<color>) Controls the outer stroke color of the checkbox control when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-hover-outer-stroke-color",
              "docs": "(<color>) Controls the outer stroke color of the checkbox control when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-hover-outer-fill-color",
              "docs": "(<color>) Controls the outer fill color of the checkbox control when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-hover-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the checkbox control when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-focused-outer-stroke-color",
              "docs": "(<color>) Controls the outer stroke color of the checkbox control when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-focused-outer-fill-color",
              "docs": "(<color>) Controls the outer fill color of the checkbox control when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-focused-box-shadow",
              "docs": "(*) Controls the box shadow of the checkbox control when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-outer-stroke-color",
              "docs": "(<color>) Controls the outer stroke color of the checkbox control in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-outer-fill-color",
              "docs": "(<color>) Controls the outer fill color of the checkbox control in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the checkbox control in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-checked-outer-fill-color?",
              "docs": "(<color>) Controls the optional outer fill color of the checkbox control when checked and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-checkmark-stroke-color",
              "docs": "(<color>) Controls the checkmark stroke color in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-checkmark-stroke-width",
              "docs": "(<number>) Controls the checkmark stroke width in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-hover-outer-stroke-color",
              "docs": "(<color>) Controls the outer stroke color when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-hover-outer-fill-color",
              "docs": "(<color>) Controls the outer fill color when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-hover-box-shadow",
              "docs": "(*) Controls the box shadow when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-hover-stroke-width?",
              "docs": "(<number>) Controls the optional label text stroke width when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-focused-outer-stroke-color",
              "docs": "(<color>) Controls the outer stroke color when focused in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-focused-outer-fill-color",
              "docs": "(<color>) Controls the outer fill color when focused in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-focused-box-shadow",
              "docs": "(*) Controls the box shadow when focused in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-focused-stroke-width?",
              "docs": "(<number>) Controls the optional label text stroke width when focused in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-active-stroke-width?",
              "docs": "(<number>) Controls the optional label text stroke width when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-label-active-color?",
              "docs": "(<color>) Controls the optional label text color when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-hover-stroke-width?",
              "docs": "(<number>) Controls the optional label text stroke width when checked, hovered, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-focused-stroke-width?",
              "docs": "(<number>) Controls the optional label text stroke width when checked, focused, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-active-stroke-width?",
              "docs": "(<number>) Controls the optional label text stroke width when checked, active, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-label-hover-color?",
              "docs": "(<color>) Controls the optional label text color when checked, hovered, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-label-active-color?",
              "docs": "(<color>) Controls the optional label text color when checked, active, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-description-hover-color?",
              "docs": "(<color>) Controls the optional description color when checked, hovered, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-description-hover-stroke-width?",
              "docs": "(<number>) Controls the optional description text stroke width when checked, hovered, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-description-active-color?",
              "docs": "(<color>) Controls the optional description color when checked, active, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-error-description-active-stroke-width?",
              "docs": "(<number>) Controls the optional description text stroke width when checked, active, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-description-active-color?",
              "docs": "(<color>) Controls the optional description color when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-error-description-active-stroke-width?",
              "docs": "(<number>) Controls the optional description text stroke width when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-color?",
              "docs": "(<color>) Controls the optional label text color in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the checkbox label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the checkbox label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-hyphens",
              "docs": "(<custom-ident>) Controls the hyphens behavior of the checkbox label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-word-break",
              "docs": "(<custom-ident>) Controls the word-break behavior of the checkbox label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-word-wrap",
              "docs": "(<custom-ident>) Controls the word-wrap behavior of the checkbox label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-hover-color?",
              "docs": "(<color>) Controls the optional label text color when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-label-active-color?",
              "docs": "(<color>) Controls the optional label text color when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-label-hover-color?",
              "docs": "(<color>) Controls the optional label text color when checked and hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-label-active-color?",
              "docs": "(<color>) Controls the optional label text color when checked and active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-font-weight",
              "docs": "(<number>) Controls the font weight of the checkbox description.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-stroke-width",
              "docs": "(<length>) Controls the description text stroke width in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-hover-color?",
              "docs": "(<color>) Controls the optional description color when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-hover-stroke-width",
              "docs": "(<length>) Controls the description text stroke width when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-hover-description-font-weight",
              "docs": "(<number>) Controls the description font weight when hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-active-color?",
              "docs": "(<color>) Controls the optional description color when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-active-stroke-width?",
              "docs": "(<number>) Controls the optional description text stroke width when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-description-focused-stroke-width",
              "docs": "(<length>) Controls the description text stroke width when focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-description-hover-color?",
              "docs": "(<color>) Controls the optional description color when checked and hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-description-hover-stroke-width?",
              "docs": "(<number>) Controls the optional description text stroke width when checked and hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-description-active-color?",
              "docs": "(<color>) Controls the optional description color when checked and active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-checked-description-active-stroke-width?",
              "docs": "(<number>) Controls the optional description text stroke width when checked and active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-animation-duration",
              "docs": "(<time>) Controls the duration of the checkmark draw animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-animation-timing-function",
              "docs": "(*) Controls the timing function of the checkmark draw animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-animation-fill-mode",
              "docs": "(<custom-ident>) Controls the animation-fill-mode of the checkmark draw animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite, in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-stroke-width",
              "docs": "(<number>) Controls the icon stroke width when type is favorite, in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-fill-color",
              "docs": "(<color>) Controls the icon fill color when type is favorite.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-hover-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-hover-stroke-width",
              "docs": "(<number>) Controls the icon stroke width when type is favorite, on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-focused-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite, on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-checked-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite and checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-checked-fill-color",
              "docs": "(<color>) Controls the icon fill color when type is favorite and checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-checked-hover-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite, checked, and hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-checked-focused-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite, checked, and focused.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-favorite-error-stroke-color",
              "docs": "(<color>) Controls the icon stroke color when type is favorite and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-width",
              "docs": "(<length>) Controls the width of the toggle control when type is toggle.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-color",
              "docs": "(<color>) Controls the toggle indicator color when type is toggle, in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-icon-stroke-width",
              "docs": "(<number>) Controls the icon stroke width inside the toggle.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-track-color?",
              "docs": "(<color>) Controls the optional track outline color when type is toggle, in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-track-fill?",
              "docs": "(<color>) Controls the optional track fill when type is toggle, in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-track-box-shadow",
              "docs": "(*) Controls the box shadow of the toggle track in the default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-active-color",
              "docs": "(<color>) Controls the toggle indicator color when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-active-fill",
              "docs": "(<color>) Controls the toggle indicator fill when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-active-track-color",
              "docs": "(<color>) Controls the toggle track color when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-active-track-fill",
              "docs": "(<color>) Controls the toggle track fill when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-hover-circle-color",
              "docs": "(<color>) Controls the toggle indicator (circle) color on hover when not checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-hover-track-box-shadow",
              "docs": "(*) Controls the box shadow of the toggle track on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-hover-track-color",
              "docs": "(<color>) Controls the toggle track outline color on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-hover-track-fill",
              "docs": "(<color>) Controls the toggle track fill on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-circle-color",
              "docs": "(<color>) Controls the toggle indicator (circle) color when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-track-color",
              "docs": "(<color>) Controls the toggle track color when checked.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-hover-track-color",
              "docs": "(<color>) Controls the toggle track color when checked and hovered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-active-track-color",
              "docs": "(<color>) Controls the toggle track color when checked and active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-color",
              "docs": "(<color>) Controls the toggle indicator color in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-active-color",
              "docs": "(<color>) Controls the toggle indicator color when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-active-track-color",
              "docs": "(<color>) Controls the toggle track color when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-active-track-fill",
              "docs": "(<color>) Controls the toggle track fill when active in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-hover-color",
              "docs": "(<color>) Controls the toggle indicator color when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-hover-track-color",
              "docs": "(<color>) Controls the toggle track color when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-hover-track-fill",
              "docs": "(<color>) Controls the toggle track fill when hovered in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-track-color",
              "docs": "(<color>) Controls the toggle track color in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-error-track-fill",
              "docs": "(<color>) Controls the toggle track fill in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-error-track-color",
              "docs": "(<color>) Controls the toggle track color when checked in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-error-hover-track-color",
              "docs": "(<color>) Controls the toggle track color when checked, hovered, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-checkbox-toggle-checked-error-active-track-color",
              "docs": "(<color>) Controls the toggle track color when checked, active, and in the error state.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Checkbox"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use as a single binary choice; nest within a Checkbox Group for grouped selection."
              },
              {
                "name": "slot",
                "text": "default - Additional content displayed adjacent to the label."
              },
              {
                "name": "slot",
                "text": "label - Custom label content displayed adjacent to the label."
              },
              {
                "name": "slot",
                "text": "description - Custom description content displayed beneath the label."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-checkbox/q2-checkbox.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-checkbox/q2-checkbox.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "type",
            "class",
            "aria-hidden",
            "width",
            "height",
            "viewBox",
            "focusable",
            "x",
            "y",
            "rx",
            "x1",
            "y1",
            "x2",
            "y2",
            "points",
            "key",
            "test-id",
            "id",
            "maskUnits",
            "fill",
            "stroke",
            "stroke-width",
            "cx",
            "cy",
            "r",
            "mask",
            "ref",
            "aria-describedby",
            "aria-invalid",
            "aria-labelledby",
            "checked",
            "disabled",
            "name",
            "onClick",
            "value",
            "htmlFor",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "q2-icon",
            "svg",
            "rect",
            "line",
            "polyline",
            "div",
            "defs",
            "mask",
            "circle",
            "input",
            "label",
            "slot",
            "span"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [
            "q2-data-table"
          ],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [
            "q2-data-table"
          ],
          "directDependencies": [
            "q2-icon"
          ]
        },
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-tag",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Tag",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "hoist",
              "type": "boolean",
              "attribute": "hoist",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "!!window.Tecton?.useActionSheets",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "!!window.Tecton?.useActionSheets"
                  }
                ],
                "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that populates the label."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "open",
              "type": "boolean",
              "attribute": "open",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "readonly"
                  }
                ],
                "text": "Determine whether the popover is open or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optionListLabel",
              "type": "string",
              "attribute": "option-list-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'options'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'options'"
                  }
                ],
                "text": "Determines the label that is applied to the option list for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverAlignment",
              "type": "string",
              "attribute": "popover-alignment",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'right'",
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'right'"
                  }
                ],
                "text": "Aligns the popover dropdown to the left or right side of the input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverDirection",
              "type": "string",
              "attribute": "popover-direction",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the direction of the popover dropdown when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMaxHeight",
              "type": "number",
              "attribute": "popover-max-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMinHeight",
              "type": "number",
              "attribute": "popover-min-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "theme",
              "type": "string",
              "attribute": "theme",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'primary' | 'secondary' | 'tertiary'",
                "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The color of the element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "optionCount"
            }
          ],
          "methods": [
            {
              "name": "closePopover",
              "docs": {
                "text": "Emulates clicking the tag to close the popover when options are provided and the popover is open.",
                "tags": [
                  {
                    "name": "testonly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openPopover",
              "docs": {
                "text": "Emulates clicking the tag to open the popover when options are provided and the popover is closed.",
                "tags": [
                  {
                    "name": "testonly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "selectOption",
              "docs": {
                "text": "Emulates selecting an option matching the passed value.\n\nIf the popover is closed, this will open it before selecting the option.\n\nIf there are not options, or the passed value does not match any option's value, this method does nothing.",
                "tags": [
                  {
                    "name": "testonly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: any) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "any",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "popoverStateChanged",
              "method": "popoverStateHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "click",
              "method": "click",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClick' instead"
                  }
                ],
                "text": "Emitted when a provided option is clicked.\n\nRequires at least one option to be provided."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a provided option is clicked.\n\nRequires at least one option to be provided."
              },
              "complexType": {
                "original": "{ value: string }",
                "resolved": "{ value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-TAG",
              "styleStr": null,
              "styleIdentifier": "Q2TagStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tag/q2-tag.scss",
                  "relativePath": "q2-tag.scss",
                  "originalComponentPath": "q2-tag.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-tag-background",
              "docs": "(<color>) Controls the background color of the tag in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-color",
              "docs": "(<color>) Controls the text color of the tag in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-border-color?",
              "docs": "(<color>) Controls the optional border color of the tag in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the tag.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-border-style?",
              "docs": "(<custom-ident>) Controls the optional border style of the tag.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-border-width?",
              "docs": "(<length>+) Controls the optional border width of the tag.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the tag label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the tag label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-height",
              "docs": "(<length>) Controls the height of the tag pill.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-margin",
              "docs": "(<length-percentage>+) Controls the trailing inline margin between sibling tags.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-padding-inline",
              "docs": "(<length-percentage>+) Controls the inline padding of the tag label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-btn-size",
              "docs": "(<length>) Controls the size of the tag's close button icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the tag when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-decorator-icon-primary-stroke?",
              "docs": "(<color>) Controls the optional primary stroke color of the slotted decorator icon in the default theme.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-decorator-icon-secondary-stroke?",
              "docs": "(<color>) Controls the optional secondary stroke color of the slotted decorator icon in the default theme.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-primary-background",
              "docs": "(<color>) Controls the background color of the tag when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-primary-font-color",
              "docs": "(<color>) Controls the text color of the tag when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-primary-border-color",
              "docs": "(<color>) Controls the border color of the tag when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-primary-decorator-icon-primary-stroke?",
              "docs": "(<color>) Controls the optional primary stroke color of the slotted decorator icon when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-primary-decorator-icon-secondary-stroke?",
              "docs": "(<color>) Controls the optional secondary stroke color of the slotted decorator icon when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-secondary-background",
              "docs": "(<color>) Controls the background color of the tag when theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-secondary-font-color",
              "docs": "(<color>) Controls the text color of the tag when theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-secondary-border-color",
              "docs": "(<color>) Controls the border color of the tag when theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-tertiary-background",
              "docs": "(<color>) Controls the background color of the tag when theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-tertiary-font-color",
              "docs": "(<color>) Controls the text color of the tag when theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tag-tertiary-border-color",
              "docs": "(<color>) Controls the border color of the tag when theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Tag"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying metadata labels or categories on content."
              },
              {
                "name": "slot",
                "text": "decorator - An optional slot that supports either an [Icon](https://tecton.q2developer.com/design-system/q2-icon) or [Badge](https://tecton.q2developer.com/design-system/q2-badge) to be displayed with the tag content.\nThis is **not** available when using [Multiple Options](https://tecton.q2developer.com/design-system/q2-tag#multiple-options)."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tag/q2-tag.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tag/q2-tag.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "id",
            "class",
            "aria-hidden",
            "key",
            "onChange",
            "ref",
            "test-id",
            "type",
            "role",
            "onClick",
            "onKeyDown",
            "onFocusout",
            "aria-controls",
            "aria-expanded",
            "aria-describedby",
            "aria-label",
            "name",
            "controlElement",
            "open",
            "maxHeight",
            "minHeight",
            "direction",
            "align",
            "label",
            "no-select"
          ],
          "htmlTagNames": [
            "div",
            "click-elsewhere",
            "button",
            "q2-icon",
            "slot",
            "q2-popover",
            "q2-option-list"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "click-elsewhere",
            "q2-icon",
            "q2-popover",
            "q2-option-list"
          ],
          "dependents": [
            "q2-data-table"
          ],
          "dependencies": [
            "click-elsewhere",
            "q2-icon",
            "q2-option-list",
            "q2-popover"
          ],
          "directDependents": [
            "q2-data-table"
          ],
          "directDependencies": [
            "click-elsewhere",
            "q2-icon",
            "q2-popover",
            "q2-option-list"
          ]
        }
      ],
      "entryKey": "q2-checkbox.q2-tag.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-dropdown-item",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2DropdownItem",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "active",
              "type": "boolean",
              "attribute": "active",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-option-list to indicate the option is active"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables interaction with the item and blocks its click event."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This will be used as the `aria-label` for this item."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that appears within the dropdown item."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "removable",
              "type": "boolean",
              "attribute": "removable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders an icon button in the item.\nClicking on this button will change the `type` on the item's click event detail to \"remove\"."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "separator",
              "type": "boolean",
              "attribute": "separator",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders a line in the item instead of text.\nClick events from these items will not have details provided.\nA `separator` allows for quick visual grouping of items, so interactions should not be bound to these options."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "A static reference value for the item. This value is returned in the click event detail."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "q2LocValue"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "focus",
              "method": "onHostElementFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "click",
              "method": "click",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "Is emitted when the item is clicked."
              },
              "complexType": {
                "original": "{ type: 'select' | 'remove'; value: string }",
                "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Is emitted when the item is clicked."
              },
              "complexType": {
                "original": "{ type: 'select' | 'remove'; value: string }",
                "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-DROPDOWN-ITEM",
              "styleStr": null,
              "styleIdentifier": "Q2DropdownItemStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-dropdown-item/q2-dropdown-item.scss",
                  "relativePath": "q2-dropdown-item.scss",
                  "originalComponentPath": "q2-dropdown-item.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-dropdown-item-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the dropdown item when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-focus-box-shadow",
              "docs": "(*) Controls the box shadow applied to the focused dropdown item button when the item is not disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-font-color?",
              "docs": "(<color>) Controls the optional text color of the dropdown item content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the dropdown item content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-hover-background",
              "docs": "(<color>) Controls the background color of the dropdown item on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-hover-color?",
              "docs": "(<color>) Controls the optional text color of the dropdown item on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-min-height",
              "docs": "(<length>) Controls the minimum height of the dropdown item.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-separator-color",
              "docs": "(<color>) Controls the color of the dropdown item separator border.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-dropdown-item-tween",
              "docs": "(*) Controls the transition timing of the dropdown item's interactive state changes.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Dropdown Item"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use as a single action item within a Dropdown menu."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-dropdown-item/q2-dropdown-item.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-dropdown-item/q2-dropdown-item.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "role",
            "ref",
            "aria-label",
            "tabindex",
            "disabled",
            "onClick",
            "onKeyDown",
            "onFocus",
            "test-id",
            "type"
          ],
          "htmlTagNames": [
            "div",
            "button",
            "slot",
            "q2-icon"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [
            "q2-dropdown"
          ],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [
            "q2-dropdown"
          ],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-dropdown-item.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-legend",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Legend",
          "elementRef": null,
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "currencyRound",
              "type": "boolean",
              "attribute": "currency-round",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls when numbers displayed as currency, if they are whole numbers, they will not include the .00."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "data",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "DonutChartData[]",
                "resolved": "DonutChartData[]",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "An array of objects that contain the data to be displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "format",
              "type": "string",
              "attribute": "format",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'default'",
              "complexType": {
                "original": "'default' | 'currency'",
                "resolved": "\"currency\" | \"default\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'default'"
                  }
                ],
                "text": "The format of the value displayed in the legend."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hoveredItemId",
              "type": "string",
              "attribute": "hovered-item-id",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "null",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "null"
                  }
                ],
                "text": "The id of the item to set as hovered."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedItemId",
              "type": "string",
              "attribute": "selected-item-id",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "null",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "null"
                  }
                ],
                "text": "The id of the item to set as selected."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hoveredItemIndex"
            },
            {
              "name": "selectedItemIndex"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "click",
              "method": "click",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClick' instead"
                  }
                ],
                "text": "Emitted when a legend item is clicked."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "mouseenter",
              "method": "mouseenter",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctMouseenter' instead"
                  }
                ],
                "text": "Emitted when the mouse enters a legend item."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "mouseleave",
              "method": "mouseleave",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctMouseleave' instead"
                  }
                ],
                "text": "Emitted when the mouse leaves a legend item."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when a legend item is clicked."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctMouseEnter",
              "method": "tctMouseEnter",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the mouse enters a legend item."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctMouseLeave",
              "method": "tctMouseLeave",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the mouse leaves a legend item."
              },
              "complexType": {
                "original": "DonutChartData",
                "resolved": "DonutChartData",
                "references": {
                  "DonutChartData": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::DonutChartData",
                    "referenceLocation": "DonutChartData"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "hoveredItemId",
              "methodName": "watchHoveredItemId"
            },
            {
              "propName": "selectedItemId",
              "methodName": "watchSelectedItemId"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-LEGEND",
              "styleStr": null,
              "styleIdentifier": "Q2LegendStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-legend/q2-legend.scss",
                  "relativePath": "q2-legend.scss",
                  "originalComponentPath": "q2-legend.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-legend-item-gap",
              "docs": "(<length-percentage>) Controls the column gap between elements within a legend item.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of each legend item button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-min-height",
              "docs": "(<length>) Controls the minimum height of each legend item button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-opacity-faded",
              "docs": "(<number>) Controls the opacity of legend item contents when the item is faded.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow applied to a legend item when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-color-indicator-size",
              "docs": "(<length-percentage>) Controls the diameter of the color indicator dot in each legend item.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-name-font-color",
              "docs": "(<color>) Controls the text color of the legend item name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-name-font-size",
              "docs": "(<length-percentage>) Controls the font size of the legend item name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-name-font-weight",
              "docs": "(<number>) Controls the font weight of the legend item name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-name-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the legend item name.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-value-font-color",
              "docs": "(<color>) Controls the text color of the legend item value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-value-font-size",
              "docs": "(<length-percentage>) Controls the font size of the legend item value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-value-font-weight",
              "docs": "(<number>) Controls the font weight of the legend item value.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-legend-item-value-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the legend item value.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Legend"
              },
              {
                "name": "category",
                "text": "Data Visualization"
              },
              {
                "name": "summary",
                "text": "Use for displaying chart legends with interactive item selection."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-legend/q2-legend.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-legend/q2-legend.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "onChange",
            "class",
            "test-id",
            "aria-label",
            "onClick",
            "onMouseEnter",
            "onMouseLeave",
            "style",
            "aria-hidden",
            "id"
          ],
          "htmlTagNames": [
            "click-elsewhere",
            "ul",
            "li",
            "button",
            "span"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "click-elsewhere"
          ],
          "dependents": [
            "q2-chart-donut"
          ],
          "dependencies": [
            "click-elsewhere"
          ],
          "directDependents": [
            "q2-chart-donut"
          ],
          "directDependencies": [
            "click-elsewhere"
          ]
        }
      ],
      "entryKey": "q2-legend.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-link",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Link",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "_tooltip",
              "type": "string",
              "attribute": "_tooltip",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Tooltip text set by a parent q2-tooltip component for accessibility."
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether the component and `tctClick` event are disabled."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ellipsis",
              "type": "boolean",
              "attribute": "ellipsis",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "If `true`, the label will be truncated with an ellipsis when it's too long."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fullWidth",
              "type": "boolean",
              "attribute": "full-width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "If `true`, it takes up 100% width."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "href",
              "type": "string",
              "attribute": "href",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'javascript:void(0)'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'javascript:void(0)'"
                  }
                ],
                "text": "The link when clicked."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "iconType",
              "type": "string",
              "attribute": "icon-type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) to display when `variant` is set to \"standalone\"."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The displayed label to represent your link."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "referrerpolicy",
              "type": "string",
              "attribute": "referrerpolicy",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "ReferrerPolicy",
                "resolved": "\"\" | \"no-referrer\" | \"no-referrer-when-downgrade\" | \"origin\" | \"origin-when-cross-origin\" | \"same-origin\" | \"strict-origin\" | \"strict-origin-when-cross-origin\" | \"unsafe-url\"",
                "references": {
                  "ReferrerPolicy": {
                    "location": "global",
                    "id": "global::ReferrerPolicy"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "How much of the referrer to send when following the link. [See MDN for more information on referrerpolicy](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#referrerpolicy)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "target",
              "type": "string",
              "attribute": "target",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Where to display the linked URL. [See MDN for more information on target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tctTitle",
              "type": "string",
              "attribute": "tct-title",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Applies a `title` attribute to the anchor tag in the shadowRoot of the component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "variant",
              "type": "string",
              "attribute": "variant",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'inline'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'inline'"
                  }
                ],
                "text": "Determines the visual display style of the link."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "clickLink",
              "docs": {
                "text": "A method for click.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLAnchorElement": {
                    "location": "global",
                    "id": "global::HTMLAnchorElement"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the link is clicked."
              },
              "complexType": {
                "original": "{ target: string; referrerpolicy: string; href: string }",
                "resolved": "{ target: string; referrerpolicy: string; href: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-LINK",
              "styleStr": null,
              "styleIdentifier": "Q2LinkStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-link/q2-link.scss",
                  "relativePath": "q2-link.scss",
                  "originalComponentPath": "q2-link.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-link-color-inline",
              "docs": "(<color>) Controls the text color of inline-style links.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-color-inline-active",
              "docs": "(<color>) Controls the text color of inline-style links in the active state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-color-standalone",
              "docs": "(<color>) Controls the text color of standalone-style links.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-color-standalone-active",
              "docs": "(<color>) Controls the text color of standalone-style links in the active state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-color-standalone-disabled-color",
              "docs": "(<color>) Controls the text color of standalone-style links when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-color-standalone-disabled-opacity",
              "docs": "(<number>) Controls the opacity of standalone-style links when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-disabled-opacity",
              "docs": "(<number>) Controls the opacity of inline-style links when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-icon-color?",
              "docs": "(<color>) Controls the optional color of the link's trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-icon-stroke-width",
              "docs": "(<number>) Controls the stroke width of the link's trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-label-icon-gap",
              "docs": "(<length-percentage>) Controls the gap between the link label and trailing icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the link label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the link label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-font-bold-stroke-width",
              "docs": "(<length>) Controls the text stroke width applied when the link is hovered or active (simulates a bold weight).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the link container and focus ring.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow applied to the link when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-side-margin",
              "docs": "(<length>) Controls the horizontal margin applied to inline-style links.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-min-height",
              "docs": "(<length>) Controls the minimum height of the link in standalone mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-link-ellipsis-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the link when ellipsis is enabled.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Link"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for navigation to other pages or sections. Prefer over q2-btn for non-action navigation."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-link/q2-link.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-link/q2-link.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": false,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "href",
            "onClick",
            "target",
            "rel",
            "referrerPolicy",
            "title",
            "aria-label",
            "test-id",
            "type"
          ],
          "htmlTagNames": [
            "div",
            "a",
            "span",
            "q2-icon"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [
            "q2-file-picker"
          ],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [
            "q2-file-picker"
          ],
          "directDependencies": [
            "q2-icon"
          ]
        },
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-list",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2List",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "bordered",
              "type": "boolean",
              "attribute": "bordered",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Adds a border between each items"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "label text on header area"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "renderTrigger"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-LIST",
              "styleStr": null,
              "styleIdentifier": "Q2ListStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-list/q2-list.scss",
                  "relativePath": "q2-list.scss",
                  "originalComponentPath": "q2-list.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-list-header-min-height",
              "docs": "(<length>) Controls the minimum height of the list header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-header-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the list header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-item-border-color",
              "docs": "(<color>) Controls the border color of list items when the list is bordered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-item-border-style",
              "docs": "(<custom-ident>) Controls the border style of list items when the list is bordered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-item-border-width",
              "docs": "(<length>+) Controls the border width of list items when the list is bordered.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-item-gap?",
              "docs": "(<length-percentage>) Controls the optional gap between list items.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-item-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of each list item.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-label-font-color",
              "docs": "(<color>) Controls the text color of the list header label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the list header label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-label-font-weight",
              "docs": "(<number>) Controls the font weight of the list header label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-label-height",
              "docs": "(<length>) Controls the height of the list header label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-list-label-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the list header label.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "List"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for grouping Item components into a vertical list."
              },
              {
                "name": "slot",
                "text": "filter - An optional slot to display custom content for filtering the list items."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-list/q2-list.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-list/q2-list.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "ref",
            "name",
            "role"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-file-picker"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-file-picker"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-link.q2-list.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-optgroup",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Optgroup",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether all nested options are disabled."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Serves as the group header text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hidden"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "disabled",
              "methodName": "disabledWatcher"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-OPTGROUP",
              "styleStr": null,
              "styleIdentifier": "Q2OptgroupStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-optgroup/q2-optgroup.scss",
                  "relativePath": "q2-optgroup.scss",
                  "originalComponentPath": "q2-optgroup.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-optgroup-header-background",
              "docs": "(<color>) Controls the background color of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-color?",
              "docs": "(<color>) Controls the optional text color of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-font-size",
              "docs": "(<length-percentage>) Controls the font size of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-font-weight",
              "docs": "(<number>) Controls the font weight of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-position",
              "docs": "(<custom-ident>) Controls the CSS position value of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-header-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text transform of the optgroup header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-optgroup-top",
              "docs": "(<length>) Controls the top offset of the optgroup header when it is stickied within its scroll container.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Option Group"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for grouping related options under a label in Select or Dropdown."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-optgroup/q2-optgroup.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-optgroup/q2-optgroup.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "hidden",
            "aria-labelledby",
            "role",
            "id"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-action-sheet"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-action-sheet"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-optgroup.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-select",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Select",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clearable",
              "type": "boolean",
              "attribute": "clearable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders an icon button when the field is non-empty. Pressing the button clears all input from the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Disables all interaction with the field and leverages the disabled visual style of `q2-input`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errors",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The presence of `errors` will mark the field as invalid, putting it into an error state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hoist",
              "type": "boolean",
              "attribute": "hoist",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "!!window.Tecton?.useActionSheets",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "If your `q2-select` renders inside of an iframe, and you are using multiline/robust content options,\nany custom CSS you apply to your options will not get passed up to the platform which displays the action sheet.\nFor this reason, we strongly suggest using the [q2-card](https://tecton.q2developer.com/design-system/q2-card/) component since its styling is managed by Tecton."
                  },
                  {
                    "name": "default",
                    "text": "!!window.Tecton?.useActionSheets"
                  }
                ],
                "text": "Instructs the component to use the action sheet workflow for displaying its options.\n\nFor more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "invalid",
              "type": "boolean",
              "attribute": "invalid",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines whether to show an error state. Its primary use-case is for an unfilled field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that will be used as the label for the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "listLabel",
              "type": "string",
              "attribute": "list-label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "loc('tecton.element.select.listLabel')",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  },
                  {
                    "name": "default",
                    "text": "loc('tecton.element.select.listLabel')"
                  }
                ],
                "text": "Determines the label that is applied to the option list for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minRows",
              "type": "number",
              "attribute": "min-rows",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "3",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "3"
                  }
                ],
                "text": "The minimum number of rows the component will try to display below or above the component when opened."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multilineOptions",
              "type": "boolean",
              "attribute": "multiline-options",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables text wrapping for `q2-option` elements. When `false`, the text truncates and does not wrap."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multiple",
              "type": "boolean",
              "attribute": "multiple",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables multi-select functionality."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "placeholder",
              "type": "string",
              "attribute": "placeholder",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text that appears within the field when it is blurred and empty.\nPlaceholder text disappears when the user selects an option."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popDirection",
              "type": "string",
              "attribute": "pop-direction",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMaxHeight",
              "type": "number",
              "attribute": "popover-max-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "popoverMode",
              "type": "string",
              "attribute": "popover-mode",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "null",
              "complexType": {
                "original": "'legacy'",
                "resolved": "\"legacy\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This is a temporary solution to work around styling issues related to using fixed positioning for the popover\nwhen nested inside of elements with transform properties. This will be removed once the popover API is available\nfor use."
                  },
                  {
                    "name": "default",
                    "text": "null"
                  }
                ],
                "text": "Determines the display mode of the popover.\n\nProviding a value of `legacy` instructs the popover to use absolute positioning instead of fixed positioning."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\nTakes priority over `optional` if both are `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "searchable",
              "type": "boolean",
              "attribute": "searchable",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "`searchable` is not compatible with the `hoist` prop. The action sheet workflow used when `hoist` is `true` does not support in-list search filtering.\nIf both are set, `searchable` has no effect while the action sheet is active."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Enables search functionality."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedOptions",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "Each item in this array should correspond to the value of a `q2-option` element.\nThis property is only relevant for `multiple` (i.e., multi-select) implementations."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "valid",
              "type": "boolean",
              "attribute": "valid",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether to show a success state. The error state takes precedence when both are set."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The current value for the select. This should correspond to the value of a nested q2-option element.\nThis property is only relevant for single-select implementations."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasCustomDisplay"
            },
            {
              "name": "hasPopoverBottom"
            },
            {
              "name": "hasPopoverTop"
            },
            {
              "name": "inputFocused"
            },
            {
              "name": "open"
            },
            {
              "name": "prioritizeSearch"
            },
            {
              "name": "searchText"
            },
            {
              "name": "showSelected"
            },
            {
              "name": "statusMessage"
            },
            {
              "name": "structuredSelectedOptions"
            }
          ],
          "methods": [
            {
              "name": "closePopover",
              "docs": {
                "text": "Emulates clicking the `<input>` to hide the popover if it is visible.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "openPopover",
              "docs": {
                "text": "Emulates clicking the `<input>` to display the popover if it is hidden.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "searchOptions",
              "docs": {
                "text": "Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.",
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only applicable when the input is searchable."
                  },
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(query: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "query",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates clicking the `<input>` to display the popover and selecting the option(s) with the specified value(s).\n\nIf the multi-select is enabled and the `closePopover` argument is `true` (default), the popover will be closed\nafter the option(s) are selected.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(values: string | string[], options?: { closePopover?: boolean; }) => Promise<void>",
                "parameters": [
                  {
                    "name": "values",
                    "type": "string | string[]",
                    "docs": ""
                  },
                  {
                    "name": "options",
                    "type": "{ closePopover?: boolean; }",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "onHostElementChange",
              "capture": false,
              "passive": false
            },
            {
              "name": "clear",
              "method": "onClearHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "displayChanged",
              "method": "handleSelectedDisplay",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            },
            {
              "name": "focusout",
              "method": "handleFocusout",
              "capture": false,
              "passive": false
            },
            {
              "name": "keydown",
              "method": "keydownHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "popoverStateChanged",
              "method": "popoverStateChanged",
              "capture": false,
              "passive": false
            },
            {
              "name": "tctClick",
              "method": "handleTctClick",
              "capture": false,
              "passive": false
            },
            {
              "name": "tctInput",
              "method": "onHostElementInput",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be\n`undefined` and the `selectedOptions` property will contain the selected\noption values. Ignore the `tctVModel` property it's only included for Vue\nv-model compatibility."
              },
              "complexType": {
                "original": "{ value: string; selectedOptions: string[]; tctVModel: string | string[] }",
                "resolved": "{ value: string; selectedOptions: string[]; tctVModel: string | string[]; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "input",
              "method": "input",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctInput' instead"
                  }
                ],
                "text": "Emitted when the input value changes.\n\nRequires the `searchable` prop to be set to `true`."
              },
              "complexType": {
                "original": "{ query: string }",
                "resolved": "{ query: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be\n`undefined` and the `selectedOptions` property will contain the selected\noption values. Ignore the `tctVModel` property it's only included for Vue\nv-model compatibility."
              },
              "complexType": {
                "original": "{ value: string; selectedOptions: string[]; tctVModel: string | string[] }",
                "resolved": "{ value: string; selectedOptions: string[]; tctVModel: string | string[]; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctInput",
              "method": "tctInput",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the input value changes.\n\nRequires the `searchable` prop to be set to `true`."
              },
              "complexType": {
                "original": "{ query: string }",
                "resolved": "{ query: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "multilineOptions",
              "methodName": "handleMultilineOptionsUpdate"
            },
            {
              "propName": "open",
              "methodName": "openChanged"
            },
            {
              "propName": "searchable",
              "methodName": "searchableChanged"
            },
            {
              "propName": "value",
              "methodName": "buildStructuredSelectedOptions"
            },
            {
              "propName": "selectedOptions",
              "methodName": "buildStructuredSelectedOptions"
            },
            {
              "propName": "value",
              "methodName": "valueUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-SELECT",
              "styleStr": null,
              "styleIdentifier": "Q2SelectStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-select/q2-select.scss",
                  "relativePath": "q2-select.scss",
                  "originalComponentPath": "q2-select.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-select-icon-size",
              "docs": "(<length>) Controls the size of the select chevron and clear icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the select host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the select host when --tct-select-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the select host when --tct-select-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-input-min-height?",
              "docs": "(<length-percentage>) Controls the optional minimum height of the select input. Use this to control the height of the select in the empty state, especially when using multiline-options with tall content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-input-max-height?",
              "docs": "(<length-percentage>) Controls the optional maximum height of the select input. Use this to constrain the height when displaying multiline selected content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-background?",
              "docs": "(<color>) Controls the optional background color of multi-select option chips in their default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-color?",
              "docs": "(<color>) Controls the optional text color of multi-select option chips in their default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-active-background",
              "docs": "(<color>) Controls the background color of multi-select option chips when active (checked).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-active-color",
              "docs": "(<color>) Controls the text color of multi-select option chips when active (checked).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-hover-background",
              "docs": "(<color>) Controls the background color of multi-select option chips on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-hover-color",
              "docs": "(<color>) Controls the text color of multi-select option chips on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-disabled-opacity",
              "docs": "(<number>) Controls the opacity of multi-select option chips when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of multi-select option chips.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-radius",
              "docs": "(<length-percentage>) Controls the corner radius of multi-select option chips.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-select-multi-select-option-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of multi-select option chip labels.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Select"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for choosing from a known list of options with single-select or multi-select."
              },
              {
                "name": "slot",
                "text": "popover-top - An optional slot to display custom content persistently at the top of the popover. This is **not** compatible with the action sheet workflow."
              },
              {
                "name": "slot",
                "text": "popover-bottom - An optional slot to display custom content persistently at the bottom of the popover. This is **not** compatible with the action sheet workflow."
              },
              {
                "name": "slot",
                "text": "q2-select-display - An optional slot to display custom HTML content in the display area."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-select/q2-select.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-select/q2-select.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "name",
            "slot",
            "ref",
            "controlElement",
            "open",
            "max-height",
            "minHeight",
            "direction",
            "mode",
            "block",
            "class",
            "onPopoverState",
            "type",
            "id",
            "show-selected",
            "label",
            "multiple",
            "selectedOptions",
            "onChange",
            "onTctChange",
            "hidden",
            "tabindex",
            "aria-live",
            "aria-atomic",
            "role",
            "value",
            "clearable",
            "errors",
            "disabled",
            "optional",
            "readonly",
            "placeholder",
            "hideLabel",
            "valid",
            "ariaExpanded",
            "ariaControls",
            "ariaHaspopup",
            "test-id",
            "hide-messages",
            "iconRight",
            "onClick",
            "onInput",
            "onTctInput",
            "onKeyDown",
            "onFocus",
            "onBlur",
            "badgeValue",
            "badgeTheme",
            "_ariaDescription",
            "_role",
            "_preventEntry",
            "aria-label",
            "checked",
            "htmlFor",
            "key"
          ],
          "htmlTagNames": [
            "div",
            "slot",
            "q2-popover",
            "q2-option-list",
            "q2-input",
            "fieldset",
            "legend",
            "input",
            "label",
            "click-elsewhere"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-popover",
            "q2-option-list",
            "q2-input",
            "click-elsewhere"
          ],
          "dependents": [
            "q2-pagination"
          ],
          "dependencies": [
            "click-elsewhere",
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-input",
            "q2-loading",
            "q2-option-list",
            "q2-popover"
          ],
          "directDependents": [
            "q2-pagination"
          ],
          "directDependencies": [
            "q2-popover",
            "q2-option-list",
            "q2-input",
            "click-elsewhere"
          ]
        }
      ],
      "entryKey": "q2-select.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-tooltip",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Tooltip",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "block",
              "type": "boolean",
              "attribute": "block",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays the element as a block, making it take up the full width of its container."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "focusable",
              "type": "boolean",
              "attribute": "focusable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "This is only meant to be used when the `q2-tooltip` is wrapped around an element that is not focusable (e.g., icons, static text, badges, etc.)."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Makes the component focusable, thereby putting it in the tab order of the keyboard."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "immediate",
              "type": "boolean",
              "attribute": "immediate",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Whether to show the tooltip immediately upon hover."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "text that is displayed when the tooltip is activated."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multiline",
              "type": "boolean",
              "attribute": "multiline",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Enables the use of multi-line tooltips with a default `max-width` of `200px`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "persistent",
              "type": "boolean",
              "attribute": "persistent",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays the tooltip persistently."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "persistOnHover",
              "type": "boolean",
              "attribute": "persist-on-hover",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Allows the tooltip bubble itself to be hovered.\nWhen enabled, the tooltip remains visible while moving between the trigger and the tooltip bubble."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "position",
              "type": "string",
              "attribute": "position",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'n'",
              "complexType": {
                "original": "'n' | 's' | 'e' | 'w' | 'nw' | 'ne' | 'sw' | 'se'",
                "resolved": "\"e\" | \"n\" | \"ne\" | \"nw\" | \"s\" | \"se\" | \"sw\" | \"w\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'n'"
                  }
                ],
                "text": "The position of the tooltip based on [cardinal and intercardinal directions](https://en.wikipedia.org/wiki/Cardinal_direction)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "focusClass"
            },
            {
              "name": "persistOnHoverDismissed"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "click",
              "method": "documentPointerHandler",
              "capture": false,
              "passive": false,
              "target": "document"
            },
            {
              "name": "touchstart",
              "method": "documentPointerHandler",
              "capture": false,
              "passive": true,
              "target": "document"
            },
            {
              "name": "click",
              "method": "clickHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "focusCaptureHandler",
              "capture": true,
              "passive": false
            },
            {
              "name": "focus",
              "method": "focusHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "focusout",
              "method": "focusOutHandler",
              "capture": false,
              "passive": false
            },
            {
              "name": "keydown",
              "method": "keyDownDocumentHandler",
              "capture": false,
              "passive": false,
              "target": "document"
            },
            {
              "name": "mouseenter",
              "method": "mouseEnterHandler",
              "capture": false,
              "passive": true
            },
            {
              "name": "mouseover",
              "method": "handleMouseOver",
              "capture": false,
              "passive": true
            }
          ],
          "events": [],
          "watchers": [
            {
              "propName": "label",
              "methodName": "labelChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-TOOLTIP",
              "styleStr": null,
              "styleIdentifier": "Q2TooltipStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tooltip/q2-tooltip.scss",
                  "relativePath": "q2-tooltip.scss",
                  "originalComponentPath": "q2-tooltip.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-tooltip-background",
              "docs": "(<color>) Controls the background color of the tooltip bubble and arrow.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-color",
              "docs": "(<color>) Controls the text color of the tooltip bubble.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-font-size",
              "docs": "(<length-percentage>) Controls the font size of the tooltip bubble text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-font-weight",
              "docs": "(<number>) Controls the font weight of the tooltip bubble text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the tooltip bubble.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the tooltip bubble.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-arrow-size",
              "docs": "(<length>) Controls the size of the tooltip arrow.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-offset",
              "docs": "(<length-percentage>) Controls the positional offset of the tooltip arrow relative to its target.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-body-offset",
              "docs": "(<length-percentage>) Controls the positional offset of the tooltip bubble relative to its arrow.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-position",
              "docs": "(<length-percentage>) Controls the distance the tooltip bubble sits away from its target.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-max-width",
              "docs": "(<length-percentage>) Controls the maximum width of the tooltip bubble in multiline mode.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-transition-duration",
              "docs": "(<time>) Controls the show/hide transition duration of the tooltip.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-hover-delay",
              "docs": "(<time>) Controls the delay before the tooltip appears on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-transition-delay",
              "docs": "(<time>) Controls the show/hide transition delay of the tooltip.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-tooltip-transition-visible-duration",
              "docs": "(<time>) Controls how long the tooltip remains visible after appearing via focus.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Tooltip"
              },
              {
                "name": "category",
                "text": "Feedback"
              },
              {
                "name": "summary",
                "text": "Use for brief hints or explanations shown on hover or focus."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tooltip/q2-tooltip.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-tooltip/q2-tooltip.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": true,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": true,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "tabindex",
            "ref",
            "class",
            "aria-label",
            "data-label",
            "onAnimationEnd",
            "role",
            "test-id",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-meter"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-meter"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-tooltip.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-action-group",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2ActionGroup",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "fullWidth",
              "type": "boolean",
              "attribute": "full-width",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "This will prevent the buttons from wrapping when the container is too small to fit all buttons."
                  }
                ],
                "text": "Whether the slotted elements should take up the full width of the container when in horizontal orientation."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientation",
              "type": "string",
              "attribute": "orientation",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'auto'",
              "complexType": {
                "original": "'auto' | 'vertical' | 'horizontal'",
                "resolved": "\"auto\" | \"horizontal\" | \"vertical\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This will override and disable the auto determination of the orientation."
                  },
                  {
                    "name": "warning",
                    "text": "Vertical orientation is not supported for [Links](https://tecton.q2developer.com/design-system/q2-link/)\nor `\"coin\"` [Buttons](https://tecton.q2developer.com/design-system/q2-btn/), and will be set to \"horizontal\"."
                  },
                  {
                    "name": "default",
                    "text": "'auto'"
                  }
                ],
                "text": "The orientation of the buttons, which will override the auto orientation."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "orientationThreshold",
              "type": "number",
              "attribute": "orientation-threshold",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "440",
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "The component determines this based on the width of the element itself, not the browser window."
                  },
                  {
                    "name": "default",
                    "text": "440"
                  }
                ],
                "text": "The width, in pixels, that determines whether to display the buttons in vertical or horizontal orientation"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "autoOrientation"
            },
            {
              "name": "slottedElements"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "orientation",
              "methodName": "toggleHiddenForOneFrame"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-ACTION-GROUP",
              "styleStr": null,
              "styleIdentifier": "Q2ActionGroupStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.scss",
                  "relativePath": "q2-action-group.scss",
                  "originalComponentPath": "q2-action-group.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-action-group-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the action group host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-gap",
              "docs": "(<length-percentage>+) Controls the gap between action group children.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-coin-column-gap",
              "docs": "(<length-percentage>) Controls the column gap when the action group contains q2-btn coin variants.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-coin-row-gap",
              "docs": "(<length-percentage>) Controls the row gap when the action group contains q2-btn coin variants.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-coin-horizontal-justify-content",
              "docs": "(<custom-ident>) Controls the horizontal justify-content when the action group contains q2-btn coin variants.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-horizontal-align-items",
              "docs": "(<custom-ident>) Controls the align-items value of the action group in the horizontal layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-horizontal-flex-direction",
              "docs": "(<custom-ident>) Controls the flex-direction of the action group in the horizontal layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-horizontal-flex-wrap",
              "docs": "(<custom-ident>) Controls the flex-wrap value of the action group in the horizontal layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-horizontal-justify-content",
              "docs": "(<custom-ident>) Controls the justify-content value of the action group in the horizontal layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-vertical-flex-direction",
              "docs": "(<custom-ident>) Controls the flex-direction of the action group in the vertical layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-separator-color",
              "docs": "(<color>) Controls the color of the separator rendered between non-q2-btn children in the horizontal layout.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-action-group-separator-height",
              "docs": "(<length>) Controls the height of the separator rendered between non-q2-btn children in the horizontal layout.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Action Group"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for laying out groups of buttons or links with consistent spacing."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-action-group/q2-action-group.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "onTctResize",
            "disabled",
            "ref",
            "class",
            "role"
          ],
          "htmlTagNames": [
            "q2-resize-observer",
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-resize-observer"
          ],
          "dependents": [
            "q2-context",
            "q2-modal"
          ],
          "dependencies": [
            "q2-resize-observer"
          ],
          "directDependents": [
            "q2-context",
            "q2-modal"
          ],
          "directDependencies": [
            "q2-resize-observer"
          ]
        }
      ],
      "entryKey": "q2-action-group.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-item",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Item",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "clickable",
              "type": "boolean",
              "attribute": "clickable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Makes the item clickable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "verticalAlign",
              "type": "string",
              "attribute": "vertical-align",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'top'",
              "complexType": {
                "original": "'top' | 'center' | 'bottom'",
                "resolved": "\"bottom\" | \"center\" | \"top\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'top'"
                  }
                ],
                "text": "Controls the vertical alignment of the item decorator and single content slot."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "renderTrigger"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-ITEM",
              "styleStr": null,
              "styleIdentifier": "Q2ItemStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-item/q2-item.scss",
                  "relativePath": "q2-item.scss",
                  "originalComponentPath": "q2-item.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-item-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the item grid.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-border?",
              "docs": "(*) Controls the optional border shorthand applied to the item grid.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the item grid.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-hover-background",
              "docs": "(<color>) Controls the background color of clickable items on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-font-style?",
              "docs": "(<custom-ident>) Controls the optional font style of the item grid.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-horizontal-spacing",
              "docs": "(<length-percentage>) Controls the horizontal column gap inside the item grid.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-vertical-spacing",
              "docs": "(<length-percentage>) Controls the vertical row gap inside the item grid.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-bullet-padding-top",
              "docs": "(<length-percentage>) Controls the top padding of the item bullet (leading slot) area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-avatar-height",
              "docs": "(<length>) Controls the height applied to an avatar rendered in the item bullet area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-avatar-width",
              "docs": "(<length>) Controls the width applied to an avatar rendered in the item bullet area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-action-align-items",
              "docs": "(<custom-ident>) Controls the align-items value of the item action (trailing) area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-action-btn-icon-padding",
              "docs": "(<length>) Controls the padding of icon buttons in the item action area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-action-icon-height",
              "docs": "(<length>) Controls the height applied to icon buttons in the item action area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-action-icon-width",
              "docs": "(<length>) Controls the width applied to icon buttons in the item action area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-action-icon-size",
              "docs": "(<length>) Controls the icon size applied to icons in the item action area.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-header-color",
              "docs": "(<color>) Controls the text color of the item header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-header-font-size",
              "docs": "(<length-percentage>) Controls the font size of the item header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-header-font-weight",
              "docs": "(<number>) Controls the font weight of the item header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-header-font-style?",
              "docs": "(<custom-ident>) Controls the optional font style of the item header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-header-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the item header.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-body-color",
              "docs": "(<color>) Controls the text color of the item body.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-body-font-size",
              "docs": "(<length-percentage>) Controls the font size of the item body.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-body-font-weight",
              "docs": "(<number>) Controls the font weight of the item body.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-body-font-style?",
              "docs": "(<custom-ident>) Controls the optional font style of the item body.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-footer-color?",
              "docs": "(<color>) Controls the optional text color of the item footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-footer-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the item footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-footer-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the item footer.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-item-footer-font-style?",
              "docs": "(<custom-ident>) Controls the optional font style of the item footer.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Item"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for laying out structured content with header, body, and footer text, icons, and actions."
              },
              {
                "name": "slot",
                "text": "decorator - An optional slot to display custom content in the decorator area.\nSupports either [Icon](https://tecton.q2developer.com/design-system/q2-icon/) or [Avatar](https://tecton.q2developer.com/design-system/q2-avatar/).\nUse this to provide a visual indicator or icon for your item."
              },
              {
                "name": "slot",
                "text": "header - An optional slot to display custom content in the header area.\nUse this to provide a title or label for your item."
              },
              {
                "name": "slot",
                "text": "body - An optional slot to display custom content in the body area.\nUse this to provide the main content of your item."
              },
              {
                "name": "slot",
                "text": "action - An optional slot to display custom content in the action area.\nSupports buttons, checkboxes, dropdowns, or other interactive elements related to the item."
              },
              {
                "name": "slot",
                "text": "footer - An optional slot to display custom content in the footer area.\nUse this to provide additional information or actions related to the item."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-item/q2-item.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-item/q2-item.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "test-id",
            "class",
            "ref",
            "role",
            "tabIndex",
            "name"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-context",
            "q2-file-picker"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-context",
            "q2-file-picker"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-item.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-option",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Option",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "_hideSelectedBlock",
              "type": "boolean",
              "attribute": "_hide-selected-block",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Disables child q2-option selectable state and removes the selector space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "_multiSelectHidden",
              "type": "boolean",
              "attribute": "_multiselecthidden",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "active",
              "type": "boolean",
              "attribute": "active",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by q2-option-list to indicate the option is active"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the option."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabledGroup",
              "type": "boolean",
              "attribute": "disabled-group",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by consuming elements to disable all options in the group"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "display",
              "type": "string",
              "attribute": "display",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The text that is displayed in the field when selected. If not provided, any text inside the element will be used."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multiline",
              "type": "boolean",
              "attribute": "multiline",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by consuming elements to enable multiline content support"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "role",
              "type": "string",
              "attribute": "role",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "'option'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "type",
                    "text": "{('option' | 'menuitem' | 'separator')}"
                  },
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "'option'"
                  }
                ],
                "text": "Used by q2-option-list to set a role on the option"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selected",
              "type": "boolean",
              "attribute": "selected",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Used by q2-option-list to indicate the option is selected"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "separator",
              "type": "boolean",
              "attribute": "separator",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders a line in the item instead of text.\nClick events from these items will not have details provided.\nA `separator` allows for quick visual grouping of items, so interactions should not be bound to these options."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Serves as the option's value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "displayChanged",
              "method": "displayChanged",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Used by consuming elements to indicate the display value of the option has changed."
              },
              "complexType": {
                "original": "{ value: string; display: string }",
                "resolved": "{ value: string; display: string; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Is emitted when the option is clicked."
              },
              "complexType": {
                "original": "{ type: 'select' | 'remove'; value: string }",
                "resolved": "{ type: \"select\" | \"remove\"; value: string; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "display",
              "methodName": "displayChangedHandler"
            },
            {
              "propName": "separator",
              "methodName": "separatorChangedHandler"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-OPTION",
              "styleStr": null,
              "styleIdentifier": "Q2OptionStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option/q2-option.scss",
                  "relativePath": "q2-option.scss",
                  "originalComponentPath": "q2-option.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-option-active-background",
              "docs": "(<color>) Controls the background color of the option in its active, focused, and hover states.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-option-active-color?",
              "docs": "(<color>) Controls the optional text color of the option in its active, focused, and hover states.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-option-content-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the option content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-option-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the option when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-option-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the option.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-option-selected-icon-size",
              "docs": "(<length>) Controls the size of the selected indicator icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-option-selected-multiline-icon-size",
              "docs": "(<length>) Controls the size of the selected indicator icon when multiline is set.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Option"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use as a selectable item within Select, Dropdown, Tag, or Pill components."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option/q2-option.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option/q2-option.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "tabindex",
            "aria-disabled",
            "aria-selected",
            "aria-hidden",
            "display",
            "onClick",
            "onKeydown",
            "type",
            "class"
          ],
          "htmlTagNames": [
            "q2-icon",
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [
            "q2-action-sheet",
            "q2-pagination"
          ],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [
            "q2-action-sheet",
            "q2-pagination"
          ],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-option.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-message",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Message",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "appearance",
              "type": "string",
              "attribute": "appearance",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'standard'",
              "complexType": {
                "original": "'minimal' | 'standard'",
                "resolved": "\"minimal\" | \"standard\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'standard'"
                  }
                ],
                "text": "The visual style of the message. The minimal style is for use cases where you have less space to display information."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "boolean",
              "attribute": "description",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Determines whether or not assistive technology immediately presents the content to the user, via the `aria-live` attribute."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'info'",
              "complexType": {
                "original": "'info' | 'error' | 'danger' | 'warning' | 'success'",
                "resolved": "\"danger\" | \"error\" | \"info\" | \"success\" | \"warning\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'info'"
                  }
                ],
                "text": "The type of message to display on the screen."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "presentToggle"
            }
          ],
          "methods": [
            {
              "name": "present",
              "docs": {
                "text": "Prompts assistive technology to announce the message.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-MESSAGE",
              "styleStr": null,
              "styleIdentifier": "Q2MessageStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-message/q2-message.scss",
                  "relativePath": "q2-message.scss",
                  "originalComponentPath": "q2-message.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-message-background",
              "docs": "(<color>) Controls the background color of the message container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-font-color?",
              "docs": "(<color>) Controls the optional text color of the message content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the message content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the message content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the message container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-border-color?",
              "docs": "(<color>) Controls the optional border color of the message container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-border-style",
              "docs": "(<custom-ident>) Controls the border style of the message container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-border-width?",
              "docs": "(<length>+) Controls the optional border width of the message container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the message container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the message host in the standard appearance.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the message container in the standard appearance.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-minimal-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the message container in the minimal appearance.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-gap",
              "docs": "(<length-percentage>) Controls the gap between the message icon and its content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-icon-size",
              "docs": "(<length>) Controls the size of the message leading icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-list-margin",
              "docs": "(<length-percentage>+) Controls the margin around a slotted unordered list inside the message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-list-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of a slotted unordered list inside the message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-bar-width",
              "docs": "(<length>) Controls the width of the colored status bar on the side of the message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-bar-border-radius",
              "docs": "(<length-percentage>+) Controls the corner radius of the colored status bar on the side of the message.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-info-bar-color",
              "docs": "(<color>) Controls the color of the status bar when the message type is info.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-success-bar-color",
              "docs": "(<color>) Controls the color of the status bar when the message type is success.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-warning-bar-color",
              "docs": "(<color>) Controls the color of the status bar when the message type is warning.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-error-bar-color",
              "docs": "(<color>) Controls the color of the status bar when the message type is error or danger.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-info-background",
              "docs": "(<color>) Controls the background color of the message container when the message type is info.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-success-background",
              "docs": "(<color>) Controls the background color of the message container when the message type is success.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-warning-background",
              "docs": "(<color>) Controls the background color of the message container when the message type is warning.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-message-error-background",
              "docs": "(<color>) Controls the background color of the message container when the message type is error or danger.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Message"
              },
              {
                "name": "category",
                "text": "Feedback"
              },
              {
                "name": "summary",
                "text": "Use for contextual non-blocking notifications like success, error, or info alerts."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-message/q2-message.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-message/q2-message.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "type",
            "class",
            "key",
            "tabindex",
            "role",
            "aria-live",
            "aria-atomic",
            "aria-relevant",
            "test-id",
            "aria-hidden"
          ],
          "htmlTagNames": [
            "q2-icon",
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon"
          ],
          "dependents": [
            "q2-action-sheet",
            "q2-calendar",
            "q2-otp"
          ],
          "dependencies": [
            "q2-icon"
          ],
          "directDependents": [
            "q2-action-sheet",
            "q2-calendar",
            "q2-otp"
          ],
          "directDependencies": [
            "q2-icon"
          ]
        }
      ],
      "entryKey": "q2-message.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-resize-observer",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2ResizeObserver",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Determines wheter or not events will be emitted from the component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "getCurrentResizeEntries",
              "docs": {
                "text": "Returns the latest entries reported by the component.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<ResizeObserverEntry[]>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "ResizeObserverEntry": {
                    "location": "global",
                    "id": "global::ResizeObserverEntry"
                  }
                },
                "return": "Promise<ResizeObserverEntry[]>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [
            {
              "name": "tctResize",
              "method": "tctResize",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when any of the observed elements are resized."
              },
              "complexType": {
                "original": "{ entries: ResizeObserverEntry[] }",
                "resolved": "{ entries: ResizeObserverEntry[]; }",
                "references": {
                  "ResizeObserverEntry": {
                    "location": "global",
                    "id": "global::ResizeObserverEntry"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "disabled",
              "methodName": "disabledUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-RESIZE-OBSERVER",
              "styleStr": null,
              "styleIdentifier": "Q2ResizeObserverStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.scss",
                  "relativePath": "q2-resize-observer.scss",
                  "originalComponentPath": "q2-resize-observer.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Resize Observer"
              },
              {
                "name": "category",
                "text": "Utility"
              },
              {
                "name": "summary",
                "text": "Use for detecting size changes to elements and emitting resize events."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-resize-observer/q2-resize-observer.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": false,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "onSlotchange"
          ],
          "htmlTagNames": [
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-action-group",
            "q2-context",
            "q2-modal",
            "q2-radio-group"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-action-group",
            "q2-radio-group"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-resize-observer.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-badge",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Badge",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "maxLength",
              "type": "number",
              "attribute": "max-length",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number | undefined",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The number of characters to show. A maximum limit of 18 characters is acceptable."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'default' | 'large' | undefined",
                "resolved": "\"default\" | \"large\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The size of the badge."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "status",
              "type": "string",
              "attribute": "status",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'info' | 'alert' | 'warning' | 'success' | undefined",
                "resolved": "\"alert\" | \"info\" | \"success\" | \"warning\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The stoplight color of the element when `theme` is not present."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "theme",
              "type": "string",
              "attribute": "theme",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'primary' | 'secondary' | 'tertiary' | undefined",
                "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The color of the badge when in the active state.\nThe `theme` has higher priority than `status`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "any",
              "attribute": "value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number | string",
                "resolved": "number | string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "`q2-badge` also has limited support for slotted HTML elements."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "What to display in the badge. Negative numbers will be shown as positive."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [],
          "methods": [
            {
              "name": "getTextContent",
              "docs": {
                "text": "Returns the text content of the badge. This accounts for the text in slotted elements or the Shadow DOM.",
                "tags": [
                  {
                    "name": "testonly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<string>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<string>"
              },
              "internal": false
            }
          ],
          "listeners": [],
          "events": [],
          "watchers": [],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-BADGE",
              "styleStr": null,
              "styleIdentifier": "Q2BadgeStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-badge/q2-badge.scss",
                  "relativePath": "q2-badge.scss",
                  "originalComponentPath": "q2-badge.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-badge-background",
              "docs": "(<color>) Controls the background color of the badge container in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-color",
              "docs": "(<color>) Controls the text color of the badge container in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-border?",
              "docs": "(*) Controls the optional border shorthand of the badge container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the badge container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-height",
              "docs": "(<length>) Controls the height of the badge container in the default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-min-width",
              "docs": "(<length>) Controls the minimum width of the badge container in the default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the badge container in the default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the badge container in the default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the badge text in the default size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-large-height",
              "docs": "(<length>) Controls the height of the badge container in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-large-min-width",
              "docs": "(<length>) Controls the minimum width of the badge container in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-large-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the badge container in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-large-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the badge container in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-large-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the badge text in the large size.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-info-background",
              "docs": "(<color>) Controls the background color of the badge container when status is info.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-info-color",
              "docs": "(<color>) Controls the text color of the badge container when status is info.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-alert-background",
              "docs": "(<color>) Controls the background color of the badge container when status is alert.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-alert-color",
              "docs": "(<color>) Controls the text color of the badge container when status is alert.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-warning-background",
              "docs": "(<color>) Controls the background color of the badge container when status is warning.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-warning-color",
              "docs": "(<color>) Controls the text color of the badge container when status is warning.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-success-background",
              "docs": "(<color>) Controls the background color of the badge container when status is success.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-success-color",
              "docs": "(<color>) Controls the text color of the badge container when status is success.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-primary-background",
              "docs": "(<color>) Controls the background color of the badge container when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-primary-color",
              "docs": "(<color>) Controls the text color of the badge container when theme is primary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-secondary-background",
              "docs": "(<color>) Controls the background color of the badge container when theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-secondary-color",
              "docs": "(<color>) Controls the text color of the badge container when theme is secondary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-tertiary-background",
              "docs": "(<color>) Controls the background color of the badge container when theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-badge-tertiary-color",
              "docs": "(<color>) Controls the text color of the badge container when theme is tertiary.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Badge"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying counts, statuses, or indicators on other elements."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-badge/q2-badge.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-badge/q2-badge.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": false,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": false,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": false,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": false,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [
            "class"
          ],
          "htmlTagNames": [
            "div",
            "small",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-calendar",
            "q2-data-table",
            "q2-editable-field",
            "q2-input",
            "q2-pagination",
            "q2-search",
            "q2-select",
            "q2-tab-container"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-data-table",
            "q2-input",
            "q2-tab-container"
          ],
          "directDependencies": []
        },
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-input",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Input",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "_ariaDescription",
              "type": "string",
              "attribute": "_aria-description",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Provides additional descriptive text for the native input."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "_preventEntry",
              "type": "boolean",
              "attribute": "_prevent-entry",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "undefined",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "undefined"
                  }
                ],
                "text": "Sets readonly to true on the input without adding the \"read only\" label.\n\nCan be used to prevent user input while still presenting the necessary information for assistive technology."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "_role",
              "type": "string",
              "attribute": "_role",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "undefined",
              "complexType": {
                "original": "'combobox' | undefined",
                "resolved": "\"combobox\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Defaults to undefined\nWill assign role to combobox when used inside q2-select and q2-calendar."
                  },
                  {
                    "name": "default",
                    "text": "undefined"
                  }
                ],
                "text": "Allows for correct semantics of q2-input element when aria-expanded."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "_updateValueOnInput",
              "type": "boolean",
              "attribute": "_update-value-on-input",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "true",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  },
                  {
                    "name": "default",
                    "text": "true"
                  }
                ],
                "text": "Determines whether the input updates its value property as native input occurs."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaActivedescendant",
              "type": "string",
              "attribute": "aria-activedescendant",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaControls",
              "type": "string",
              "attribute": "aria-controls",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaExpanded",
              "type": "string",
              "attribute": "aria-expanded",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaHaspopup",
              "type": "string",
              "attribute": "aria-haspopup",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaOwns",
              "type": "string",
              "attribute": "aria-owns",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autocapitalize",
              "type": "string",
              "attribute": "autocapitalize",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "This attribute only affects the behavior of input mechanisms like virtual keyboards on mobile devices and voice input."
                  }
                ],
                "text": "The `autocapitalize` attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user.\n\n[See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autocapitalize#value)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autocomplete",
              "type": "string",
              "attribute": "autocomplete",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The HTML autocomplete attribute lets web developers specify what permission (if any) the user agent has to provide automated assistance in filling out form field values,\nas well as guidance to the browser as to the type of information expected in the field.\n\n[See MDN for a list of supported values](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autocorrect",
              "type": "string",
              "attribute": "autocorrect",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'on' | 'off'",
                "resolved": "\"off\" | \"on\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "This is currently only supported in Safari."
                  }
                ],
                "text": "A string that indicates whether or not to activate automatic correction while the user is editing this field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "autofocus",
              "type": "boolean",
              "attribute": "autofocus",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Autofocus is enabled when the property is added to an element. To disable, remove attribute or set it to false.\nIf applied to multiple elements, the first one will receive focus."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeTheme",
              "type": "string",
              "attribute": "badge-theme",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Badge['theme']",
                "resolved": "\"primary\" | \"secondary\" | \"tertiary\"",
                "references": {
                  "Q2Badge": {
                    "location": "import",
                    "path": "../q2-badge/q2-badge",
                    "id": "src/components/q2-badge/q2-badge.tsx::Q2Badge",
                    "referenceLocation": "Q2Badge"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "The color of the badge when in the active state. The property `badgeValue` must be provided."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badgeValue",
              "type": "string",
              "attribute": "badge-value",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays a `q2-badge` element on the right side of the input."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "clearable",
              "type": "boolean",
              "attribute": "clearable",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Renders an icon button when the field is non-empty. Pressing the button clears all input from the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "current",
              "type": "string",
              "attribute": "current",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'",
                "resolved": "\"date\" | \"false\" | \"location\" | \"page\" | \"step\" | \"time\" | \"true\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "If provided a value, it sets the `aria-current` attribute on the inner input.\n[See MDN for more information on aria-current](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Indicates the field cannot be focused or interacted with."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "errors",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Each item in the `errors` array will appear below the input field when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "formatModifier",
              "type": "string",
              "attribute": "format-modifier",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the field's expected input format, and automatically masks user input to conform.\nSpecific types support different modifier options. See the section on Format Modifiers for all available options."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only use when a visible label is impractical."
                  }
                ],
                "text": "Hide's the field's `<label>` element from view."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideMessages",
              "type": "boolean",
              "attribute": "hide-messages",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "When `true` and the input field has an active validation error, the field shows the error state without displaying associated error messages below the field (from the errors array).\nPrimarily used for dropdown selects and date pickers whose controls appear below the input field (where the error messages, if displayed, would also appear)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hints",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string[]",
                "resolved": "string[]",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "The `errors` array takes precedence over the `hints` array. If an input field has both hints and errors, only the errors will display.\nOnce all errors are resolved, the hints display the next time the field is focused."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Each item in the `hints` array will appear below the input field when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "iconLeft",
              "type": "string",
              "attribute": "icon-left",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Icon['type']",
                "resolved": "string",
                "references": {
                  "Q2Icon": {
                    "location": "import",
                    "path": "../q2-icon/q2-icon",
                    "id": "src/components/q2-icon/q2-icon.tsx::Q2Icon",
                    "referenceLocation": "Q2Icon"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Shows a left-aligned [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) within the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "iconRight",
              "type": "string",
              "attribute": "icon-right",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "Q2Icon['type']",
                "resolved": "string",
                "references": {
                  "Q2Icon": {
                    "location": "import",
                    "path": "../q2-icon/q2-icon",
                    "id": "src/components/q2-icon/q2-icon.tsx::Q2Icon",
                    "referenceLocation": "Q2Icon"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Shows a right-aligned [q2-icon](https://tecton.q2developer.com/design-system/q2-icon/) within the field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The label that appears above the field. This is announced by screen readers when the field is focused."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "max",
              "type": "number",
              "attribute": "max",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when `type=\"number\"`."
                  }
                ],
                "text": "When present, it does not allow a value greater than `max` when the user uses the Up/Down arrow keys to change the value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxlength",
              "type": "number",
              "attribute": "maxlength",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the maximum allowed input length in characters. Formatting characters (e.g. `.`, `-`, etc) are included in the `maxlength` comparison.\nMake sure you account for them when setting the `maxlength` value. Input types that use masks have their own inherent `maxlength`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "min",
              "type": "number",
              "attribute": "min",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when `type=\"number\"`."
                  }
                ],
                "text": "When present, it does not allow a value less than the `min` when the user uses the Up/Down arrow keys to change the value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "optional",
              "type": "boolean",
              "attribute": "optional",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Appends \"(optional)\" to the field label, and sets `aria-required` on the nested input tag to `false`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "pattern",
              "type": "string",
              "attribute": "pattern",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "<q2-input label=\"My input\" pattern=\"[a-zA-Z0-9]{3,5}\" id=\"myInput\"></q2-input>\n// enter \"abcdefgh\" in the input field (too many characters)\nconst myInput = document.querySelector('#myInput');\nconsole.log(myInput.validity.patternMismatch); // true"
                  }
                ],
                "text": "Applies the value as a RegEx pattern to assess the validity of the input field's value.\nCheck the ValidityState's `patternMismatch` property for the result.\n\n**Example:**"
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "placeholder",
              "type": "string",
              "attribute": "placeholder",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Primarily used for rare cases in which a visible form label is not expected (e.g., search fields)."
                  },
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Text that appears within the field when it is blurred and empty.\nPlaceholder text disappears when the user focuses on the field and provides input."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "pseudo",
              "type": "boolean",
              "attribute": "pseudo",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Component will display as a clickable `<button>` styled to be identical to the default `<input>` field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "readonly",
              "type": "boolean",
              "attribute": "readonly",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Appends \"(read only)\" to the field label, and field becomes unusable, but remains focusable.\nTakes priority over `optional` if both are `true`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "role",
              "type": "string",
              "attribute": "role",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "Indicates the element's intended purpose to assistive technology."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showCount",
              "type": "boolean",
              "attribute": "show-count",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Shows a character counter above the input field to track the number of characters currently in the field.\nIf `maxlength` is set, `showCount` displays the number of characters in relation the `maxlength` value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showVisibilityToggle",
              "type": "boolean",
              "attribute": "show-visibility-toggle",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Applicable when `type` is `text`, `password`, `ssn`, or `tin`, or when `visibleLastCount` is set."
                  },
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Displays a toggle button at the end of the input field which shows or hides the actual value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "step",
              "type": "number",
              "attribute": "step",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when `type=\"number\"`."
                  }
                ],
                "text": "When present, it jumps the value in increments of `step` when the user uses the Up/Down arrow keys to change the value."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "textHidden",
              "type": "boolean",
              "attribute": "text-hidden",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls visibility of the value. When `visibleLastCount` is set, hidden values keep the specified number of\ntrailing characters visible.\nWhen the input type is `password`, it will default to `true`, hiding the text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'text'",
              "complexType": {
                "original": "InputType",
                "resolved": "\"alpha\" | \"alphanumeric\" | \"cif\" | \"clabe\" | \"credit-card\" | \"currency\" | \"date\" | \"email\" | \"iban\" | \"number\" | \"numeric\" | \"password\" | \"percentage\" | \"phone\" | \"postal\" | \"routingnumber\" | \"search\" | \"ssn\" | \"swift\" | \"tel\" | \"text\" | \"url\"",
                "references": {
                  "InputType": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
                    "id": "src/components/q2-input/q2-input.tsx::InputType"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'text'"
                  }
                ],
                "text": "Specifies the field's expected [input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types), and provides the optimal keyboard on mobile devices."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "valid",
              "type": "boolean",
              "attribute": "valid",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Displays a success state icon when the field does not have active errors."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "validity",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "ValidityState",
                "resolved": "ValidityState",
                "references": {
                  "ValidityState": {
                    "location": "global",
                    "id": "global::ValidityState"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "Returns a read-only `ValidityState` object representing the validity states of the element.\n[See MDN for more information on ValidityState](https://developer.mozilla.org/en-US/docs/Web/API/ValidityState)."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "value",
              "type": "string",
              "attribute": "value",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "The visible value of formatted input fields may not match the element's `value` property.\nWhen setting an input's value programmatically (e.g. pre-populating a form), ensure that the supplied value is in a format that can be handled by its consuming logic.\n`q2-input` updates its own `value` through its default input and change event handlers.\n\nIn `q2-input` where `type=\"currency\"`\n- element.value = 1234.56\n- visible value: $1,234.56"
                  }
                ],
                "text": "The value of the input field."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "visibleLastCount",
              "type": "number",
              "attribute": "visible-last-count",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls the number of trailing characters that remain visible when the field value is masked by `textHidden`\nor the visibility toggle. The element's `value` and emitted event details remain unmasked."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "checkSlotCount"
            },
            {
              "name": "formattedValueObject"
            },
            {
              "name": "hasFocus"
            },
            {
              "name": "isSmall"
            }
          ],
          "methods": [
            {
              "name": "checkValidity",
              "docs": {
                "text": "Emulates firing checkValidity on `<input>`, emits `invalid` event if validation failed.",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<boolean>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<boolean>"
              },
              "internal": false
            },
            {
              "name": "clearValue",
              "docs": {
                "text": "Emulates clicking the clear button when the input is clearable.",
                "tags": [
                  {
                    "name": "warning",
                    "text": "Only applicable when the input is clearable."
                  },
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setValue",
              "docs": {
                "text": "Emulates focusing the `<input>`, entering the provided value, and emitting an `input` event.\n\nThis method leaves the focus on the `<input>` and as a result does not trigger the `change` event. If you want\nto trigger the` change` event, move the focus to another element after calling this method.",
                "tags": [
                  {
                    "name": "testOnly"
                  }
                ]
              },
              "complexType": {
                "signature": "(value: string) => Promise<void>",
                "parameters": [
                  {
                    "name": "value",
                    "type": "string",
                    "docs": ""
                  }
                ],
                "references": {},
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "change",
              "method": "onHostElementChange",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "onHostElementFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the field loses focus after the value has been changed."
              },
              "complexType": {
                "original": "EventDetail",
                "resolved": "EventDetail",
                "references": {
                  "EventDetail": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                    "referenceLocation": "EventDetail"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "clear",
              "method": "clear",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctClear' instead"
                  }
                ],
                "text": "Emitted when the field value is cleared.\nEmitted with `{ source: 'input' }` when search text is cleared by keyboard.\nEmitted with `{ source: 'button' }` when search text is cleared by clicking clear icon."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "formatted",
              "method": "formatted",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctFormatted' instead"
                  }
                ],
                "text": "Emitted when the field value is formatted."
              },
              "complexType": {
                "original": "FormatterValueObject",
                "resolved": "FormatterValueObject",
                "references": {
                  "FormatterValueObject": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::FormatterValueObject",
                    "referenceLocation": "FormatterValueObject"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "input",
              "method": "input",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctInput' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the field value is updated."
              },
              "complexType": {
                "original": "EventDetail",
                "resolved": "EventDetail",
                "references": {
                  "EventDetail": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                    "referenceLocation": "EventDetail"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "invalid",
              "method": "invalid",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctInvalid' instead"
                  },
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the validation is updated."
              },
              "complexType": {
                "original": "EventDetail",
                "resolved": "EventDetail",
                "references": {
                  "EventDetail": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                    "referenceLocation": "EventDetail"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": false,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the field loses focus after the value has been changed."
              },
              "complexType": {
                "original": "EventDetail",
                "resolved": "EventDetail",
                "references": {
                  "EventDetail": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                    "referenceLocation": "EventDetail"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctClear",
              "method": "tctClear",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the field value is cleared.\nEmitted with `{ source: 'input' }` when search text is cleared by keyboard.\nEmitted with `{ source: 'button' }` when search text is cleared by clicking clear icon."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctFormatted",
              "method": "tctFormatted",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the field value is formatted."
              },
              "complexType": {
                "original": "FormatterValueObject",
                "resolved": "FormatterValueObject",
                "references": {
                  "FormatterValueObject": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::FormatterValueObject",
                    "referenceLocation": "FormatterValueObject"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctInput",
              "method": "tctInput",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the field value is updated."
              },
              "complexType": {
                "original": "EventDetail",
                "resolved": "EventDetail",
                "references": {
                  "EventDetail": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                    "referenceLocation": "EventDetail"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "tctInvalid",
              "method": "tctInvalid",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "legacyEvent"
                  }
                ],
                "text": "Emitted when the validation is updated."
              },
              "complexType": {
                "original": "EventDetail",
                "resolved": "EventDetail",
                "references": {
                  "EventDetail": {
                    "location": "import",
                    "path": "q2-tecton-common/lib/types/elements",
                    "id": "../q2-tecton-common/lib/types/elements.d.ts::EventDetail",
                    "referenceLocation": "EventDetail"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "_role",
              "methodName": "updateComboboxAriaLabel"
            },
            {
              "propName": "label",
              "methodName": "updateComboboxAriaLabel"
            },
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "clearable",
              "methodName": "manageClearableResizeObserver"
            },
            {
              "propName": "errors",
              "methodName": "errorsObserver"
            },
            {
              "propName": "formatModifier",
              "methodName": "formatModifierObserver"
            },
            {
              "propName": "formattedValueObject",
              "methodName": "formattedValueObjectObserver"
            },
            {
              "propName": "hints",
              "methodName": "hintsObserver"
            },
            {
              "propName": "textHidden",
              "methodName": "textHiddenObserver"
            },
            {
              "propName": "type",
              "methodName": "typeObserver"
            },
            {
              "propName": "value",
              "methodName": "valueObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-INPUT",
              "styleStr": null,
              "styleIdentifier": "Q2InputStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.scss",
                  "relativePath": "q2-input.scss",
                  "originalComponentPath": "q2-input.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-input-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the input host.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the input host when --tct-input-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-margin-bottom",
              "docs": "(<length-percentage>) Controls the bottom margin of the input host when --tct-input-margin is not set.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-font-color",
              "docs": "(<color>) Controls the text color of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-font-weight",
              "docs": "(<number>) Controls the font weight of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-align",
              "docs": "(<custom-ident>) Controls the text alignment of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-height",
              "docs": "(<length>) Controls the height of the input field.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-min-height",
              "docs": "(<length>) Controls the minimum height of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-max-height?",
              "docs": "(<length>) Controls the optional maximum height of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-tween",
              "docs": "(*) Controls the transition timing of input state changes (background, border, etc.).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-background",
              "docs": "(<color>) Controls the background color of the input container in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-color",
              "docs": "(<color>) Controls the border color of the input container in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-top-width",
              "docs": "(<length>) Controls the top border width of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-right-width",
              "docs": "(<length>) Controls the right border width of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-bottom-width",
              "docs": "(<length>) Controls the bottom border width of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-left-width",
              "docs": "(<length>) Controls the left border width of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-top-left-radius",
              "docs": "(<length-percentage>) Controls the top-left corner radius of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-top-right-radius",
              "docs": "(<length-percentage>) Controls the top-right corner radius of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-bottom-right-radius",
              "docs": "(<length-percentage>) Controls the bottom-right corner radius of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-border-bottom-left-radius",
              "docs": "(<length-percentage>) Controls the bottom-left corner radius of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the input container in its default state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-container-gap",
              "docs": "(<length-percentage>) Controls the gap between elements inside the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-container-padding-inline?",
              "docs": "(<length-percentage>+) Controls the optional inline padding of the input container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-horizontal-gap?",
              "docs": "(<length-percentage>) Controls the optional horizontal gap inside icon containers.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the input container when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-disabled-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-hover-background",
              "docs": "(<color>) Controls the background color of the input container on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-hover-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-hover-border-color",
              "docs": "(<color>) Controls the border color of the input container on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the input container on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-hover-ring-color?",
              "docs": "(<color>) Controls the optional outer ring color of the input hover effect.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-focus-background",
              "docs": "(<color>) Controls the background color of the input container on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-focus-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-focus-border-color",
              "docs": "(<color>) Controls the border color of the input container on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the input container on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-background",
              "docs": "(<color>) Controls the background color of the input container in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-border-color",
              "docs": "(<color>) Controls the border color of the input container in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-box-shadow",
              "docs": "(*) Controls the box shadow of the input container in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-focus-background",
              "docs": "(<color>) Controls the background color of the input container in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-focus-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-focus-border-color",
              "docs": "(<color>) Controls the border color of the input container in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the input container in the error+focus state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-hover-background",
              "docs": "(<color>) Controls the background color of the input container in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-hover-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the input container in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-hover-border-color",
              "docs": "(<color>) Controls the border color of the input container in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the input container in the error+hover state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-label-font-color?",
              "docs": "(<color>) Controls the optional text color of the input label in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-prefix-background",
              "docs": "(<color>) Controls the background color of the input prefix in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-error-prefix-font-color?",
              "docs": "(<color>) Controls the optional text color of the input prefix in the error state.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-placeholder-font-color",
              "docs": "(<color>) Controls the placeholder text color of the input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-placeholder-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the input placeholder text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-placeholder-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the input placeholder text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-placeholder-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the input placeholder text.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-autofill-background",
              "docs": "(<color>) Controls the background color of the input field when autofilled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-autofill-font-color?",
              "docs": "(<color>) Controls the optional text color of the input field when autofilled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-font-color?",
              "docs": "(<color>) Controls the optional text color of the input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-font-weight",
              "docs": "(<number>) Controls the font weight of the input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text transform of the input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the input label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the input label row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-gap",
              "docs": "(<length-percentage>) Controls the gap between elements within the input label row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-line-height?",
              "docs": "(<number> | <length-percentage>) Controls the optional line height of the input label row.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-optional-margin",
              "docs": "(<length-percentage>+) Controls the outer margin of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-optional-font-color",
              "docs": "(<color>) Controls the text color of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-optional-font-size",
              "docs": "(<length-percentage>) Controls the font size of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-label-optional-font-weight",
              "docs": "(<number>) Controls the font weight of the \"(optional)\" indicator next to the label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-count-font-color",
              "docs": "(<color>) Controls the text color of the character-count indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-count-font-size",
              "docs": "(<length-percentage>) Controls the font size of the character-count indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-count-font-weight",
              "docs": "(<number>) Controls the font weight of the character-count indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-count-width",
              "docs": "(<length-percentage>) Controls the width of the character-count indicator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of icons rendered inside the input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of icons rendered inside the input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-icon-size",
              "docs": "(<length>) Controls the size of icons rendered inside the input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-icon-container-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of content inside the input icon containers.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-icon-container-icon-min-width",
              "docs": "(<length>) Controls the minimum width of icon slots inside the input icon containers.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-icon-container-empty-display",
              "docs": "(<custom-ident>) Controls the display value of icon containers when empty.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-btn-hover-background?",
              "docs": "(<color>) Controls the optional background color of icon buttons inside the input on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-btn-icon-stroke-primary?",
              "docs": "(<color>) Controls the optional primary stroke color of icon buttons inside the input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-btn-icon-stroke-secondary?",
              "docs": "(<color>) Controls the optional secondary stroke color of icon buttons inside the input.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-prefix-background",
              "docs": "(<color>) Controls the background color of the input prefix.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-prefix-border-color",
              "docs": "(<color>) Controls the border color of the input prefix separator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-prefix-border-width",
              "docs": "(<length>) Controls the border width of the input prefix separator.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-prefix-font-color?",
              "docs": "(<color>) Controls the optional text color of the input prefix.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-prefix-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the input prefix.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-prefix-font-weight",
              "docs": "(<number>) Controls the font weight of the input prefix.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-visibility-toggle-font-color",
              "docs": "(<color>) Controls the text color of the password visibility toggle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-visibility-toggle-font-size",
              "docs": "(<length-percentage>) Controls the font size of the password visibility toggle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-visibility-toggle-font-weight",
              "docs": "(<number>) Controls the font weight of the password visibility toggle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-visibility-toggle-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the password visibility toggle button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-message-box-shadow",
              "docs": "(*) Controls the box shadow of the input messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-messages-font-color?",
              "docs": "(<color>) Controls the optional text color of the input messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-messages-margin-top",
              "docs": "(<length-percentage>) Controls the top margin of the input messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-messages-tween",
              "docs": "(*) Controls the transition timing of the input messages container.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-input-messages-z-index",
              "docs": "(<integer>) Controls the z-index of the input messages container.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Input"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for single-line text entry including email, phone, currency, SSN, and password."
              },
              {
                "name": "slot",
                "text": "label - An optional slot to display a custom label."
              },
              {
                "name": "slot",
                "text": "input-left - An optional slot to add a [Button](https://tecton.q2developer.com/design-system/q2-btn) on the left-hand side of the input field."
              },
              {
                "name": "slot",
                "text": "input-right - An optional slot to add a [Button](https://tecton.q2developer.com/design-system/q2-btn) on the right-hand side of the input field."
              },
              {
                "name": "slot",
                "text": "custom-display - An optional slot to display custom content in the input field."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-input/q2-input.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "class",
            "tabindex",
            "test-id",
            "aria-hidden",
            "type",
            "name",
            "onClick",
            "label",
            "hideLabel",
            "onMouseDown",
            "onKeyDown",
            "hide-label",
            "size",
            "theme",
            "id",
            "aria-describedby",
            "aria-invalid",
            "aria-owns",
            "aria-haspopup",
            "aria-expanded",
            "aria-activedescendant",
            "role",
            "disabled",
            "onFocus",
            "onBlur",
            "ref",
            "data-character",
            "maxlength",
            "max",
            "min",
            "step",
            "aria-current",
            "aria-required",
            "autocomplete",
            "autocapitalize",
            "autocorrect",
            "autofocus",
            "placeholder",
            "readonly",
            "onInput",
            "onScroll",
            "onPaste",
            "inputmode",
            "pattern",
            "key",
            "aria-controls"
          ],
          "htmlTagNames": [
            "div",
            "q2-icon",
            "slot",
            "q2-btn",
            "span",
            "q2-badge",
            "button",
            "input"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-icon",
            "q2-btn",
            "q2-badge"
          ],
          "dependents": [
            "q2-calendar",
            "q2-editable-field",
            "q2-pagination",
            "q2-search",
            "q2-select"
          ],
          "dependencies": [
            "q2-badge",
            "q2-btn",
            "q2-icon",
            "q2-loading"
          ],
          "directDependents": [
            "q2-calendar",
            "q2-editable-field",
            "q2-pagination",
            "q2-search",
            "q2-select"
          ],
          "directDependencies": [
            "q2-icon",
            "q2-btn",
            "q2-badge"
          ]
        }
      ],
      "entryKey": "q2-badge.q2-input.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "click-elsewhere",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "ClickElsewhere",
          "elementRef": "hostElement",
          "encapsulation": "none",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [],
          "virtualProperties": [],
          "states": [],
          "methods": [],
          "listeners": [],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when the user clicks outside the element"
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": false,
              "docs": {
                "tags": [],
                "text": "Emitted when the user clicks outside the element"
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [],
          "doesExtend": false,
          "styles": [],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [],
          "docs": {
            "tags": [],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/click-elsewhere/click-elsewhere.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/click-elsewhere/click-elsewhere.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": true,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": false,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": false,
          "hasProp": false,
          "hasPropNumber": false,
          "hasPropBoolean": false,
          "hasPropString": false,
          "hasPropMutable": false,
          "hasReflect": false,
          "hasRenderFn": false,
          "hasSerializer": false,
          "hasSlot": false,
          "hasState": false,
          "hasStyle": false,
          "hasVdomAttribute": false,
          "hasVdomXlink": false,
          "hasVdomClass": false,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": false,
          "hasVdomRef": false,
          "hasVdomRender": false,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": false,
          "isPlain": false,
          "htmlAttrNames": [],
          "htmlTagNames": [],
          "htmlParts": [],
          "isUpdateable": false,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-calendar",
            "q2-chart-donut",
            "q2-data-table",
            "q2-dropdown",
            "q2-legend",
            "q2-pagination",
            "q2-pill",
            "q2-search",
            "q2-select",
            "q2-tag"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-calendar",
            "q2-chart-donut",
            "q2-dropdown",
            "q2-legend",
            "q2-pill",
            "q2-search",
            "q2-select",
            "q2-tag"
          ],
          "directDependencies": []
        },
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-option-list",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2OptionList",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "customSearch",
              "type": "boolean",
              "attribute": "custom-search",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates a custom search is being implemented for the option list."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the option list."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "loc('tecton.element.optionList.label')",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "loc('tecton.element.optionList.label')"
                  }
                ],
                "text": "Determines the label that is applied to the option list for accessibility purposes."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "multiple",
              "type": "boolean",
              "attribute": "multiple",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only applicable when options are provided."
                  }
                ],
                "text": "Enables the multi-select ability for the option list."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "noSelect",
              "type": "boolean",
              "attribute": "no-select",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Disables the logic that handles selecting and focusing an option in the option list."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "selectedOptions",
              "type": "unknown",
              "reflect": false,
              "mutable": true,
              "required": false,
              "optional": false,
              "defaultValue": "[]",
              "complexType": {
                "original": "OptionValue[]",
                "resolved": "OptionValue[]",
                "references": {
                  "OptionValue": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue"
                  }
                }
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "[]"
                  }
                ],
                "text": "A list of the selected options on the element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "showSelected",
              "type": "boolean",
              "attribute": "show-selected",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Applies focus to the selected option."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'listbox'",
              "complexType": {
                "original": "'menu' | 'listbox'",
                "resolved": "\"listbox\" | \"menu\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'listbox'"
                  }
                ],
                "text": "Translates to the role of the option list"
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasOptions"
            }
          ],
          "methods": [
            {
              "name": "getContents",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "HTMLQ2OptgroupElement": {
                    "location": "global",
                    "id": "global::HTMLQ2OptgroupElement"
                  },
                  "ValidOptionElements": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::ValidOptionElements"
                  }
                },
                "return": "Promise<(HTMLQ2OptgroupElement | ValidOptionElements)[]>"
              },
              "internal": false
            },
            {
              "name": "getOptions",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<ValidOptionElements[]>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "ValidOptionElements": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::ValidOptionElements"
                  }
                },
                "return": "Promise<ValidOptionElements[]>"
              },
              "internal": false
            },
            {
              "name": "handleExternalKeydown",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "(event: KeyboardEvent) => Promise<void>",
                "parameters": [
                  {
                    "name": "event",
                    "type": "KeyboardEvent",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "KeyboardEvent": {
                    "location": "global",
                    "id": "global::KeyboardEvent"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setActiveElement",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "(index: number) => Promise<void>",
                "parameters": [
                  {
                    "name": "index",
                    "type": "number",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "setDefaultActiveElement",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "click",
              "method": "handleClick",
              "capture": false,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "change",
              "method": "change",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctChange' instead"
                  }
                ],
                "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\nwill contain the selected option values."
              },
              "complexType": {
                "original": "{ value: string; values: OptionValue[] }",
                "resolved": "{ value: string; values: OptionValue[]; }",
                "references": {
                  "OptionValue": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue"
                  }
                }
              },
              "internal": false
            },
            {
              "name": "popoverState",
              "method": "popoverState",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted to indicate the intended state of the popover."
              },
              "complexType": {
                "original": "{ open: boolean; action: 'close' | 'select' | 'open' }",
                "resolved": "{ open: boolean; action: \"open\" | \"select\" | \"close\"; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "ready",
              "method": "ready",
              "bubbles": false,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "private"
                  }
                ],
                "text": "Emitted when the component has finished rendering."
              },
              "complexType": {
                "original": "undefined",
                "resolved": "undefined",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctChange",
              "method": "tctChange",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when an option is selected or deselected.\n\nWhen the multi-select is enabled, the `value` property will be `undefined` and the `selectedOptions` property\nwill contain the selected option values."
              },
              "complexType": {
                "original": "{ value: string; values: OptionValue[] }",
                "resolved": "{ value: string; values: OptionValue[]; }",
                "references": {
                  "OptionValue": {
                    "location": "local",
                    "path": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
                    "id": "src/components/q2-option-list/q2-option-list.tsx::OptionValue"
                  }
                }
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "selectedOptions",
              "methodName": "selectedOptionsUpdated"
            },
            {
              "propName": "showSelected",
              "methodName": "showSelectedUpdated"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-OPTION-LIST",
              "styleStr": null,
              "styleIdentifier": "Q2OptionListStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.scss",
                  "relativePath": "q2-option-list.scss",
                  "originalComponentPath": "q2-option-list.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-option-list-line-height",
              "docs": "(<number> | <length-percentage>) Controls the line height of the option list container.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Option List"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use internally by Select and Dropdown for rendering searchable option lists."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-option-list/q2-option-list.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": false,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "class",
            "ref",
            "onFocusout",
            "aria-label",
            "aria-multiselectable",
            "role",
            "onKeyDown",
            "onClick"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-action-sheet",
            "q2-data-table",
            "q2-dropdown",
            "q2-pagination",
            "q2-pill",
            "q2-search",
            "q2-select",
            "q2-tag"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-action-sheet",
            "q2-dropdown",
            "q2-pill",
            "q2-search",
            "q2-select",
            "q2-tag"
          ],
          "directDependencies": []
        },
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-popover",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Popover",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "align",
              "type": "string",
              "attribute": "align",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'left'",
              "complexType": {
                "original": "'left' | 'right'",
                "resolved": "\"left\" | \"right\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'left'"
                  }
                ],
                "text": "Aligns the popover to the left or right side of the control element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "block",
              "type": "boolean",
              "attribute": "block",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates the popover will match the width of its parent element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "controlElement",
              "type": "unknown",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "HTMLElement",
                "resolved": "HTMLElement",
                "references": {
                  "HTMLElement": {
                    "location": "global",
                    "id": "global::HTMLElement"
                  }
                }
              },
              "docs": {
                "tags": [],
                "text": "The element that controls the popover's behavior."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "direction",
              "type": "string",
              "attribute": "direction",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'up' | 'down'",
                "resolved": "\"down\" | \"up\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the direction of the popover when it opens.\nIf no value is passed, the component will auto-detect the direction based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "maxHeight",
              "type": "number",
              "attribute": "max-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Force the maximum height of the popover. This value will be interpreted as pixels.\nIf no value is passed, or the value exceeds available space, the component will auto-detect the maximum height based on available space."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "minHeight",
              "type": "number",
              "attribute": "min-height",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "mode",
              "type": "string",
              "attribute": "mode",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "null",
              "complexType": {
                "original": "'legacy'",
                "resolved": "\"legacy\"",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "null"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "open",
              "type": "boolean",
              "attribute": "open",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Controls whether the popover is open or closed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "animationState"
            },
            {
              "name": "currentDirection"
            },
            {
              "name": "show"
            }
          ],
          "methods": [
            {
              "name": "scrollContainerTo",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "(options: ScrollToOptions) => Promise<void>",
                "parameters": [
                  {
                    "name": "options",
                    "type": "ScrollToOptions",
                    "docs": ""
                  }
                ],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  },
                  "ScrollToOptions": {
                    "location": "global",
                    "id": "global::ScrollToOptions"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            },
            {
              "name": "toggle",
              "docs": {
                "text": "",
                "tags": []
              },
              "complexType": {
                "signature": "() => Promise<void>",
                "parameters": [],
                "references": {
                  "Promise": {
                    "location": "global",
                    "id": "global::Promise"
                  }
                },
                "return": "Promise<void>"
              },
              "internal": false
            }
          ],
          "listeners": [
            {
              "name": "popoverState",
              "method": "popoverStateHandler",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "popoverStateChanged",
              "method": "popoverStateChanged",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [
                  {
                    "name": "deprecated",
                    "text": "Use 'tctPopoverStateChanged' instead"
                  }
                ],
                "text": "Emitted when the popover is opened or closed."
              },
              "complexType": {
                "original": "{ open: boolean }",
                "resolved": "{ open: boolean; }",
                "references": {}
              },
              "internal": false
            },
            {
              "name": "tctPopoverStateChanged",
              "method": "tctPopoverStateChanged",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the popover is opened or closed."
              },
              "complexType": {
                "original": "{ open: boolean }",
                "resolved": "{ open: boolean; }",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "minHeight",
              "methodName": "minHeightProvided"
            },
            {
              "propName": "open",
              "methodName": "openChanged"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-POPOVER",
              "styleStr": null,
              "styleIdentifier": "Q2PopoverStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-popover/q2-popover.scss",
                  "relativePath": "q2-popover.scss",
                  "originalComponentPath": "q2-popover.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-popover-background",
              "docs": "(<color>) Controls the background color of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-font-color",
              "docs": "(<color>) Controls the text color of the popover content.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter applied to the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-box-shadow",
              "docs": "(*) Controls the box shadow of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-border-color?",
              "docs": "(<color>) Controls the optional border color of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-border-width?",
              "docs": "(<length>+) Controls the optional border width of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-margin-block?",
              "docs": "(<length-percentage>+) Controls the optional block-axis margin of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-min-width",
              "docs": "(<length-percentage>) Controls the minimum width of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-width?",
              "docs": "(<length-percentage>) Controls the optional width of the popover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-top",
              "docs": "(<length-percentage>) Controls the top offset of the popover when opening downward.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-z-index",
              "docs": "(<integer>) Controls the z-index of the legacy popover element.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-open-animation-duration",
              "docs": "(<time>) Controls the duration of the popover open animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-open-animation-fill-mode",
              "docs": "(<custom-ident>) Controls the animation-fill-mode of the popover open animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-open-animation-timing-function",
              "docs": "(*) Controls the animation timing function of the popover open animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-close-animation-duration",
              "docs": "(<time>) Controls the duration of the popover close animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-close-animation-fill-mode",
              "docs": "(<custom-ident>) Controls the animation-fill-mode of the popover close animation.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-popover-close-animation-timing-function",
              "docs": "(*) Controls the animation timing function of the popover close animation.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Popover"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for positioning floating content relative to a trigger element."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-popover/q2-popover.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-popover/q2-popover.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": true,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": true,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": false,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "key",
            "ref",
            "class",
            "test-id",
            "tabIndex",
            "popover"
          ],
          "htmlTagNames": [
            "div",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-calendar",
            "q2-data-table",
            "q2-dropdown",
            "q2-pagination",
            "q2-pill",
            "q2-search",
            "q2-select",
            "q2-tag"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-calendar",
            "q2-dropdown",
            "q2-pill",
            "q2-search",
            "q2-select",
            "q2-tag"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "click-elsewhere.q2-option-list.q2-popover.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-btn",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Btn",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "_role",
              "type": "string",
              "attribute": "_role",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Role attribute for better semantic accessibility support"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "_tooltip",
              "type": "string",
              "attribute": "_tooltip",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "private",
                    "text": "Tooltip text set by a parent q2-tooltip component for accessibility."
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "active",
              "type": "boolean",
              "attribute": "active",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "info",
                    "text": "Only intended for use with the `badge` property."
                  },
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "Displays the component in an active state."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaControls",
              "type": "string",
              "attribute": "aria-controls",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaExpanded",
              "type": "string",
              "attribute": "aria-expanded",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaHasPopup",
              "type": "string",
              "attribute": "aria-has-popup",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaPressed",
              "type": "string",
              "attribute": "aria-pressed",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "ariaSelected",
              "type": "string",
              "attribute": "aria-selected",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "badge",
              "type": "boolean",
              "attribute": "badge",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": "Displays the component in a smaller, badge style."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "block",
              "type": "boolean",
              "attribute": "block",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The component expands to fill the width of its parent element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "color",
              "type": "string",
              "attribute": "color",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "description",
              "type": "string",
              "attribute": "description",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "disabled",
              "type": "boolean",
              "attribute": "disabled",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Marks the component as disabled and displays a `not-allowed` cursor on hover."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "fab",
              "type": "boolean",
              "attribute": "fab",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "form",
              "type": "string",
              "attribute": "form",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Associates the button with a `<form>` element by form ID."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideLabel",
              "type": "boolean",
              "attribute": "hide-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Hides the `label`, and assigns its value to the `aria-label` attribute on the `<button>` element."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "intent",
              "type": "string",
              "attribute": "intent",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "| 'coin'\n        | 'neutral-text'\n        | 'neutral'\n        | 'workflow-destroy'\n        | 'workflow-escape'\n        | 'workflow-primary'\n        | 'workflow-secondary'",
                "resolved": "\"coin\" | \"neutral\" | \"neutral-text\" | \"workflow-destroy\" | \"workflow-escape\" | \"workflow-primary\" | \"workflow-secondary\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Indicates the role of the component in the workflow, which will apply appropriate styling to the component."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "Defines the text content of the button if it is not provided in the `<slot>` of the element.\nAlso used for the `aria-label` of the `<button>` element when only displaying an icon."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "loading",
              "type": "boolean",
              "attribute": "loading",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Displays the button with a loading spinner to indicate something is happening in the background and the user should not click again."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "size",
              "type": "string",
              "attribute": "size",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'small' | 'medium' | 'large'",
                "resolved": "\"large\" | \"medium\" | \"small\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Defines the size of q2-btn, it renders as default size if not provided."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "tabIndex",
              "type": "number",
              "attribute": "tab-index",
              "reflect": false,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "number",
                "resolved": "number",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "'button'",
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "'button'"
                  }
                ],
                "text": "The default behavior of the button."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "iconPosition"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "click",
              "method": "handleClick",
              "capture": true,
              "passive": false
            },
            {
              "name": "focus",
              "method": "delegateFocus",
              "capture": false,
              "passive": false
            }
          ],
          "events": [
            {
              "name": "tctClick",
              "method": "tctClick",
              "bubbles": true,
              "cancelable": true,
              "composed": true,
              "docs": {
                "tags": [],
                "text": "Emitted when the button is clicked."
              },
              "complexType": {
                "original": "any",
                "resolved": "any",
                "references": {}
              },
              "internal": false
            }
          ],
          "watchers": [
            {
              "propName": "ariaLabel",
              "methodName": "ariaLabelObserver"
            },
            {
              "propName": "size",
              "methodName": "sizeObserver"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-BTN",
              "styleStr": null,
              "styleIdentifier": "Q2BtnStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-btn/q2-btn.scss",
                  "relativePath": "q2-btn.scss",
                  "originalComponentPath": "q2-btn.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-btn-border?",
              "docs": "(*) Controls the optional border shorthand of the button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-tween",
              "docs": "(*) Controls the transition timing of button state changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-padding-inline?",
              "docs": "(<length-percentage>+) Controls the optional inline padding of the plain button (no intent, no icon-only).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-height",
              "docs": "(<length>) Controls the height of the plain button (no intent, no icon-only).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-min-height?",
              "docs": "(<length>) Controls the optional minimum height of the button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-font-weight?",
              "docs": "(<number>) Controls the optional font weight of the plain button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-letter-spacing?",
              "docs": "(<length>) Controls the optional letter spacing of the button label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-text-transform?",
              "docs": "(<custom-ident>) Controls the optional text-transform of the button label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-disabled-opacity",
              "docs": "(<number>) Controls the opacity of the button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-hover-background?",
              "docs": "(<color>) Controls the optional background color of the plain button on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-default-double-focus-visible-ring",
              "docs": "(*) Controls the double focus-visible ring box shadow applied to buttons without an intent.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-font-size-small",
              "docs": "(<length-percentage>) Controls the font size of the button when size is small.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-font-size-medium",
              "docs": "(<length-percentage>) Controls the font size of the button when size is medium.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-font-size-large",
              "docs": "(<length-percentage>) Controls the font size of the button when size is large.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-line-height-small",
              "docs": "(<length-percentage>) Controls the line height of the button when size is small.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-line-height-medium",
              "docs": "(<length-percentage>) Controls the line height of the button when size is medium.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-line-height-large",
              "docs": "(<length-percentage>) Controls the line height of the button when size is large.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-min-height-small?",
              "docs": "(<length>) Controls the optional minimum height of the button when size is small.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-min-height-medium?",
              "docs": "(<length>) Controls the optional minimum height of the button when size is medium.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-min-height-large?",
              "docs": "(<length>) Controls the optional minimum height of the button when size is large.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-padding-size-small",
              "docs": "(<length-percentage>+) Controls the inner padding of the button when size is small.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-padding-size-medium",
              "docs": "(<length-percentage>+) Controls the inner padding of the button when size is medium.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-padding-size-large",
              "docs": "(<length-percentage>+) Controls the inner padding of the button when size is large.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-size",
              "docs": "(<length>) Controls the size of slotted icons inside the button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-size-small",
              "docs": "(<length>) Controls the size of slotted icons when size is small.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-size-medium?",
              "docs": "(<length>) Controls the optional size of slotted icons when size is medium.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-size-large?",
              "docs": "(<length>) Controls the optional size of slotted icons when size is large.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-width",
              "docs": "(<length>) Controls the width of the icon-only button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-height",
              "docs": "(<length>) Controls the height of the icon-only button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-border-radius?",
              "docs": "(<length-percentage>) Controls the optional corner radius of the icon-only button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-padding?",
              "docs": "(<length-percentage>+) Controls the optional inner padding of the icon-only button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-hover-background",
              "docs": "(<color>) Controls the background color of the icon-only button on hover and focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-active-background",
              "docs": "(<color>) Controls the background color of the icon-only button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-icon-hover-color",
              "docs": "(<color>) Controls the text/icon color of the icon-only button on hover, focus, and active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-background?",
              "docs": "(<color>) Controls the optional background color of the deprecated badge button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-font-color?",
              "docs": "(<color>) Controls the optional text color of the deprecated badge button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-font-size?",
              "docs": "(<length-percentage>) Controls the optional font size of the deprecated badge button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-padding",
              "docs": "(<length-percentage>+) Controls the inner padding of the deprecated badge button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the deprecated badge button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-hover-background",
              "docs": "(<color>) Controls the background color of the deprecated badge button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-hover-font-color",
              "docs": "(<color>) Controls the text color of the deprecated badge button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-active-background",
              "docs": "(<color>) Controls the background color of the deprecated badge button when active or selected.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-badge-active-font-color",
              "docs": "(<color>) Controls the text color of the deprecated badge button when active or selected.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-container-width",
              "docs": "(<length>) Controls the width of the coin button wrapper.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-width",
              "docs": "(<length>) Controls the width of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-height",
              "docs": "(<length>) Controls the height of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-background",
              "docs": "(<color>) Controls the background color of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-border?",
              "docs": "(*) Controls the optional border shorthand of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-border-radius",
              "docs": "(<length-percentage>) Controls the corner radius of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-hover-background",
              "docs": "(<color>) Controls the background color of the coin button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the coin button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-focus-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the coin button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the coin button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-focus-ring",
              "docs": "(<color>) Controls the focus ring color of the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the coin button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-active-background?",
              "docs": "(<color>) Controls the optional background color of the coin button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of icons inside the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of icons inside the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-icon-stroke-width",
              "docs": "(<length>) Controls the stroke width of icons inside the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-avatar-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of avatar icons inside the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-avatar-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of avatar icons inside the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-avatar-text-color",
              "docs": "(<color>) Controls the text color of avatar initials inside the coin button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-label-color",
              "docs": "(<color>) Controls the text color of the coin button label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-label-disabled-color",
              "docs": "(<color>) Controls the text color of the coin button label when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-label-font-size",
              "docs": "(<length-percentage>) Controls the font size of the coin button label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-coin-gap",
              "docs": "(<length-percentage>) Controls the gap between the coin button and its label.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-background",
              "docs": "(<color>) Controls the background color of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-border-color",
              "docs": "(<color>) Controls the border color of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-border-style",
              "docs": "(<custom-ident>) Controls the border style of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-border-width",
              "docs": "(<length>+) Controls the border width of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-font-color",
              "docs": "(<color>) Controls the text color of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-font-weight",
              "docs": "(<number>) Controls the font weight of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-box-shadow",
              "docs": "(*) Controls the box shadow of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-icon-color",
              "docs": "(<color>) Controls the icon color of the primary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-tween",
              "docs": "(*) Controls the transition timing of primary-intent button state changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-compositor-transform?",
              "docs": "(*) Controls the optional compositor transform used during primary-intent button interactions.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-active-scale",
              "docs": "(<number>) Controls the scale of the primary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-background",
              "docs": "(<color>) Controls the background color of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-border-color",
              "docs": "(<color>) Controls the border color of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-font-color",
              "docs": "(<color>) Controls the text color of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the primary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-background",
              "docs": "(<color>) Controls the background color of the primary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-border-color",
              "docs": "(<color>) Controls the border color of the primary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-font-color",
              "docs": "(<color>) Controls the text color of the primary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the primary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the primary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-background",
              "docs": "(<color>) Controls the background color of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-border-color",
              "docs": "(<color>) Controls the border color of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-font-color",
              "docs": "(<color>) Controls the text color of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the primary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-active-background",
              "docs": "(<color>) Controls the background color of the primary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-active-border-color",
              "docs": "(<color>) Controls the border color of the primary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-active-font-color",
              "docs": "(<color>) Controls the text color of the primary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-active-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the primary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-disabled-background",
              "docs": "(<color>) Controls the background color of the primary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-disabled-border-color",
              "docs": "(<color>) Controls the border color of the primary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-disabled-font-color",
              "docs": "(<color>) Controls the text color of the primary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-primary-disabled-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the primary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-background",
              "docs": "(<color>) Controls the background color of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-border-color",
              "docs": "(<color>) Controls the border color of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-border-style",
              "docs": "(<custom-ident>) Controls the border style of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-border-width",
              "docs": "(<length>+) Controls the border width of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-font-color",
              "docs": "(<color>) Controls the text color of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-font-weight",
              "docs": "(<number>) Controls the font weight of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-box-shadow",
              "docs": "(*) Controls the box shadow of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-icon-color",
              "docs": "(<color>) Controls the icon color of the secondary-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-background",
              "docs": "(<color>) Controls the background color of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-border-color",
              "docs": "(<color>) Controls the border color of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-font-color",
              "docs": "(<color>) Controls the text color of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the secondary-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-background",
              "docs": "(<color>) Controls the background color of the secondary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-border-color",
              "docs": "(<color>) Controls the border color of the secondary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-font-color",
              "docs": "(<color>) Controls the text color of the secondary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the secondary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the secondary-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-background",
              "docs": "(<color>) Controls the background color of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-border-color",
              "docs": "(<color>) Controls the border color of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-font-color",
              "docs": "(<color>) Controls the text color of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the secondary-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-active-background",
              "docs": "(<color>) Controls the background color of the secondary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-active-border-color",
              "docs": "(<color>) Controls the border color of the secondary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-active-font-color",
              "docs": "(<color>) Controls the text color of the secondary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-active-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the secondary-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-disabled-background",
              "docs": "(<color>) Controls the background color of the secondary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-disabled-border-color",
              "docs": "(<color>) Controls the border color of the secondary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-disabled-font-color",
              "docs": "(<color>) Controls the text color of the secondary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-secondary-disabled-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the secondary-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-background",
              "docs": "(<color>) Controls the background color of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-border-color",
              "docs": "(<color>) Controls the border color of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-border-style",
              "docs": "(<custom-ident>) Controls the border style of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-border-width",
              "docs": "(<length>+) Controls the border width of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-font-color",
              "docs": "(<color>) Controls the text color of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-font-weight",
              "docs": "(<number>) Controls the font weight of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-box-shadow",
              "docs": "(*) Controls the box shadow of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-icon-color",
              "docs": "(<color>) Controls the icon color of the neutral-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-background",
              "docs": "(<color>) Controls the background color of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-border-color",
              "docs": "(<color>) Controls the border color of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-font-color",
              "docs": "(<color>) Controls the text color of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the neutral-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-background",
              "docs": "(<color>) Controls the background color of the neutral-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-border-color",
              "docs": "(<color>) Controls the border color of the neutral-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-font-color",
              "docs": "(<color>) Controls the text color of the neutral-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the neutral-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-background",
              "docs": "(<color>) Controls the background color of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-border-color",
              "docs": "(<color>) Controls the border color of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-font-color",
              "docs": "(<color>) Controls the text color of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the neutral-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-active-background",
              "docs": "(<color>) Controls the background color of the neutral-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-active-border-color",
              "docs": "(<color>) Controls the border color of the neutral-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-active-font-color",
              "docs": "(<color>) Controls the text color of the neutral-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-active-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-disabled-background",
              "docs": "(<color>) Controls the background color of the neutral-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-disabled-border-color",
              "docs": "(<color>) Controls the border color of the neutral-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-disabled-font-color",
              "docs": "(<color>) Controls the text color of the neutral-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-disabled-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-background",
              "docs": "(<color>) Controls the background color of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-border-color",
              "docs": "(<color>) Controls the border color of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-border-style",
              "docs": "(<custom-ident>) Controls the border style of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-border-width",
              "docs": "(<length>+) Controls the border width of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-font-color",
              "docs": "(<color>) Controls the text color of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-font-weight",
              "docs": "(<number>) Controls the font weight of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-box-shadow?",
              "docs": "(*) Controls the optional box shadow of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-icon-color",
              "docs": "(<color>) Controls the icon color of the neutral-text-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-background",
              "docs": "(<color>) Controls the background color of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-border-color",
              "docs": "(<color>) Controls the border color of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-font-color",
              "docs": "(<color>) Controls the text color of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the neutral-text-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-background",
              "docs": "(<color>) Controls the background color of the neutral-text-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-border-color",
              "docs": "(<color>) Controls the border color of the neutral-text-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-font-color",
              "docs": "(<color>) Controls the text color of the neutral-text-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-text-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-background",
              "docs": "(<color>) Controls the background color of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-border-color",
              "docs": "(<color>) Controls the border color of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-font-color",
              "docs": "(<color>) Controls the text color of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the neutral-text-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-active-background",
              "docs": "(<color>) Controls the background color of the neutral-text-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-active-border-color",
              "docs": "(<color>) Controls the border color of the neutral-text-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-active-font-color",
              "docs": "(<color>) Controls the text color of the neutral-text-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-active-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-text-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-disabled-background",
              "docs": "(<color>) Controls the background color of the neutral-text-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-disabled-border-color",
              "docs": "(<color>) Controls the border color of the neutral-text-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-disabled-font-color",
              "docs": "(<color>) Controls the text color of the neutral-text-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-neutral-text-disabled-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the neutral-text-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-background",
              "docs": "(<color>) Controls the background color of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-border-color",
              "docs": "(<color>) Controls the border color of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-border-style",
              "docs": "(<custom-ident>) Controls the border style of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-border-width",
              "docs": "(<length>+) Controls the border width of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-font-color",
              "docs": "(<color>) Controls the text color of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-font-weight",
              "docs": "(<number>) Controls the font weight of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-box-shadow",
              "docs": "(*) Controls the box shadow of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-icon-color",
              "docs": "(<color>) Controls the icon color of the destroy-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-background",
              "docs": "(<color>) Controls the background color of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-border-color",
              "docs": "(<color>) Controls the border color of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-font-color",
              "docs": "(<color>) Controls the text color of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the destroy-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-background",
              "docs": "(<color>) Controls the background color of the destroy-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-border-color",
              "docs": "(<color>) Controls the border color of the destroy-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-font-color",
              "docs": "(<color>) Controls the text color of the destroy-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the destroy-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the destroy-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-background",
              "docs": "(<color>) Controls the background color of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-border-color",
              "docs": "(<color>) Controls the border color of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-font-color",
              "docs": "(<color>) Controls the text color of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the destroy-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-active-background",
              "docs": "(<color>) Controls the background color of the destroy-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-active-border-color",
              "docs": "(<color>) Controls the border color of the destroy-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-active-font-color",
              "docs": "(<color>) Controls the text color of the destroy-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-active-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the destroy-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-disabled-background",
              "docs": "(<color>) Controls the background color of the destroy-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-disabled-border-color",
              "docs": "(<color>) Controls the border color of the destroy-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-disabled-font-color",
              "docs": "(<color>) Controls the text color of the destroy-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-destroy-disabled-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the destroy-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-background",
              "docs": "(<color>) Controls the background color of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-backdrop-filter?",
              "docs": "(*) Controls the optional backdrop-filter of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-border-color",
              "docs": "(<color>) Controls the border color of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-border-style",
              "docs": "(<custom-ident>) Controls the border style of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-border-width",
              "docs": "(<length>+) Controls the border width of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-font-color",
              "docs": "(<color>) Controls the text color of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-font-weight",
              "docs": "(<number>) Controls the font weight of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-box-shadow",
              "docs": "(*) Controls the box shadow of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-icon-color",
              "docs": "(<color>) Controls the icon color of the escape-intent button.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-background",
              "docs": "(<color>) Controls the background color of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-border-color",
              "docs": "(<color>) Controls the border color of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-font-color",
              "docs": "(<color>) Controls the text color of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-box-shadow",
              "docs": "(*) Controls the box shadow of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-hover-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the escape-intent button on hover.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-background",
              "docs": "(<color>) Controls the background color of the escape-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-border-color",
              "docs": "(<color>) Controls the border color of the escape-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-font-color",
              "docs": "(<color>) Controls the text color of the escape-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the escape-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-box-shadow",
              "docs": "(*) Controls the box shadow of the escape-intent button on focus.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-background",
              "docs": "(<color>) Controls the background color of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-border-color",
              "docs": "(<color>) Controls the border color of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-font-color",
              "docs": "(<color>) Controls the text color of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-inner-ring-color",
              "docs": "(<color>) Controls the inner ring color of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-outer-ring-color",
              "docs": "(<color>) Controls the outer ring color of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-focus-visible-box-shadow",
              "docs": "(*) Controls the box shadow of the escape-intent button when focused via keyboard.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-active-background",
              "docs": "(<color>) Controls the background color of the escape-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-active-border-color",
              "docs": "(<color>) Controls the border color of the escape-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-active-font-color",
              "docs": "(<color>) Controls the text color of the escape-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-active-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the escape-intent button when active.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-disabled-background",
              "docs": "(<color>) Controls the background color of the escape-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-disabled-border-color",
              "docs": "(<color>) Controls the border color of the escape-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-disabled-font-color",
              "docs": "(<color>) Controls the text color of the escape-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-btn-escape-disabled-text-decoration",
              "docs": "(<custom-ident>) Controls the text-decoration of the escape-intent button when disabled.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Button"
              },
              {
                "name": "category",
                "text": "Forms"
              },
              {
                "name": "summary",
                "text": "Use for triggering actions including submit, save, cancel, or delete."
              },
              {
                "name": "slot",
                "text": "coin-label - An optional slot to display a custom coin button label."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-btn/q2-btn.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-btn/q2-btn.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": false,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": true,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": true,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": true,
          "hasVdomKey": false,
          "hasVdomListener": true,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "ref",
            "aria-expanded",
            "aria-haspopup",
            "aria-label",
            "aria-selected",
            "aria-pressed",
            "disabled",
            "form",
            "type",
            "tabindex",
            "test-id",
            "class",
            "aria-describedby",
            "aria-labelledby",
            "role",
            "hidden",
            "modifiers",
            "id",
            "aria-hidden",
            "name",
            "onSlotchange",
            "tabIndex"
          ],
          "htmlTagNames": [
            "button",
            "div",
            "q2-loading",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [
            "q2-loading"
          ],
          "dependents": [
            "q2-action-sheet",
            "q2-calendar",
            "q2-card-image",
            "q2-carousel",
            "q2-data-table",
            "q2-dropdown",
            "q2-editable-field",
            "q2-file-picker",
            "q2-input",
            "q2-modal",
            "q2-month-picker",
            "q2-otp",
            "q2-pagination",
            "q2-search",
            "q2-section",
            "q2-select",
            "q2-stepper",
            "q2-tab-container"
          ],
          "dependencies": [
            "q2-loading"
          ],
          "directDependents": [
            "q2-action-sheet",
            "q2-calendar",
            "q2-card-image",
            "q2-carousel",
            "q2-data-table",
            "q2-dropdown",
            "q2-editable-field",
            "q2-file-picker",
            "q2-input",
            "q2-modal",
            "q2-month-picker",
            "q2-otp",
            "q2-pagination",
            "q2-section",
            "q2-stepper",
            "q2-tab-container"
          ],
          "directDependencies": [
            "q2-loading"
          ]
        },
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-loading",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Loading",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "ariaLabel",
              "type": "string",
              "attribute": "aria-label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "deprecated"
                  }
                ],
                "text": ""
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "counts",
              "type": "string",
              "attribute": "counts",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Numeric adjustments are available for specific `type` and `shape` combinations.\nThese may impact the number of items, columns, and/or rows that display.\n\nWhen `shape=\"text\"`, `shape=\"detailed-item\"`, or `shape=\"label-value\"`, the `counts` attribute determines the number of rows to display.\n\nWhen `shape=\"table\"`, the `counts` attribute can be used in two ways:\n\n1. `counts=\"CxR\"` = Provides a skeleton table of `C` columns and `R` rows. The default value is `\"5x5\"\n2. `counts=\"N\"` - Provides a skeleton table of `N` columns and 5 rows.\n\nWhen `shape=\"form\"`, the `counts` attribute can be used in two ways:\n\n1. `counts=\"CxR\" - Provides a skeleton form of `C` columns and `R` rows of fields. The default value is `\"1x1\"`.\n2. `counts=\"N\"` - Provides a skeleton form of `N` fields stacked in single columns."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "hideFromScreenReaders",
              "type": "boolean",
              "attribute": "hide-from-screen-readers",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "defaultValue": "false",
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "default",
                    "text": "false"
                  }
                ],
                "text": "Hides the loading element from screen readers."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "inline",
              "type": "boolean",
              "attribute": "inline",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": true,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "localizable"
                  }
                ],
                "text": "The label that is associated with the component. This is not displayed visually but is presented by screen readers."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "modifiers",
              "type": "string",
              "attribute": "modifiers",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Visual adjustments available to specific type and shape combinations, written as a hyphen (`-`) separated string.\n\nSupported values depend on the type and shape selected, and are listed in detail in the shape sections above."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "shape",
              "type": "string",
              "attribute": "shape",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [
                  {
                    "name": "snippet",
                    "text": "// when type=\"spinner\"\ntype ShapeValues = \"half-circle\";\n// when type=\"skeleton\"\ntype ShapeValues = \"circle | \"rectangle\" | \"text\" | \"table\" | \"field\" | \"form\" | \"detailed-item\" | \"label-value\";"
                  }
                ],
                "text": "The specific visual presentation of a loading element `type`."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "'brand' | 'spinner' | 'skeleton'",
                "resolved": "\"brand\" | \"skeleton\" | \"spinner\"",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The type of loading element to display."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "hasCustomLoader"
            },
            {
              "name": "loaderClone"
            }
          ],
          "methods": [],
          "listeners": [
            {
              "name": "tctUpdateLoaders",
              "method": "onUpdateLoaders",
              "capture": false,
              "passive": false,
              "target": "document"
            }
          ],
          "events": [],
          "watchers": [
            {
              "propName": "type",
              "methodName": "handleType"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-LOADING",
              "styleStr": null,
              "styleIdentifier": "Q2LoadingStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loading/q2-loading.scss",
                  "relativePath": "q2-loading.scss",
                  "originalComponentPath": "q2-loading.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [],
          "styleDocs": [
            {
              "name": "--tct-loading-primary-color",
              "docs": "(<color>) Controls the stroke color of the loading spinner.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-loading-spinner-size",
              "docs": "(<length>) Controls the size of the loading spinner.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-loading-skeleton-element-background",
              "docs": "(<color>) Controls the background color of skeleton loading shapes (rectangles and circles).",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-loading-skeleton-shimmer-color",
              "docs": "(<color>) Controls the color of the shimmer animation overlay on skeleton loading shapes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-loading-skeleton-rectangle-min-height",
              "docs": "(<length>) Controls the minimum height of skeleton loading rectangles.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-loading-skeleton-horizontal-gap",
              "docs": "(<length-percentage>) Controls the horizontal gap between skeleton loading elements.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-loading-skeleton-vertical-gap",
              "docs": "(<length-percentage>) Controls the vertical gap between skeleton loading elements.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Loading"
              },
              {
                "name": "category",
                "text": "Feedback"
              },
              {
                "name": "summary",
                "text": "Use to indicate async operations or content loading in progress."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loading/q2-loading.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-loading/q2-loading.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": true,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": true,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": true,
          "hasListenerTarget": true,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": true,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": true,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": true,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "id",
            "aria-hidden",
            "aria-live",
            "role",
            "class",
            "ref",
            "viewBox",
            "cx",
            "cy",
            "r",
            "style"
          ],
          "htmlTagNames": [
            "div",
            "svg",
            "circle",
            "slot"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-action-sheet",
            "q2-btn",
            "q2-calendar",
            "q2-card-image",
            "q2-carousel",
            "q2-data-table",
            "q2-dropdown",
            "q2-editable-field",
            "q2-file-picker",
            "q2-input",
            "q2-modal",
            "q2-month-picker",
            "q2-otp",
            "q2-pagination",
            "q2-search",
            "q2-section",
            "q2-select",
            "q2-stepper",
            "q2-tab-container"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-btn",
            "q2-data-table",
            "q2-file-picker",
            "q2-otp",
            "q2-search"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-btn.q2-loading.entry"
    },
    {
      "cmps": [
        {
          "attachInternalsMemberName": null,
          "attachInternalsCustomStates": [],
          "formAssociated": false,
          "tagName": "q2-icon",
          "excludeFromCollection": false,
          "isCollectionDependency": false,
          "componentClassName": "Q2Icon",
          "elementRef": "hostElement",
          "encapsulation": "shadow",
          "shadowDelegatesFocus": false,
          "slotAssignment": null,
          "properties": [
            {
              "name": "inline",
              "type": "boolean",
              "attribute": "inline",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "boolean",
                "resolved": "boolean",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "Styles the component to have a `height` and `width` of `1em`, making it easy to place alongside text."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "label",
              "type": "string",
              "attribute": "label",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The text that is presented by screen-readers when they encounter the icon."
              },
              "internal": false,
              "getter": false,
              "setter": false
            },
            {
              "name": "type",
              "type": "string",
              "attribute": "type",
              "reflect": true,
              "mutable": false,
              "required": false,
              "optional": false,
              "complexType": {
                "original": "string",
                "resolved": "string",
                "references": {}
              },
              "docs": {
                "tags": [],
                "text": "The name of the icon to be displayed."
              },
              "internal": false,
              "getter": false,
              "setter": false
            }
          ],
          "virtualProperties": [],
          "states": [
            {
              "name": "iconClone"
            }
          ],
          "methods": [],
          "listeners": [],
          "events": [],
          "watchers": [
            {
              "propName": "type",
              "methodName": "handleIcon"
            }
          ],
          "doesExtend": false,
          "styles": [
            {
              "modeName": "$",
              "styleId": "Q2-ICON",
              "styleStr": null,
              "styleIdentifier": "Q2IconStyle",
              "externalStyles": [
                {
                  "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-icon/q2-icon.scss",
                  "relativePath": "q2-icon.scss",
                  "originalComponentPath": "q2-icon.scss"
                }
              ]
            }
          ],
          "internal": false,
          "assetsDirs": [
            {
              "absolutePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-icon/assets",
              "cmpRelativePath": "assets",
              "originalComponentPath": "assets"
            }
          ],
          "styleDocs": [
            {
              "name": "--tct-icon-size",
              "docs": "(<length>) Controls the height and width of the icon.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-stroke-primary",
              "docs": "(<color>) Controls the primary stroke color of the icon paths.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-stroke-secondary",
              "docs": "(<color>) Controls the secondary stroke color of the icon paths.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-stroke-width",
              "docs": "(<number>) Controls the stroke width of the icon paths.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-group-stroke-width",
              "docs": "(<number>) Controls the default stroke width applied to grouped icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-group-brand-stroke-width",
              "docs": "(<number>) Controls the stroke width applied to brand-group icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-group-browsersos-stroke-width",
              "docs": "(<number>) Controls the stroke width applied to browsersos-group icons.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-cap",
              "docs": "(<custom-ident>) Controls the stroke-linecap and stroke-linejoin values of the icon paths.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-fill?",
              "docs": "(<color>) Controls the optional fill color applied to filled icon paths.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-transition?",
              "docs": "(*) Controls the optional transition applied to the icon SVG.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-fill-transition?",
              "docs": "(*) Controls the optional transition applied to icon fill changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-stroke-primary-transition?",
              "docs": "(*) Controls the optional transition applied to primary stroke changes.",
              "annotation": "prop",
              "mode": "$"
            },
            {
              "name": "--tct-icon-stroke-secondary-transition?",
              "docs": "(*) Controls the optional transition applied to secondary stroke changes.",
              "annotation": "prop",
              "mode": "$"
            }
          ],
          "docs": {
            "tags": [
              {
                "name": "name",
                "text": "Icon"
              },
              {
                "name": "category",
                "text": "Display"
              },
              {
                "name": "summary",
                "text": "Use for displaying icons that represent actions, states, or concepts."
              }
            ],
            "text": ""
          },
          "jsFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-icon/q2-icon.js",
          "sourceFilePath": "/builds/q2e/development/tecton/tecton/packages/q2-tecton-elements/src/components/q2-icon/q2-icon.tsx",
          "sourceMapPath": null,
          "serializers": [],
          "deserializers": [],
          "hasAttributeChangedCallbackFn": false,
          "hasComponentWillLoadFn": true,
          "hasComponentDidLoadFn": false,
          "hasComponentShouldUpdateFn": false,
          "hasComponentWillUpdateFn": false,
          "hasComponentDidUpdateFn": false,
          "hasComponentWillRenderFn": false,
          "hasComponentDidRenderFn": true,
          "hasConnectedCallbackFn": false,
          "hasDeserializer": false,
          "hasDisconnectedCallbackFn": true,
          "hasElement": false,
          "hasEvent": false,
          "hasLifecycle": true,
          "hasListener": false,
          "hasListenerTarget": false,
          "hasListenerTargetWindow": false,
          "hasListenerTargetDocument": false,
          "hasListenerTargetBody": false,
          "hasListenerTargetParent": false,
          "hasMember": true,
          "hasMethod": false,
          "hasMode": false,
          "hasModernPropertyDecls": false,
          "hasAttribute": true,
          "hasProp": true,
          "hasPropNumber": false,
          "hasPropBoolean": true,
          "hasPropString": true,
          "hasPropMutable": false,
          "hasReflect": true,
          "hasRenderFn": true,
          "hasSerializer": false,
          "hasSlot": true,
          "hasState": true,
          "hasStyle": true,
          "hasVdomAttribute": true,
          "hasVdomXlink": false,
          "hasVdomClass": true,
          "hasVdomFunctional": false,
          "hasVdomKey": false,
          "hasVdomListener": false,
          "hasVdomPropOrAttr": true,
          "hasVdomRef": true,
          "hasVdomRender": true,
          "hasVdomStyle": false,
          "hasVdomText": true,
          "hasWatchCallback": true,
          "isPlain": false,
          "htmlAttrNames": [
            "aria-hidden",
            "role",
            "aria-labelledby",
            "viewBox",
            "xmlns",
            "class",
            "id",
            "ref"
          ],
          "htmlTagNames": [
            "div",
            "title",
            "slot",
            "svg",
            "use",
            "g"
          ],
          "htmlParts": [],
          "isUpdateable": true,
          "potentialCmpRefs": [],
          "dependents": [
            "q2-action-sheet",
            "q2-avatar",
            "q2-calendar",
            "q2-card",
            "q2-carousel",
            "q2-chart-donut",
            "q2-checkbox",
            "q2-checkbox-group",
            "q2-data-table",
            "q2-dropdown",
            "q2-dropdown-item",
            "q2-editable-field",
            "q2-file-picker",
            "q2-input",
            "q2-link",
            "q2-message",
            "q2-modal",
            "q2-month-picker",
            "q2-option",
            "q2-otp",
            "q2-pagination",
            "q2-pill",
            "q2-radio-group",
            "q2-search",
            "q2-section",
            "q2-select",
            "q2-stepper",
            "q2-stepper-vertical",
            "q2-tab-container",
            "q2-tag",
            "q2-textarea",
            "q2-toast"
          ],
          "dependencies": [],
          "directDependents": [
            "q2-action-sheet",
            "q2-avatar",
            "q2-calendar",
            "q2-card",
            "q2-carousel",
            "q2-chart-donut",
            "q2-checkbox",
            "q2-checkbox-group",
            "q2-data-table",
            "q2-dropdown",
            "q2-dropdown-item",
            "q2-editable-field",
            "q2-file-picker",
            "q2-input",
            "q2-link",
            "q2-message",
            "q2-modal",
            "q2-month-picker",
            "q2-option",
            "q2-otp",
            "q2-pagination",
            "q2-pill",
            "q2-radio-group",
            "q2-section",
            "q2-stepper",
            "q2-stepper-vertical",
            "q2-tab-container",
            "q2-tag",
            "q2-textarea",
            "q2-toast"
          ],
          "directDependencies": []
        }
      ],
      "entryKey": "q2-icon.entry"
    }
  ],
  "componentGraph": {
    "sc-click-elsewhere": [
      "index-Cqkz7Bnm.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-action-group": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-action-sheet": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "sanitize-html-string-DPHNpMWE.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-avatar": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-badge": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-btn": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "shapes-DZ6aIPWK.js",
      "sprites-jG2RmiwF.js"
    ],
    "sc-q2-calendar": [
      "index-Cqkz7Bnm.js",
      "index-O1A-ZSZs.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-card": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-card-image": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-carousel": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-carousel-pane": [
      "index-Cqkz7Bnm.js",
      "component-DaQM9u3s.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-chart-area": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "charting-DOZct-UB.js",
      "dataSample-Dm1zpQNi.js"
    ],
    "sc-q2-chart-bar": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "charting-DOZct-UB.js",
      "dataSample-Dm1zpQNi.js",
      "sectorHelper--RMGWGAy.js"
    ],
    "sc-q2-chart-donut": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "charting-DOZct-UB.js",
      "sectorHelper--RMGWGAy.js"
    ],
    "sc-q2-checkbox": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "action-sheet-DuQ7VZ08.js"
    ],
    "sc-q2-checkbox-group": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-context": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-currency": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-data-table": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-detail": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-dropdown": [
      "index-Cqkz7Bnm.js",
      "action-sheet-DuQ7VZ08.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-dropdown-item": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-editable-field": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-example": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-file-picker": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-form": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-formatted-text": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-grid": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-grid-area": [
      "index-Cqkz7Bnm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-icon": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "sprites-jG2RmiwF.js"
    ],
    "sc-q2-input": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-item": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-legend": [
      "index-Cqkz7Bnm.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-link": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-list": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-loading": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "shapes-DZ6aIPWK.js",
      "sprites-jG2RmiwF.js"
    ],
    "sc-q2-loading-element": [
      "index-Cqkz7Bnm.js",
      "shapes-DZ6aIPWK.js"
    ],
    "sc-q2-loc": [
      "index-Cqkz7Bnm.js",
      "sanitize-html-string-DPHNpMWE.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-message": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-meter": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-modal": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "sanitize-html-string-DPHNpMWE.js"
    ],
    "sc-q2-month-picker": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-mutation-observer": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-optgroup": [
      "index-Cqkz7Bnm.js",
      "component-DaQM9u3s.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-option": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-option-list": [
      "index-Cqkz7Bnm.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-otp": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-pagination": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-pill": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "action-sheet-DuQ7VZ08.js"
    ],
    "sc-q2-popover": [
      "index-Cqkz7Bnm.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-radio": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-radio-group": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-relative-time": [
      "index-Cqkz7Bnm.js",
      "index-O1A-ZSZs.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-resize-observer": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-search": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-section": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-section-container": [
      "index-Cqkz7Bnm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-select": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "action-sheet-DuQ7VZ08.js"
    ],
    "sc-q2-stepper": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "sanitize-html-string-DPHNpMWE.js"
    ],
    "sc-q2-stepper-pane": [
      "index-Cqkz7Bnm.js",
      "component-DaQM9u3s.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-stepper-vertical": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "sanitize-html-string-DPHNpMWE.js"
    ],
    "sc-q2-surface": [
      "index-Cqkz7Bnm.js"
    ],
    "sc-q2-tab-container": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-tab-pane": [
      "index-Cqkz7Bnm.js",
      "component-DaQM9u3s.js"
    ],
    "sc-q2-tag": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js",
      "action-sheet-DuQ7VZ08.js"
    ],
    "sc-q2-textarea": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js",
      "mirror-emit-DUjY_ucm.js"
    ],
    "sc-q2-toast": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-q2-tooltip": [
      "index-Cqkz7Bnm.js",
      "index-DJw6Feh0.js"
    ],
    "sc-tecton-tab-pane": [
      "index-Cqkz7Bnm.js"
    ]
  },
  "sourceGraph": {
    "jest.e2e-coverage.ts": [],
    "jest.setup.ts": [],
    "playwright.config.ts": [],
    "./scripts/docs-generator/index.ts": [
      "./scripts/docs-generator/markdown-generator",
      "./scripts/docs-generator/tag-handlers"
    ],
    "./scripts/docs-generator/markdown-generator.ts": [
      "./scripts/docs-generator/tag-handlers"
    ],
    "./scripts/docs-generator/tag-handlers.ts": [],
    "./scripts/docs-generator/types.ts": [],
    "./src/__mocks__/echarts.ts": [],
    "./src/components/click-elsewhere/click-elsewhere.tsx": [],
    "./src/components/q2-action-group/q2-action-group.tsx": [],
    "./src/components/q2-action-sheet/q2-action-sheet.tsx": [],
    "./src/components/q2-avatar/q2-avatar.tsx": [],
    "./src/components/q2-avatar/test/q2-avatar-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-badge/q2-badge.tsx": [],
    "./src/components/q2-badge/test/q2-badge-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-btn/q2-btn.tsx": [],
    "./src/components/q2-btn/test/q2-btn-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-calendar/q2-calendar-helpers.ts": [
      "./src/utils"
    ],
    "./src/components/q2-calendar/q2-calendar-types.ts": [],
    "./src/components/q2-calendar/q2-calendar-validation.ts": [
      "./src/components/q2-calendar/q2-calendar-helpers"
    ],
    "./src/components/q2-calendar/q2-calendar.tsx": [
      "./src/components/q2-calendar/q2-calendar-helpers",
      "./src/components/q2-calendar/q2-calendar-validation",
      "./src/utils"
    ],
    "./src/components/q2-calendar/q2-month-picker.tsx": [],
    "./src/components/q2-calendar/test/q2-calendar-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-card-image/q2-card-image.tsx": [],
    "./src/components/q2-card-image/test/q2-card-image-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-card/q2-card.tsx": [],
    "./src/components/q2-card/test/q2-card-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-carousel-pane/q2-carousel-pane.tsx": [],
    "./src/components/q2-carousel/q2-carousel.tsx": [],
    "./src/components/q2-carousel/test/q2-carousel-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-chart-area/q2-chart-area.tsx": [],
    "./src/components/q2-chart-area/test/q2-chart-area-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-chart-bar/q2-chart-bar.tsx": [],
    "./src/components/q2-chart-bar/test/q2-chart-bar-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-chart-donut/q2-chart-donut.tsx": [],
    "./src/components/q2-chart-donut/test/q2-chart-donut-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-checkbox-group/q2-checkbox-group.tsx": [],
    "./src/components/q2-checkbox-group/test/q2-checkbox-group-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-checkbox/q2-checkbox.tsx": [],
    "./src/components/q2-checkbox/test/q2-checkbox-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-context/q2-context.tsx": [],
    "./src/components/q2-context/test/q2-context-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-currency/q2-currency.tsx": [],
    "./src/components/q2-currency/test/q2-currency-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-data-table/q2-data-table.tsx": [
      "./src/utils"
    ],
    "./src/components/q2-data-table/test/q2-data-table-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-detail/q2-detail.tsx": [],
    "./src/components/q2-dropdown-item/q2-dropdown-item.tsx": [],
    "./src/components/q2-dropdown/q2-dropdown.tsx": [],
    "./src/components/q2-dropdown/test/q2-dropdown-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-editable-field/q2-editable-field.tsx": [],
    "./src/components/q2-editable-field/test/q2-editable-field-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-example/q2-example.tsx": [],
    "./src/components/q2-file-picker/q2-file-picker.tsx": [],
    "./src/components/q2-file-picker/test/q2-file-picker-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-form/q2-form.tsx": [],
    "./src/components/q2-formatted-text/q2-formatted-text.tsx": [],
    "./src/components/q2-formatted-text/test/q2-formatted-text-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-grid-area/q2-grid-area.tsx": [],
    "./src/components/q2-grid/q2-grid.tsx": [],
    "./src/components/q2-icon/q2-icon-types.ts": [],
    "./src/components/q2-icon/q2-icon.tsx": [
      "./src/components/q2-icon/assets/icon-map.json"
    ],
    "./src/components/q2-icon/test/q2-icon-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-input/formatting/alpha.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/alphanumeric.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/cif.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/clabe.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/credit-card.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/currency.ts": [
      "./src/components/q2-input/formatting/generic",
      "./src/components/q2-input/formatting/number"
    ],
    "./src/components/q2-input/formatting/date.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/generic.ts": [],
    "./src/components/q2-input/formatting/iban.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/number.ts": [],
    "./src/components/q2-input/formatting/numeric.ts": [
      "./src/components/q2-input/formatting/generic",
      "./src/components/q2-input/formatting/number"
    ],
    "./src/components/q2-input/formatting/phone-number-formats.ts": [],
    "./src/components/q2-input/formatting/phone.ts": [
      "./src/components/q2-input/formatting/generic",
      "./src/components/q2-input/formatting/phone-number-formats"
    ],
    "./src/components/q2-input/formatting/postal.ts": [
      "./src/components/q2-input/formatting/alphanumeric",
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/routingnumber.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/ssn.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/swift.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/formatting/tin.ts": [
      "./src/components/q2-input/formatting/generic"
    ],
    "./src/components/q2-input/q2-input-types.ts": [],
    "./src/components/q2-input/q2-input.tsx": [
      "./src/components/q2-input/formatting/alpha",
      "./src/components/q2-input/formatting/alphanumeric",
      "./src/components/q2-input/formatting/cif",
      "./src/components/q2-input/formatting/clabe",
      "./src/components/q2-input/formatting/credit-card",
      "./src/components/q2-input/formatting/currency",
      "./src/components/q2-input/formatting/date",
      "./src/components/q2-input/formatting/iban",
      "./src/components/q2-input/formatting/numeric",
      "./src/components/q2-input/formatting/phone",
      "./src/components/q2-input/formatting/postal",
      "./src/components/q2-input/formatting/routingnumber",
      "./src/components/q2-input/formatting/ssn",
      "./src/components/q2-input/formatting/swift",
      "./src/components/q2-input/formatting/tin"
    ],
    "./src/components/q2-input/test/q2-input-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-item/q2-item.tsx": [],
    "./src/components/q2-item/test/q2-item-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-legend/q2-legend.tsx": [],
    "./src/components/q2-link/q2-link.tsx": [],
    "./src/components/q2-link/test/q2-link-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-list/q2-list.tsx": [],
    "./src/components/q2-list/test/q2-list-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-loading/q2-loading.tsx": [
      "./src/components/q2-loading/skeleton/shapes"
    ],
    "./src/components/q2-loading/skeleton/q2-loading-element/index.tsx": [
      "./src/components/q2-loading/skeleton/shapes"
    ],
    "./src/components/q2-loading/skeleton/shapes.tsx": [],
    "./src/components/q2-loc/q2-loc.tsx": [],
    "./src/components/q2-message/q2-message.tsx": [],
    "./src/components/q2-message/test/q2-message-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-meter/q2-meter.tsx": [],
    "./src/components/q2-meter/test/q2-meter-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-modal/q2-modal.tsx": [],
    "./src/components/q2-modal/test/q2-modal-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-mutation-observer/q2-mutation-observer.tsx": [],
    "./src/components/q2-optgroup/q2-optgroup.tsx": [],
    "./src/components/q2-option-list/q2-option-list.tsx": [],
    "./src/components/q2-option/q2-option.tsx": [],
    "./src/components/q2-otp/q2-otp.tsx": [],
    "./src/components/q2-otp/test/q2-otp-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-pagination/q2-pagination.tsx": [],
    "./src/components/q2-pagination/test/q2-pagination-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-pill/q2-pill.tsx": [],
    "./src/components/q2-pill/test/q2-pill-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-popover/q2-popover.tsx": [
      "./src/utils"
    ],
    "./src/components/q2-radio-group/q2-radio-group.tsx": [],
    "./src/components/q2-radio-group/test/q2-radio-group-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-radio/q2-radio.tsx": [],
    "./src/components/q2-radio/test/q2-radio-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-relative-time/q2-relative-time.tsx": [
      "./src/utils"
    ],
    "./src/components/q2-resize-observer/q2-resize-observer.tsx": [],
    "./src/components/q2-search/q2-search.tsx": [
      "./src/utils"
    ],
    "./src/components/q2-search/test/q2-search-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-section-container/q2-section-container.tsx": [],
    "./src/components/q2-section/q2-section.tsx": [],
    "./src/components/q2-section/test/q2-section-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-select/q2-select.tsx": [
      "./src/utils"
    ],
    "./src/components/q2-select/test/q2-select-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-stepper-pane/q2-stepper-pane.tsx": [],
    "./src/components/q2-stepper-vertical/q2-stepper-vertical.tsx": [],
    "./src/components/q2-stepper-vertical/test/q2-stepper-vertical-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-stepper/q2-stepper.tsx": [],
    "./src/components/q2-stepper/test/q2-stepper-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-surface/q2-surface.tsx": [],
    "./src/components/q2-surface/test/q2-surface-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-tab-container/q2-tab-container.tsx": [],
    "./src/components/q2-tab-container/test/q2-tab-container-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-tab-pane/q2-tab-pane.tsx": [],
    "./src/components/q2-tag/q2-tag.tsx": [],
    "./src/components/q2-tag/test/q2-tag-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-textarea/q2-textarea.tsx": [],
    "./src/components/q2-textarea/test/q2-textarea-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/q2-toast/q2-toast.tsx": [],
    "./src/components/q2-tooltip/q2-tooltip.tsx": [],
    "./src/components/q2-tooltip/test/q2-tooltip-test.vr.ts": [
      "./src/utils/test/vr-helpers"
    ],
    "./src/components/tecton-tab-pane/tecton-tab-pane-types.ts": [],
    "./src/components/tecton-tab-pane/tecton-tab-pane.tsx": [],
    "./src/index.ts": [],
    "./src/utils/action-sheet.ts": [],
    "./src/utils/charting.tsx": [],
    "./src/utils/component.ts": [],
    "./src/utils/helpers.ts": [
      "./src/components/q2-calendar/q2-calendar-helpers"
    ],
    "./src/utils/index.tsx": [],
    "./src/utils/mirror-emit.ts": [],
    "./src/utils/sanitize-html-string.ts": [],
    "./src/utils/sanitize-regex-string.ts": [],
    "./src/utils/sprites.ts": [],
    "./src/utils/test/vr-helpers.ts": []
  },
  "rollupResults": {
    "modules": []
  },
  "collections": []
}