@qualcomm-ui/react-mdx 1.10.1 → 1.10.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/all.min.css +1 -1
  2. package/dist/component-explorer/component-explorer-base.d.ts +35 -0
  3. package/dist/component-explorer/component-explorer-base.d.ts.map +1 -0
  4. package/dist/component-explorer/index.d.ts +2 -0
  5. package/dist/component-explorer/index.d.ts.map +1 -0
  6. package/dist/component-explorer/index.js +3 -0
  7. package/dist/component-explorer/index.js.map +7 -0
  8. package/dist/tsbuildinfo +1 -1
  9. package/package.json +3 -3
package/dist/all.min.css CHANGED
@@ -1 +1 @@
1
- .prop-type__union{display:flex;flex-direction:column;gap:6px}.prop-type__stacked-option:not(:last-child){margin-bottom:4px}.typedoc-props__table-wrapper{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);margin-top:16px;overflow-x:auto;position:relative}.typedoc-props__table-wrapper table{border-collapse:collapse;border-color:inherit}.typedoc-props__table-wrapper * pre>code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}.typedoc-props__table-wrapper a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.typedoc-props__table-wrapper a:hover{color:var(--color-interactive-text-link-default-hover)}.typedoc-props__table-wrapper table{width:100%}.typedoc-props__table-wrapper table tbody.no-thead{border-radius:var(--border-radius-md);border-top:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table pre{border-radius:var(--border-radius-sm)}.typedoc-props__table-wrapper table .font-mono{font-size:14px}.typedoc-props__table-wrapper table tr{border-bottom:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row){border-bottom:0}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row) td:first-child{padding-bottom:0}.typedoc-props__table-wrapper table tr.doc-props-table__details-row td:first-child{padding-left:20px;padding-right:20px}.typedoc-props__table-wrapper table tr.doc-props-table__details-row pre.shiki-code{background:transparent;border:solid 1px var(--color-border-neutral-01);width:-moz-fit-content;width:fit-content}.typedoc-props__table-wrapper table tbody tr:last-child{border-bottom:none}.typedoc-props__table-wrapper table thead th{background:var(--color-background-neutral-01)}.typedoc-props__table-wrapper table th{font:var(--font-static-heading-xxs-bold);padding:12px 20px 12px 12px;text-align:start}.typedoc-props__table-wrapper table td{min-height:42px;padding:var(--spacing-70) var(--spacing-90)}.typedoc-props__table-wrapper table td ul{list-style-type:circle}pre.qui-docs-code{margin:0}.typedoc-props__table-wrapper pre.qui-docs-code,.typedoc-props__table-wrapper pre.shiki-code{background:var(--qui-docs-code-background);padding:4px 6px}.doc-props__root{display:flex;flex-direction:column;width:100%}.doc-props-list__root{display:flex;flex-direction:column;gap:36px;margin:24px 0 24px}.doc-props-list__root a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.doc-props-list__root a:hover{color:var(--color-interactive-text-link-default-hover)}.doc-props-list__root ul{list-style-type:circle}.doc-props-list__root.bottom-border{border-bottom:solid 1px var(--color-border-neutral-01);padding-bottom:20px}.doc-props-list-item__root{display:flex;flex-direction:column;gap:8px;padding-top:12px}.doc-props-list-item__root .doc-props__content{max-width:calc(100vw - var(--content-padding-right) - var(--content-padding-left) - 16px);overflow-x:auto}.doc-props-item__name{align-items:center;display:flex;gap:8px}.doc-props-list-item__name-wrapper{border-bottom:solid 1px var(--color-border-neutral-01);display:flex;padding-bottom:6px}.doc-props-item__label{border-radius:var(--border-radius-sm);display:inline-flex;font:var(--font-static-code-sm-bold);justify-content:flex-start;padding:2px 6px}.doc-props-item__label .qui-link__root{font:var(--font-static-code-sm-bold)}.doc-props-columns{display:flex;flex-direction:column;gap:8px}.doc-props__content{align-items:flex-start;display:flex;gap:16px;justify-content:flex-start;padding:4px 0 4px 16px}.doc-props__title{color:var(--color-text-neutral-primary);font:var(--font-static-body-md-default);line-height:1.5;min-width:110px}.doc-props-table__name-cell{border:0 solid;box-sizing:border-box;line-height:1.5;position:relative}.doc-props-table__row-anchor{position:absolute;top:calc(0px - var(--qui-header-height))}.doc-props-item__description{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.doc-props-description__root{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);min-width:250px}.doc-props-description__root a{cursor:pointer;text-decoration:inherit}.doc-props-description__root code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:13px!important;padding:1px 4px}.doc-props-description__root ul{list-style-type:disc}.doc-props-description__root.doc-props-table__description{display:inline-flex;flex-direction:column;gap:12px;margin-left:8px;max-width:400px}.docs-table-list-item{display:flex;flex-direction:column;gap:8px;padding:16px 8px}.docs-table-list-item .property{align-items:center;display:flex;font-family:var(--q-font-mono);gap:4px}.docs-table-list-item .event-signature{display:flex;flex-wrap:wrap;gap:8px}.doc-props-list-item__root pre.shiki-code{padding:4px 6px}.doc-props-description__root .doc-props-description__extra-details{margin-top:8px;padding-left:8px}.doc-props-list-item__root{position:relative}.doc-props-list-item__root .doc-props-description__extra-details{padding-left:0}.see-tag-list{list-style-type:disc;padding-left:20px}.see-tag-list li+li{margin-top:4px}.qui-docs-external-link-icon{margin-left:4px}.doc-props-description__option-tags{padding-left:16px}.doc-props-description__see-tags{display:flex;flex-direction:column;gap:8px}.doc-props-description__remarks-block{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-md-default)}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__root{border:0;margin-top:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);gap:4px;height:32px;padding:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__content-body{padding:8px 0 0 0}.mdx-spoiler__trigger{border:0;font:var(--font-static-body-sm-bold)}.doc-props-description__example-tag,.doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props-description__example-tag pre.shiki-code,.doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props-description__example-tag .mdx-spoiler__root,.doc-props-description__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__example-tag .mdx-spoiler__trigger,.doc-props-description__remarks-tag .mdx-spoiler__trigger{height:32px;padding:0}.doc-props__top-level-jsdoc-comment{margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment pre.shiki-code{background:var(--background-primary)}.doc-props__top-level-jsdoc-comment.doc-props-description__root{font:var(--font-static-body-md-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root{margin-top:0}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root[data-state=closed]{border:solid 1px transparent}.doc-props__top-level-jsdoc-comment .doc-props-description__example-tag{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props-item__required-indicator{color:var(--color-icon-support-danger);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props-item__deprecated-indicator{color:var(--color-icon-support-warning);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props__since{font:var(--font-static-body-sm-default)}.doc-props__type-wrapper{color:var(--color-text-neutral-primary);position:relative;width:-moz-fit-content;width:fit-content}.code-highlight-popup pre.shiki-code{padding-right:42px!important}.doc-props__resolved-type{display:flex;flex-wrap:wrap}.doc-props__type-info-popup-content{outline:none;padding:0;width:-moz-fit-content;width:fit-content}.doc-props__type-info-popup-content pre{outline:none}.doc-props__type-info-popup-trigger{background:transparent;border:0;height:22px;margin:0;outline:none;padding:0;position:absolute;right:-11px;top:-11px;width:22px;z-index:10}.doc-props__type-info-icon{color:var(--color-background-brand-primary);cursor:pointer}.doc-props__symbol-wrapper{margin-top:16px}.docs-table__wrapper{display:none}@media screen and (min-width: 768px){.docs-table__wrapper{display:block}}.docs-list-wrapper{display:block}@media screen and (min-width: 768px){.docs-list-wrapper{display:none}}.doc-props__function-args-list{margin-top:8px;padding-left:24px}.doc-props__function-args-list .doc-props__function-args-list-item{margin:3px 0}.doc-props__function-args-list .doc-props__function-arg-name{background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);color:var(--color-text-neutral-primary);font:var(--font-static-code-sm-default);margin-right:1px;padding:1px 2px}.doc-props__function-args-list .doc-props__function-arg-colon{display:inline-block;margin-right:4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}.doc-props-description__returns-tag-root{display:flex;flex-direction:column;flex-wrap:wrap}.doc-props-description__returns-tag-label{font:var(--font-static-body-sm-bold)}.doc-props-description__returns-tag-content{padding-left:16px}.npm-install-tabs__panel.qui-tabs__panel{padding:0}.npm-install-tabs__panel.qui-tabs__panel pre.shiki-code{overflow-x:auto}:root{--qui-docs-search-width:calc(95vw - 32px)}@media (min-width: 640px){:root{--qui-docs-search-width:calc(80vw - 32px)}}@media (min-width: 1024px){:root{--qui-docs-search-width:800px}}.qui-site-search__floating-panel-mobile{background:var(--color-background-neutral-03);border-radius:var(--border-radius-md);flex-direction:column;max-height:400px;overflow-y:auto;width:var(--qui-docs-search-width)}.qui-site-search__trigger{width:100%}@container (min-width: 850px){.qui-site-search__mobile-icon-button{display:none}}.qui-site-search__text-input{display:none;margin-right:8px;width:185px}@container (min-width: 850px){.qui-site-search__text-input{display:flex}}.qui-site-search__text-input .qds-kbd{font-size:11px}.qui-site-search__mobile-dialog-backdrop.qui-dialog__backdrop{backdrop-filter:blur(1px)}.qui-site-search__mobile-dialog-content.qui-dialog__content{width:var(--qui-docs-search-width)}.qui-site-search__mobile-input-wrapper{display:flex;elevation:var(--shadow-medium);flex-direction:column;margin:0 auto;width:100%}.qui-site-search__mobile-input-wrapper .qui-text-input__root{width:100%}@media (min-width: 640px){.qui-site-search__mobile-input-wrapper{width:var(--qui-docs-search-width)}}.qui-site-search__bar{background:var(--color-background-neutral-03);max-width:300px;min-width:300px}.qui-site-search__result-group-wrapper{display:flex;flex-direction:column}.qui-site-search__result-group{border-left:solid 1px var(--color-border-neutral-01)}.qui-site-search__results{background:var(--color-background-neutral-03);border-radius:5px;display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:0 10px;text-overflow:ellipsis;width:100%}.qui-site-search__item-icon{min-width:22px}.qui-site-search__list-item{align-items:center;border:solid 1px transparent;border-radius:5px;container-type:inline-size;display:flex;gap:8px;outline:none;padding:8px 10px 6px 10px;text-decoration:inherit}.qui-site-search__list-item[data-child]{padding:6px 10px 4px 16px}.qui-site-search__list-item[data-group-title]{font:var(--font-static-heading-xxs-bold);padding:12px 10px 12px 10px}.qui-site-search__list-item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-2px}.qui-site-search__list-item-content{display:flex;flex-direction:column;max-width:calc(100cqw - 24px)}.qui-site-search__metadata{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-bold);margin-top:2px}.qui-site-search__section-title{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold)}.qui-site-search__content{color:var(--color-text-neutral-primary);display:inline-block;font:var(--font-static-body-sm-default);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-site-search__no-results{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-heading-xxs-default);min-height:48px;padding:0 12px;width:100%}.qui-site-search__content mark{background:var(--color-background-neutral-10);border-radius:2px;color:var(--color-text-neutral-inverse)}.qui-site-search__category-header{color:var(--color-text-neutral-secondary);padding:8px 12px}.qui-site-search__result-group{margin-left:20px}.qui-docs__not-found{display:flex;flex-direction:column;gap:24px;margin-top:16px}.qui-toc{display:none}@media screen and (min-width: 1280px){.qui-toc{display:block;min-width:240px}}.qui-toc__container{margin-left:24px;max-height:calc(100vh - var(--qui-header-height) - 42px);overflow-x:hidden;overflow-y:auto;padding-top:16px;position:sticky;top:49px}.qui-toc__links{display:flex;flex-direction:column;min-width:200px;position:relative}.qui-toc__link{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-bold);font-size:13px;padding:4px 0;position:relative}.qui-toc__link a{color:inherit;text-decoration:inherit}.qui-toc__link.q-active,.qui-toc__link:hover{color:var(--color-text-neutral-primary)}.qui-toc__link-indent-guide{background:var(--color-border-neutral-01);height:100%;left:12px;position:absolute;top:0;width:1px}.qui-toc__link-indent-guide[data-active]{background:var(--color-border-neutral-03)}.qui-page-link__container{color:var(--color-text-neutral-primary);display:inline-flex;flex-direction:column;font:var(--font-static-body-sm-default);justify-content:center;white-space:nowrap}.qui-page-link__root{border:solid 1px var(--color-border-neutral-01);border-radius:3px;color:inherit;display:flex;flex-direction:column;gap:4px;padding:16px;text-decoration:inherit;width:100%}.qui-page-link__root[data-next]{align-items:flex-end}.qui-page-link__root:hover .qui-link__root{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-page-link__adjacent-route-title{padding-left:20px}.qui-page-link__adjacent-route-title[data-next]{align-self:flex-end;padding-left:0;padding-right:20px}.qui-page-links__container{display:flex;gap:24px;justify-content:space-between;margin-top:64px}.qui-docs__updated-on-wrapper+.qui-page-links__container{margin-top:0}.qui-docs__updated-on-wrapper{margin-bottom:32px;margin-top:64px}.qui-page-links__link-wrapper{display:flex;flex:1}:root{--qui-header-height:48px;--qui-side-nav-width:312px;--background-primary:var(--color-background-neutral-00)}[data-theme=dark]{--qui-docs-code-background:var(--color-background-neutral-02);--qui-docs-code-color:#8cb9f0;--background-primary:var(--color-background-neutral-01)}[data-theme=light]{--qui-docs-code-background:var(--color-background-neutral-01);--qui-docs-code-color:var(--color-text-brand-primary)}.qui-docs__root{display:flex;flex:1 0 auto;flex-direction:column;height:-moz-max-content;height:max-content;position:relative;width:100%}[data-theme=light][data-brand=qualcomm] .qui-docs__header{background:var(--background-primary)}.qui-docs__header{background:var(--color-surface-secondary);border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;height:var(--qui-header-height);position:sticky;top:0;width:100%;z-index:20}.qui-docs__header .qui-header-bar__root{container-type:inline-size;margin:0 auto;max-width:1595px}.qui-docs__breadcrumbs{margin-bottom:16px}.qui-docs__breadcrumbs>ul.q-breadcrumb--root{padding-top:0}.qui-docs__main-content{box-sizing:border-box;height:100%;min-height:calc(100vh - var(--qui-header-height));min-width:300px;padding:var(--content-padding-top) var(--content-padding-right) var(--content-padding-bottom) var(--content-padding-left);width:100%;--content-padding-top:12px;--content-padding-right:16px;--content-padding-bottom:12px;--content-padding-left:16px}.qui-docs__main-content b,.qui-docs__main-content strong{font-weight:500}@media (min-width: 600px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:20px;--content-padding-left:28px}}@media screen and (min-width: 1000px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:28px}}[data-theme=dark] .qui-docs-sidebar__root .qui-side-nav__root{background:var(--color-background-neutral-01)}[data-theme=dark] .qui-docs__header .qui-header-bar__root{background:var(--color-background-neutral-01)}.qui-docs-sidebar__root{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:none;height:calc(100vh - var(--qui-header-height));left:0;overflow-y:scroll;position:sticky;top:var(--qui-header-height)}@media screen and (min-width: 950px){.qui-docs-sidebar__root{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;display:block}}.qui-docs-sidebar__root[data-mobile]{display:block}.qui-docs-sidebar__root .qui-side-nav__root{height:100%}@media screen and (min-width: 950px){.qui-docs-sidebar__mobile-container{display:none}}.qui-docs-sidebar__actions{align-items:center;display:flex;gap:var(--spacing-60)}.qui-docs-sidebar__drawer-content{width:280px}.qui-docs-sidebar__drawer-body{height:100%;padding:0}.qui-docs-sidebar__drawer-body .qui-docs-sidebar__root{height:100vh;top:0}.qui-docs__footer{align-items:center;background:var(--background-primary);border-top:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-secondary);display:flex;height:var(--footer-height);justify-content:flex-start;padding:36px 24px;position:relative}.qui-docs__content-wrapper{background:var(--background-primary);display:flex;flex:1;justify-content:center}.qui-docs__app-content{background:var(--background-primary);display:grid;grid-template-columns:100%;min-height:calc(100vh - var(--qui-header-height));width:100%;--content-padding-left:28px}@media (min-width: 950px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) calc(100vw - var(--qui-side-nav-width) - 17px) 0}.qui-docs__app-content .qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:32px;--content-padding-left:28px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:100%;padding-right:24px}.qui-docs__app-content[data-hide-side-nav][data-hide-toc]{padding-right:0}}@media (min-width: 1280px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(600px,950px) 240px}.qui-docs__app-content .qui-docs__main-content{margin:0 auto;max-width:950px;--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-side-nav] .qui-docs__main-content{max-width:unset}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(600px,calc(900px + var(--qui-side-nav-width))) 240px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav] .qui-docs__main-content{--content-padding-left:28px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,calc(1140px + var(--qui-side-nav-width)))}}@media (min-width: 1510px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(900px,950px) 280px;max-width:1600px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(900px,calc(1060px + var(--qui-side-nav-width))) 280px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,1600px)}}.qui-docs__app-content .qui-docs-sidebar__root>.q-side-navigation--root{padding-left:16px;padding-right:16px}.qui-docs__app-content .qui-docs-heading{align-items:center;color:var(--color-text-neutral-primary)!important;display:inline-flex;gap:8px}.keyboard-focus-indicator .indicator{align-items:center;border:solid 1px var(--color-border-neutral-02);border-radius:4px;display:flex;font-size:12px;gap:2px;height:20px;padding:1px 3px 1px 2px}.keyboard-focus-indicator .indicator .ctrl-indicator{margin-right:2px}.keyboard-focus-indicator .indicator svg{height:10px;width:10px}pre.qui-docs-code{line-height:1.45;padding:4px}pre.qui-docs-code * code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}pre.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font:var(--font-static-code-sm-default);font-size:14px;padding:1px 4px}.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code:has(* pre[class*=language-]){background:transparent}.doc-props * pre{padding:6px 8px!important}.qui-docs-sidebar__root .qui-side-nav__root{padding:0 8px}.qui-docs-sidebar__root .qui-side-nav__group-label{margin-top:12px;padding-bottom:8px;padding-left:calc(var(--indent-spacing) * var(--depth))}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator{margin-top:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__branch-root){margin-bottom:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__node-root){margin-bottom:16px}.qui-docs-sidebar__mobile-close-trigger{margin-left:auto}.qui-docs__updated-on-wrapper{align-items:center;display:flex;font:var(--font-static-body-sm-default);gap:4px;justify-content:flex-end;padding-top:var(--qui-mdx-margin-default)}.qui-docs__updated-by,.qui-docs__updated-on-time{font:var(--font-static-body-sm-bold)}:root{--qui-mdx-margin-default:16px}h1.mdx:before,h2.mdx:before,h3.mdx:before,h4.mdx:before{content:"";display:block;height:calc(var(--qui-header-height) + var(--qui-mdx-margin-default));margin-top:calc(0px - var(--qui-header-height) - var(--qui-mdx-margin-default));max-width:1px;position:relative;visibility:hidden;width:1px;z-index:-1}a[data-footnote-ref=true].q-link--root{display:inline-block;margin-top:-64px;padding-top:64px}h1.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-lg-default);margin:0}h2.mdx{border-bottom:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-primary);font:var(--font-static-heading-md-default);margin:32px 0 0 0;padding-bottom:8px;width:100%}h3.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:32px 0 0 0}h4.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:24px 0 0 0}h5.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin:20px 0 0 0}h6.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin-top:var(--qui-mdx-margin-default)}h1.mdx a,h2.mdx a,h3.mdx a,h4.mdx a,h5.mdx a,h6.mdx a{color:inherit;text-decoration:none}h1.mdx+.qui-tabs__root,h2.mdx+.qui-tabs__root,h3.mdx+.qui-tabs__root,h4.mdx+.qui-tabs__root,h5.mdx+.qui-tabs__root,h6.mdx+.qui-tabs__root{margin-top:var(--qui-mdx-margin-default)}p.mdx{margin:0}img.mdx,video.mdx{display:block;height:auto;margin-top:var(--qui-mdx-margin-default);max-width:100%;vertical-align:middle}pre.mdx{margin-top:var(--qui-mdx-margin-default)}pre.mdx.shiki{overflow-x:auto}p.mdx{font:inherit}*+p.mdx{font:var(--font-static-body-md-default);margin-top:var(--qui-mdx-margin-default)}li.mdx>.qui-link__root,p.mdx>.qui-link__root{font:var(--font-static-body-md-bold)}li.mdx{font:var(--font-static-body-md-default)}ol.mdx{font:var(--font-static-body-md-default);list-style-type:decimal;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ol.mdx li.mdx+li.mdx{margin-top:6px}ol.mdx ol.mdx,ol.mdx ul.mdx{margin-top:6px}ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ul.mdx{list-style-type:disc;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ul.mdx li.mdx+li.mdx{margin-top:6px}ul.mdx ol.mdx,ul.mdx ul.mdx{margin-top:6px}ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}.q-link--text>code.mdx{background:inherit;border-radius:4px;color:inherit;display:inline-block;font:var(--font-static-code-sm-default);line-height:normal;margin:0 1px;padding:2px 3px}.q-link--text>code.mdx.fit{width:-moz-fit-content;width:fit-content}code.mdx{font:var(--font-static-code-sm-default)}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx){background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:4px;box-sizing:border-box;color:var(--qui-docs-code-color);display:inline-block;font:var(--font-static-code-sm-default);padding:0 2px}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx).fit{width:-moz-fit-content;width:fit-content}blockquote.mdx{border-inline-start-color:var(--color-border-brand-primary);border-inline-start-width:0.25rem;margin-top:var(--qui-mdx-margin-default);padding:4px 12px}blockquote.mdx>p.mdx{margin-top:0}div.mdx.table-wrapper{margin-top:var(--qui-mdx-margin-default);overflow-x:auto;width:100%}div.mdx.table-wrapper .qui-table__root{box-sizing:border-box;min-width:-moz-fit-content;min-width:fit-content}td.mdx{font:var(--font-static-body-sm-default)}hr.mdx{border-color:var(--color-border-neutral-02);margin-top:8px}.shiki.mdx{position:relative}[data-theme=dark] .shiki.mdx,[data-theme=dark] .shiki.mdx span{background:var(--shiki-dark-bg);color:var(--shiki-dark)}.qui-tabs__root.mdx{margin-top:var(--qui-mdx-margin-default)}.q-tab--content>.mdx.shiki-wrapper,.qui-tabs__tab-content>.mdx.shiki-wrapper{margin-top:0}.q-tab--content>.mdx.shiki-wrapper>pre.mdx.shiki,.qui-tabs__tab-content>.mdx.shiki-wrapper>pre.mdx.shiki{margin-top:0}.mdx-spoiler__root{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);margin-top:var(--qui-mdx-margin-default)}.mdx-spoiler__trigger{align-items:center;background:var(--color-background-neutral-01);display:flex;gap:8px;height:40px;padding:0 var(--spacing-90);width:100%}.mdx-spoiler__trigger p.mdx{margin-top:0}.mdx-spoiler__trigger .mdx-spoiler__indicator{transition:transform var(--animation-duration-faster) ease}.mdx-spoiler__trigger[data-state=open] .mdx-spoiler__indicator{transform:rotate(90deg)}.mdx-spoiler__content{border-top:solid 1px var(--color-border-neutral-01)}.mdx-spoiler__content .typedoc-props__table-wrapper{margin-top:0}.mdx-spoiler__content-body{padding:var(--qui-mdx-margin-default) 24px}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root){margin-top:var(--qui-mdx-margin-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) .qui-notification__description{font:var(--font-static-body-md-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) p{margin:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx{padding-top:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx .shiki-wrapper.mdx{margin-top:0}.qui-docs__page-header{margin-bottom:16px}.qui-docs__page-header+section.heading>:first-child{margin-top:24px}.qui-docs__page-header+section.heading>p.mdx:first-child{font:var(--font-static-body-md-default);margin-top:0}.qui-docs__page-header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qui-docs__page-header-title-row h1.mdx{flex:1}.qui-docs__page-header-actions{align-items:center;display:flex;gap:1px}.qui-docs__page-header-copy-button[data-size]{border-bottom-right-radius:0;border-top-right-radius:0}.qui-docs__page-header-menu-button[data-size]{border-bottom-left-radius:0;border-top-left-radius:0}.qui-deprecated-module__root{display:flex;flex:1 0 auto;width:100%}.qui-deprecated-module__notification{width:100%}.qui-deprecated-message{display:flex;flex:1 0 auto;flex-direction:column}[data-theme=dark] .shiki-code span,[data-theme=dark] .shiki.mdx span{font-weight:var(--shiki-dark-font-weight,400)}[data-theme=light] .shiki-code span,[data-theme=light] .shiki.mdx span{font-weight:var(--shiki-light-font-weight,400)}.shiki-code{padding:16px}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root * .qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root{border-radius:6px;position:relative}.qui-docs-highlighter__root:hover .qui-code-copy-button{display:inline-flex}.qui-docs-highlighter__root pre{border-radius:3px;font-family:var(--q-font-code-demo,var(--q-font-mono)),monospace;font-size:14px;line-height:18px}.qui-docs-highlighter__root pre.disable-padding{padding:0}.qui-docs-highlighter__root pre.has-title{border-top-left-radius:0;border-top-right-radius:0}.qui-docs-highlighter__root[data-hidden]{display:none}.qui-demo-runner__collapse-icon{transition:transform 161ms ease}.qui-demo-runner__collapse-icon.showing-panel{transform:rotate(180deg)}.qui-demo-runner__title{align-items:center;border-radius:6px;display:flex;min-height:32px;padding:0 16px;transition:border-radius 161ms ease;width:100%}.qui-demo-runner__title.showing-panel{border-bottom-left-radius:0;border-bottom-right-radius:0}.qui-popover__content pre.shiki-code{background:var(--color-surface-overlay)}pre.shiki-code{margin:0}pre.shiki-code .qui-link__root{font:var(--font-static-code-sm-bold)}pre.qui-docs-code.font-code-demo .qui-link__root{font:var(--font-static-code-sm-bold)}.qui-demo-runner__highlighted{background:var(--color-background-support-danger)}pre.shiki .indent{display:inline-block;left:var(--indent-offset);position:relative}pre.shiki .indent:empty{height:21px;vertical-align:bottom}pre.shiki .indent:before{background-color:var(--color-border-neutral-01);content:"";height:21px;position:absolute;width:1px}pre.shiki.has-diff .line.diff.remove{opacity:0.5}pre.shiki.has-diff .line.diff.remove:before{color:var(--color-icon-support-danger);content:"-";left:3px;position:absolute}pre.shiki.has-diff .line.diff.add:before{color:var(--color-icon-support-success);content:"+";left:3px;position:absolute}pre.shiki.has-highlighted .line.highlighted{background:var(--color-interactive-background-ghost-hover);display:inline-block;width:100%}pre.shiki.has-highlighted .line.highlighted.error{background:color-mix(in oklch,var(--color-background-support-danger) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted.warning{background:color-mix(in oklch,var(--color-background-support-warning) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted .indent:before{background-color:transparent}pre.shiki.has-highlighted .line.highlighted *{background:transparent}pre.shiki.has-focused .line:not(.focused){filter:blur(0.095rem);opacity:0.7;transition:filter 0.35s,opacity 0.35s}pre.shiki.has-focused:hover .line:not(.focused){filter:unset;opacity:1}[data-theme] pre.shiki span.highlighted-word{background:var(--color-interactive-background-ghost-hover)}:root{--docs-code-demo-background-dark:var(--color-background-neutral-01);--docs-code-demo-background-light:var(--color-background-neutral-00)}[data-theme=dark]{--docs-code-demo-background:var(--docs-code-demo-background-dark)}[data-theme=light]{--docs-code-demo-background:var(--docs-code-demo-background-light)}[data-theme=dark] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-dark)}[data-theme=light] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-light)}.qui-docs-demo-container__root{border:solid 1px var(--color-border-neutral-02);border-radius:4px;box-sizing:border-box;container-name:qui-docs-demo-container;container-type:inline-size;display:grid;margin-top:24px;position:relative}.qui-docs-demo-container__root[data-state=collapsed]:not([data-has-preview]){border-bottom:0}.qui-docs-demo-container__root .qui-docs-playground{border:solid 1px var(--color-border-neutral-02)}.qui-docs-demo-container__root[data-updating]{animation:border-dash-animation 0.5s linear infinite;background:linear-gradient(90deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 0 /20px 3px,linear-gradient(90deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 100% /20px 3px,linear-gradient(0deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 0 /3px 20px,linear-gradient(0deg,var(--color-border-neutral-02) 50%,transparent 50%) 100% 0 /3px 20px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;border:none;padding:1px}@keyframes border-dash-animation{to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.qui-demo-runner__wrapper{box-sizing:border-box}.qui-demo-runner__wrapper pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md)}.qui-demo-runner__tabs pre.shiki span,.qui-demo-runner__tabs pre.shiki-code span{font:var(--font-static-code-sm-default)}.qui-demo-runner__tabs pre.shiki,.qui-demo-runner__tabs pre.shiki-code{max-height:700px;overflow-y:auto}@container qui-docs-demo-container (min-width: 0){.q-collapse--root,.qui-demo-runner__tabs{max-width:100cqw}.qui-demo-runner__wrapper{max-width:100cqw;overflow-x:auto}}.qui-demo-runner__tabs{position:relative}.qui-demo-runner__tabs .shiki{max-width:100cqw;overflow-x:auto}.qui-tabs__root.mdx .qui-tabs__panel .qui-docs-highlighter__root{margin-top:0}.shiki-wrapper.mdx{margin-top:16px;position:relative}.shiki-wrapper.mdx:hover .qui-code-copy-button{display:inline-flex}.code-highlight-popup .qui-code-copy-button{display:inline-flex}pre.shiki{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font:var(--font-static-code-sm-default);margin:0;padding:16px 0}pre.shiki .line{box-sizing:border-box;display:inline-block;padding:0 16px;width:100%}pre.shiki:focus-visible{outline:solid 2px var(--color-utility-focus-border)}pre.shiki.mdx{border:solid 1px var(--color-border-neutral-02);border-radius:4px}.qui-demo-runner__wrapper{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:center;padding:24px;position:relative;width:100%}.qui-demo-runner__error-overlay{bottom:4rem;display:flex;justify-content:center;left:0;position:fixed;width:100vw;z-index:3}.qui-demo-runner__error-overlay .qui-notification__root{width:-moz-fit-content;width:fit-content}.qui-demo-runner__expand{bottom:2px;position:absolute;right:4px}.qui-demo-tab{padding-left:12px;padding-right:12px}.qui-demo-runner__actions{align-items:center;display:inline-flex}.qui-demo-runner__action-bar{align-items:center;border-bottom:solid 1px var(--color-border-neutral-02);display:flex;flex:1;justify-content:space-between;min-height:32px;padding-right:12px;z-index:1}.qui-demo-runner__action-bar[data-state=closed]{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.mdx.qui-docs-highlighter__root pre.shiki-code{background:var(--docs-code-demo-background);border:solid 1px var(--color-border-neutral-02)}.qui-demo-runner__brand-selection-wrapper{align-items:center;background:var(--docs-code-demo-background);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:4px;border-top-right-radius:4px;display:flex;gap:4px;justify-content:flex-end;padding:8px 12px}.qui-demo-runner__brand-selection-wrapper .qui-select__root{align-items:center;flex-direction:row;gap:8px;width:170px}angular-demo{display:contents}angular-demo .angular-demo-container{display:contents}angular-demo .angular-demo-container>*{display:contents}.qds-demo-runner__ssr-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.qds-demo-runner__ssr-placeholder>*{display:contents}.qds-demo-runner__ssr-placeholder+angular-demo[data-bootstrapped]{display:none}.qds-demo-runner__render-error{align-items:center;align-self:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-default);gap:8px;height:-moz-fit-content;height:fit-content}
1
+ .prop-type__union{display:flex;flex-direction:column;gap:6px}.prop-type__stacked-option:not(:last-child){margin-bottom:4px}.typedoc-props__table-wrapper{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);margin-top:16px;overflow-x:auto;position:relative}.typedoc-props__table-wrapper table{border-collapse:collapse;border-color:inherit}.typedoc-props__table-wrapper * pre>code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}.typedoc-props__table-wrapper a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.typedoc-props__table-wrapper a:hover{color:var(--color-interactive-text-link-default-hover)}.typedoc-props__table-wrapper table{width:100%}.typedoc-props__table-wrapper table tbody.no-thead{border-radius:var(--border-radius-md);border-top:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table pre{border-radius:var(--border-radius-sm)}.typedoc-props__table-wrapper table .font-mono{font-size:14px}.typedoc-props__table-wrapper table tr{border-bottom:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row){border-bottom:0}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row) td:first-child{padding-bottom:0}.typedoc-props__table-wrapper table tr.doc-props-table__details-row td:first-child{padding-left:20px;padding-right:20px}.typedoc-props__table-wrapper table tr.doc-props-table__details-row pre.shiki-code{background:transparent;border:solid 1px var(--color-border-neutral-01);width:-moz-fit-content;width:fit-content}.typedoc-props__table-wrapper table tbody tr:last-child{border-bottom:none}.typedoc-props__table-wrapper table thead th{background:var(--color-background-neutral-01)}.typedoc-props__table-wrapper table th{font:var(--font-static-heading-xxs-bold);padding:12px 20px 12px 12px;text-align:start}.typedoc-props__table-wrapper table td{min-height:42px;padding:var(--spacing-70) var(--spacing-90)}.typedoc-props__table-wrapper table td ul{list-style-type:circle}pre.qui-docs-code{margin:0}.typedoc-props__table-wrapper pre.qui-docs-code,.typedoc-props__table-wrapper pre.shiki-code{background:var(--qui-docs-code-background);padding:4px 6px}.doc-props__root{display:flex;flex-direction:column;width:100%}.doc-props-list__root{display:flex;flex-direction:column;gap:36px;margin:24px 0 24px}.doc-props-list__root a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.doc-props-list__root a:hover{color:var(--color-interactive-text-link-default-hover)}.doc-props-list__root ul{list-style-type:circle}.doc-props-list__root.bottom-border{border-bottom:solid 1px var(--color-border-neutral-01);padding-bottom:20px}.doc-props-list-item__root{display:flex;flex-direction:column;gap:8px;padding-top:12px}.doc-props-list-item__root .doc-props__content{max-width:calc(100vw - var(--content-padding-right) - var(--content-padding-left) - 16px);overflow-x:auto}.doc-props-item__name{align-items:center;display:flex;gap:8px}.doc-props-list-item__name-wrapper{border-bottom:solid 1px var(--color-border-neutral-01);display:flex;padding-bottom:6px}.doc-props-item__label{border-radius:var(--border-radius-sm);display:inline-flex;font:var(--font-static-code-sm-bold);justify-content:flex-start;padding:2px 6px}.doc-props-item__label .qui-link__root{font:var(--font-static-code-sm-bold)}.doc-props-columns{display:flex;flex-direction:column;gap:8px}.doc-props__content{align-items:flex-start;display:flex;gap:16px;justify-content:flex-start;padding:4px 0 4px 16px}.doc-props__title{color:var(--color-text-neutral-primary);font:var(--font-static-body-md-default);line-height:1.5;min-width:110px}.doc-props-table__name-cell{border:0 solid;box-sizing:border-box;line-height:1.5;position:relative}.doc-props-table__row-anchor{position:absolute;top:calc(0px - var(--qui-header-height))}.doc-props-item__description{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.doc-props-description__root{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);min-width:250px}.doc-props-description__root a{cursor:pointer;text-decoration:inherit}.doc-props-description__root code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:13px!important;padding:1px 4px}.doc-props-description__root ul{list-style-type:disc}.doc-props-description__root.doc-props-table__description{display:inline-flex;flex-direction:column;gap:12px;margin-left:8px;max-width:400px}.docs-table-list-item{display:flex;flex-direction:column;gap:8px;padding:16px 8px}.docs-table-list-item .property{align-items:center;display:flex;font-family:var(--q-font-mono);gap:4px}.docs-table-list-item .event-signature{display:flex;flex-wrap:wrap;gap:8px}.doc-props-list-item__root pre.shiki-code{padding:4px 6px}.doc-props-description__root .doc-props-description__extra-details{margin-top:8px;padding-left:8px}.doc-props-list-item__root{position:relative}.doc-props-list-item__root .doc-props-description__extra-details{padding-left:0}.see-tag-list{list-style-type:disc;padding-left:20px}.see-tag-list li+li{margin-top:4px}.qui-docs-external-link-icon{margin-left:4px}.doc-props-description__option-tags{padding-left:16px}.doc-props-description__see-tags{display:flex;flex-direction:column;gap:8px}.doc-props-description__remarks-block{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-md-default)}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__root{border:0;margin-top:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);gap:4px;height:32px;padding:0}.doc-props-description__extra-details .doc-props-description__remarks-tag .mdx-spoiler__content-body{padding:8px 0 0 0}.mdx-spoiler__trigger{border:0;font:var(--font-static-body-sm-bold)}.doc-props-description__example-tag,.doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props-description__example-tag pre.shiki-code,.doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props-description__example-tag .mdx-spoiler__root,.doc-props-description__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__example-tag .mdx-spoiler__trigger,.doc-props-description__remarks-tag .mdx-spoiler__trigger{height:32px;padding:0}.doc-props__top-level-jsdoc-comment{margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment pre.shiki-code{background:var(--background-primary)}.doc-props__top-level-jsdoc-comment.doc-props-description__root{font:var(--font-static-body-md-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{font:var(--font-static-body-sm-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root{margin-top:0}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag .mdx-spoiler__root[data-state=closed]{border:solid 1px transparent}.doc-props__top-level-jsdoc-comment .doc-props-description__example-tag{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag{margin-top:8px}.doc-props__top-level-jsdoc-comment .doc-props-description__remarks-tag pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);margin-top:var(--qui-mdx-margin-default)}.doc-props-item__required-indicator{color:var(--color-icon-support-danger);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props-item__deprecated-indicator{color:var(--color-icon-support-warning);-webkit-user-select:none;-moz-user-select:none;user-select:none}.doc-props__since{font:var(--font-static-body-sm-default)}.doc-props__type-wrapper{color:var(--color-text-neutral-primary);position:relative;width:-moz-fit-content;width:fit-content}.code-highlight-popup pre.shiki-code{padding-right:42px!important}.doc-props__resolved-type{display:flex;flex-wrap:wrap}.doc-props__type-info-popup-content{outline:none;padding:0;width:-moz-fit-content;width:fit-content}.doc-props__type-info-popup-content pre{outline:none}.doc-props__type-info-popup-trigger{background:transparent;border:0;height:22px;margin:0;outline:none;padding:0;position:absolute;right:-11px;top:-11px;width:22px;z-index:10}.doc-props__type-info-icon{color:var(--color-background-brand-primary);cursor:pointer}.doc-props__symbol-wrapper{margin-top:16px}.docs-table__wrapper{display:none}@media screen and (min-width: 768px){.docs-table__wrapper{display:block}}.docs-list-wrapper{display:block}@media screen and (min-width: 768px){.docs-list-wrapper{display:none}}.doc-props__function-args-list{margin-top:8px;padding-left:24px}.doc-props__function-args-list .doc-props__function-args-list-item{margin:3px 0}.doc-props__function-args-list .doc-props__function-arg-name{background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);color:var(--color-text-neutral-primary);font:var(--font-static-code-sm-default);margin-right:1px;padding:1px 2px}.doc-props__function-args-list .doc-props__function-arg-colon{display:inline-block;margin-right:4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}.doc-props-description__returns-tag-root{display:flex;flex-direction:column;flex-wrap:wrap}.doc-props-description__returns-tag-label{font:var(--font-static-body-sm-bold)}.doc-props-description__returns-tag-content{padding-left:16px}:root{--qui-docs-search-width:calc(95vw - 32px)}@media (min-width: 640px){:root{--qui-docs-search-width:calc(80vw - 32px)}}@media (min-width: 1024px){:root{--qui-docs-search-width:800px}}.qui-site-search__floating-panel-mobile{background:var(--color-background-neutral-03);border-radius:var(--border-radius-md);flex-direction:column;max-height:400px;overflow-y:auto;width:var(--qui-docs-search-width)}.qui-site-search__trigger{width:100%}@container (min-width: 850px){.qui-site-search__mobile-icon-button{display:none}}.qui-site-search__text-input{display:none;margin-right:8px;width:185px}@container (min-width: 850px){.qui-site-search__text-input{display:flex}}.qui-site-search__text-input .qds-kbd{font-size:11px}.qui-site-search__mobile-dialog-backdrop.qui-dialog__backdrop{backdrop-filter:blur(1px)}.qui-site-search__mobile-dialog-content.qui-dialog__content{width:var(--qui-docs-search-width)}.qui-site-search__mobile-input-wrapper{display:flex;elevation:var(--shadow-medium);flex-direction:column;margin:0 auto;width:100%}.qui-site-search__mobile-input-wrapper .qui-text-input__root{width:100%}@media (min-width: 640px){.qui-site-search__mobile-input-wrapper{width:var(--qui-docs-search-width)}}.qui-site-search__bar{background:var(--color-background-neutral-03);max-width:300px;min-width:300px}.qui-site-search__result-group-wrapper{display:flex;flex-direction:column}.qui-site-search__result-group{border-left:solid 1px var(--color-border-neutral-01)}.qui-site-search__results{background:var(--color-background-neutral-03);border-radius:5px;display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-x:hidden;overflow-y:auto;padding:0 10px;text-overflow:ellipsis;width:100%}.qui-site-search__item-icon{min-width:22px}.qui-site-search__list-item{align-items:center;border:solid 1px transparent;border-radius:5px;container-type:inline-size;display:flex;gap:8px;outline:none;padding:8px 10px 6px 10px;text-decoration:inherit}.qui-site-search__list-item[data-child]{padding:6px 10px 4px 16px}.qui-site-search__list-item[data-group-title]{font:var(--font-static-heading-xxs-bold);padding:12px 10px 12px 10px}.qui-site-search__list-item[data-highlighted][data-focus-visible]{border-color:var(--color-utility-focus-border);outline:solid 2px var(--color-utility-focus-border);outline-offset:-2px}.qui-site-search__list-item-content{display:flex;flex-direction:column;max-width:calc(100cqw - 24px)}.qui-site-search__metadata{color:var(--color-text-neutral-secondary);font:var(--font-static-body-xs-bold);margin-top:2px}.qui-site-search__section-title{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-bold)}.qui-site-search__content{color:var(--color-text-neutral-primary);display:inline-block;font:var(--font-static-body-sm-default);overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.qui-site-search__no-results{align-items:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-heading-xxs-default);min-height:48px;padding:0 12px;width:100%}.qui-site-search__content mark{background:var(--color-background-neutral-10);border-radius:2px;color:var(--color-text-neutral-inverse)}.qui-site-search__category-header{color:var(--color-text-neutral-secondary);padding:8px 12px}.qui-site-search__result-group{margin-left:20px}.npm-install-tabs__panel.qui-tabs__panel{padding:0}.npm-install-tabs__panel.qui-tabs__panel pre.shiki-code{overflow-x:auto}.qui-docs__not-found{display:flex;flex-direction:column;gap:24px;margin-top:16px}.qui-page-link__container{color:var(--color-text-neutral-primary);display:inline-flex;flex-direction:column;font:var(--font-static-body-sm-default);justify-content:center;white-space:nowrap}.qui-page-link__root{border:solid 1px var(--color-border-neutral-01);border-radius:3px;color:inherit;display:flex;flex-direction:column;gap:4px;padding:16px;text-decoration:inherit;width:100%}.qui-page-link__root[data-next]{align-items:flex-end}.qui-page-link__root:hover .qui-link__root{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-page-link__adjacent-route-title{padding-left:20px}.qui-page-link__adjacent-route-title[data-next]{align-self:flex-end;padding-left:0;padding-right:20px}.qui-page-links__container{display:flex;gap:24px;justify-content:space-between;margin-top:64px}.qui-docs__updated-on-wrapper+.qui-page-links__container{margin-top:0}.qui-docs__updated-on-wrapper{margin-bottom:32px;margin-top:64px}.qui-page-links__link-wrapper{display:flex;flex:1}:root{--qui-mdx-margin-default:16px}h1.mdx:before,h2.mdx:before,h3.mdx:before,h4.mdx:before{content:"";display:block;height:calc(var(--qui-header-height) + var(--qui-mdx-margin-default));margin-top:calc(0px - var(--qui-header-height) - var(--qui-mdx-margin-default));max-width:1px;position:relative;visibility:hidden;width:1px;z-index:-1}a[data-footnote-ref=true].q-link--root{display:inline-block;margin-top:-64px;padding-top:64px}h1.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-lg-default);margin:0}h2.mdx{border-bottom:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-primary);font:var(--font-static-heading-md-default);margin:32px 0 0 0;padding-bottom:8px;width:100%}h3.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:32px 0 0 0}h4.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin:24px 0 0 0}h5.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin:20px 0 0 0}h6.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin-top:var(--qui-mdx-margin-default)}h1.mdx a,h2.mdx a,h3.mdx a,h4.mdx a,h5.mdx a,h6.mdx a{color:inherit;text-decoration:none}h1.mdx+.qui-tabs__root,h2.mdx+.qui-tabs__root,h3.mdx+.qui-tabs__root,h4.mdx+.qui-tabs__root,h5.mdx+.qui-tabs__root,h6.mdx+.qui-tabs__root{margin-top:var(--qui-mdx-margin-default)}p.mdx{margin:0}img.mdx,video.mdx{display:block;height:auto;margin-top:var(--qui-mdx-margin-default);max-width:100%;vertical-align:middle}pre.mdx{margin-top:var(--qui-mdx-margin-default)}pre.mdx.shiki{overflow-x:auto}p.mdx{font:inherit}*+p.mdx{font:var(--font-static-body-md-default);margin-top:var(--qui-mdx-margin-default)}li.mdx>.qui-link__root,p.mdx>.qui-link__root{font:var(--font-static-body-md-bold)}li.mdx{font:var(--font-static-body-md-default)}ol.mdx{font:var(--font-static-body-md-default);list-style-type:decimal;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ol.mdx li.mdx+li.mdx{margin-top:6px}ol.mdx ol.mdx,ol.mdx ul.mdx{margin-top:6px}ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:lower-roman}ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx>li.mdx>ol.mdx{list-style-type:decimal}ul.mdx{list-style-type:disc;margin-top:var(--qui-mdx-margin-default);padding-left:24px}ul.mdx li.mdx+li.mdx{margin-top:6px}ul.mdx ol.mdx,ul.mdx ul.mdx{margin-top:6px}ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:circle}ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx>li.mdx>ul.mdx{list-style-type:disc}.q-link--text>code.mdx{background:inherit;border-radius:4px;color:inherit;display:inline-block;font:var(--font-static-code-sm-default);line-height:normal;margin:0 1px;padding:2px 3px}.q-link--text>code.mdx.fit{width:-moz-fit-content;width:fit-content}code.mdx{font:var(--font-static-code-sm-default)}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx){background:var(--qui-docs-code-background);border:solid 1px var(--color-border-neutral-01);border-radius:4px;box-sizing:border-box;color:var(--qui-docs-code-color);display:inline-block;font:var(--font-static-code-sm-default);padding:0 2px}code.mdx:not(pre>code.mdx):not(.q-link--text>code.mdx).fit{width:-moz-fit-content;width:fit-content}blockquote.mdx{border-inline-start-color:var(--color-border-brand-primary);border-inline-start-width:0.25rem;margin-top:var(--qui-mdx-margin-default);padding:4px 12px}blockquote.mdx>p.mdx{margin-top:0}div.mdx.table-wrapper{margin-top:var(--qui-mdx-margin-default);overflow-x:auto;width:100%}div.mdx.table-wrapper .qui-table__root{box-sizing:border-box;min-width:-moz-fit-content;min-width:fit-content}td.mdx{font:var(--font-static-body-sm-default)}hr.mdx{border-color:var(--color-border-neutral-02);margin-top:8px}.shiki.mdx{position:relative}[data-theme=dark] .shiki.mdx,[data-theme=dark] .shiki.mdx span{background:var(--shiki-dark-bg);color:var(--shiki-dark)}.qui-tabs__root.mdx{margin-top:var(--qui-mdx-margin-default)}.q-tab--content>.mdx.shiki-wrapper,.qui-tabs__tab-content>.mdx.shiki-wrapper{margin-top:0}.q-tab--content>.mdx.shiki-wrapper>pre.mdx.shiki,.qui-tabs__tab-content>.mdx.shiki-wrapper>pre.mdx.shiki{margin-top:0}.mdx-spoiler__root{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-sm);margin-top:var(--qui-mdx-margin-default)}.mdx-spoiler__trigger{align-items:center;background:var(--color-background-neutral-01);display:flex;gap:8px;height:40px;padding:0 var(--spacing-90);width:100%}.mdx-spoiler__trigger p.mdx{margin-top:0}.mdx-spoiler__trigger .mdx-spoiler__indicator{transition:transform var(--animation-duration-faster) ease}.mdx-spoiler__trigger[data-state=open] .mdx-spoiler__indicator{transform:rotate(90deg)}.mdx-spoiler__content{border-top:solid 1px var(--color-border-neutral-01)}.mdx-spoiler__content .typedoc-props__table-wrapper{margin-top:0}.mdx-spoiler__content-body{padding:var(--qui-mdx-margin-default) 24px}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root){margin-top:var(--qui-mdx-margin-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) .qui-notification__description{font:var(--font-static-body-md-default)}.qui-docs__main-content .qui-notification__root:not(.qui-demo-runner__wrapper>* .qui-notification__root) p{margin:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx{padding-top:0}.qui-code-tabs.mdx .qui-tabs__panel.mdx .shiki-wrapper.mdx{margin-top:0}.qui-docs__page-header{margin-bottom:16px}.qui-docs__page-header+section.heading>:first-child{margin-top:24px}.qui-docs__page-header+section.heading>p.mdx:first-child{font:var(--font-static-body-md-default);margin-top:0}.qui-docs__page-header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.qui-docs__page-header-title-row h1.mdx{flex:1}.qui-docs__page-header-actions{align-items:center;display:flex;gap:1px}.qui-docs__page-header-copy-button[data-size]{border-bottom-right-radius:0;border-top-right-radius:0}.qui-docs__page-header-menu-button[data-size]{border-bottom-left-radius:0;border-top-left-radius:0}:root{--qui-header-height:48px;--qui-side-nav-width:312px;--background-primary:var(--color-background-neutral-00)}[data-theme=dark]{--qui-docs-code-background:var(--color-background-neutral-02);--qui-docs-code-color:#8cb9f0;--background-primary:var(--color-background-neutral-01)}[data-theme=light]{--qui-docs-code-background:var(--color-background-neutral-01);--qui-docs-code-color:var(--color-text-brand-primary)}.qui-docs__root{display:flex;flex:1 0 auto;flex-direction:column;height:-moz-max-content;height:max-content;position:relative;width:100%}[data-theme=light][data-brand=qualcomm] .qui-docs__header{background:var(--background-primary)}.qui-docs__header{background:var(--color-surface-secondary);border-bottom:solid 1px var(--color-border-neutral-01);box-sizing:border-box;height:var(--qui-header-height);position:sticky;top:0;width:100%;z-index:20}.qui-docs__header .qui-header-bar__root{container-type:inline-size;margin:0 auto;max-width:1595px}.qui-docs__breadcrumbs{margin-bottom:16px}.qui-docs__breadcrumbs>ul.q-breadcrumb--root{padding-top:0}.qui-docs__main-content{box-sizing:border-box;height:100%;min-height:calc(100vh - var(--qui-header-height));min-width:300px;padding:var(--content-padding-top) var(--content-padding-right) var(--content-padding-bottom) var(--content-padding-left);width:100%;--content-padding-top:12px;--content-padding-right:16px;--content-padding-bottom:12px;--content-padding-left:16px}.qui-docs__main-content b,.qui-docs__main-content strong{font-weight:500}@media (min-width: 600px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:20px;--content-padding-left:28px}}@media screen and (min-width: 1000px){.qui-docs__main-content{--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:28px}}[data-theme=dark] .qui-docs-sidebar__root .qui-side-nav__root{background:var(--color-background-neutral-01)}[data-theme=dark] .qui-docs__header .qui-header-bar__root{background:var(--color-background-neutral-01)}.qui-docs-sidebar__root{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;display:none;height:calc(100vh - var(--qui-header-height));left:0;overflow-y:scroll;position:sticky;top:var(--qui-header-height)}@media screen and (min-width: 950px){.qui-docs-sidebar__root{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;display:block}}.qui-docs-sidebar__root[data-mobile]{display:block}.qui-docs-sidebar__root .qui-side-nav__root{height:100%}@media screen and (min-width: 950px){.qui-docs-sidebar__mobile-container{display:none}}.qui-docs-sidebar__actions{align-items:center;display:flex;gap:var(--spacing-60)}.qui-docs-sidebar__drawer-content{width:280px}.qui-docs-sidebar__drawer-body{height:100%;padding:0}.qui-docs-sidebar__drawer-body .qui-docs-sidebar__root{height:100vh;top:0}.qui-docs__footer{align-items:center;background:var(--background-primary);border-top:solid 1px var(--color-border-neutral-02);color:var(--color-text-neutral-secondary);display:flex;height:var(--footer-height);justify-content:flex-start;padding:36px 24px;position:relative}.qui-docs__content-wrapper{background:var(--background-primary);display:flex;flex:1;justify-content:center}.qui-docs__app-content{background:var(--background-primary);display:grid;grid-template-columns:100%;min-height:calc(100vh - var(--qui-header-height));width:100%;--content-padding-left:28px}@media (min-width: 950px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) calc(100vw - var(--qui-side-nav-width) - 17px) 0}.qui-docs__app-content .qui-docs__main-content{--content-padding-top:20px;--content-padding-right:28px;--content-padding-bottom:32px;--content-padding-left:28px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:100%;padding-right:24px}.qui-docs__app-content[data-hide-side-nav][data-hide-toc]{padding-right:0}}@media (min-width: 1280px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(600px,950px) 240px}.qui-docs__app-content .qui-docs__main-content{margin:0 auto;max-width:950px;--content-padding-top:20px;--content-padding-right:0;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-side-nav] .qui-docs__main-content{max-width:unset}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(600px,calc(900px + var(--qui-side-nav-width))) 240px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav] .qui-docs__main-content{--content-padding-left:28px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,calc(1140px + var(--qui-side-nav-width)))}}@media (min-width: 1510px){.qui-docs__app-content{grid-template-columns:var(--qui-side-nav-width) minmax(900px,950px) 280px;max-width:1600px}.qui-docs__app-content[data-hide-side-nav]{grid-template-columns:minmax(900px,calc(1060px + var(--qui-side-nav-width))) 280px}.qui-docs__app-content[data-hide-toc]{grid-template-columns:var(--qui-side-nav-width) minmax(600px,calc(1600px - var(--qui-side-nav-width)))}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:42px;--content-padding-bottom:32px;--content-padding-left:42px}.qui-docs__app-content[data-hide-toc][data-hide-side-nav]{grid-template-columns:minmax(600px,1600px)}}.qui-docs__app-content .qui-docs-sidebar__root>.q-side-navigation--root{padding-left:16px;padding-right:16px}.qui-docs__app-content .qui-docs-heading{align-items:center;color:var(--color-text-neutral-primary)!important;display:inline-flex;gap:8px}.keyboard-focus-indicator .indicator{align-items:center;border:solid 1px var(--color-border-neutral-02);border-radius:4px;display:flex;font-size:12px;gap:2px;height:20px;padding:1px 3px 1px 2px}.keyboard-focus-indicator .indicator .ctrl-indicator{margin-right:2px}.keyboard-focus-indicator .indicator svg{height:10px;width:10px}pre.qui-docs-code{line-height:1.45;padding:4px}pre.qui-docs-code * code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}pre.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font:var(--font-static-code-sm-default);font-size:14px;padding:1px 4px}.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code:has(* pre[class*=language-]){background:transparent}.doc-props * pre{padding:6px 8px!important}.qui-docs-sidebar__root .qui-side-nav__root{padding:0 8px}.qui-docs-sidebar__root .qui-side-nav__group-label{margin-top:12px;padding-bottom:8px;padding-left:calc(var(--indent-spacing) * var(--depth))}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator{margin-top:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__branch-root){margin-bottom:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__node-root){margin-bottom:16px}.qui-docs-sidebar__mobile-close-trigger{margin-left:auto}.qui-docs__updated-on-wrapper{align-items:center;display:flex;font:var(--font-static-body-sm-default);gap:4px;justify-content:flex-end;padding-top:var(--qui-mdx-margin-default)}.qui-docs__updated-by,.qui-docs__updated-on-time{font:var(--font-static-body-sm-bold)}.qui-deprecated-module__root{display:flex;flex:1 0 auto;width:100%}.qui-deprecated-module__notification{width:100%}.qui-deprecated-message{display:flex;flex:1 0 auto;flex-direction:column}.qui-component-explorer__root{border:solid var(--border-width-sm) var(--color-border-neutral-02);border-radius:var(--border-radius-md);display:grid;grid-template-columns:1fr 300px;margin-top:var(--spacing-120);overflow:hidden}.qui-component-explorer__preview{align-items:center;border-right:solid var(--border-width-sm) var(--color-border-neutral-02);display:flex;justify-content:center;min-height:300px;padding:var(--spacing-120);position:relative}.qui-component-explorer__anatomy{background:var(--color-background-neutral-01);display:flex;flex-direction:column;padding:var(--spacing-110)}.qui-component-explorer__anatomy-header{margin-bottom:var(--spacing-100)}.qui-component-explorer__anatomy-title{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin:0 0 var(--spacing-70) 0}.qui-component-explorer__anatomy-subtitle{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-default);margin:0}.qui-component-explorer__parts{display:flex;flex-direction:column;gap:var(--spacing-70)}.qui-component-explorer__part{background:var(--color-background-neutral-02);border:solid var(--border-width-sm) var(--color-border-neutral-02);border-radius:var(--border-radius-md);color:var(--color-text-neutral);cursor:default;display:block;font:var(--font-static-body-sm-default);padding:var(--spacing-80) var(--spacing-90);text-align:left;text-decoration:none}.qui-component-explorer__part:hover{background:var(--color-background-neutral-03);border-color:var(--color-border-neutral-03)}.qui-component-explorer__part[data-active]{background:var(--color-background-brand-primary);border-color:var(--color-border-brand-primary);color:var(--color-utility-persistent-white)}.qui-component-explorer__part:focus-visible{outline:solid var(--border-width-md) var(--color-utility-focus-border);outline-offset:var(--spacing-20)}a.qui-component-explorer__part{cursor:pointer}.qui-component-explorer__highlight{background-color:color-mix(in srgb,var(--color-interactive-border-danger-idle) 10%,transparent);background-image:linear-gradient(90deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(90deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(0deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%),linear-gradient(0deg,var(--color-interactive-border-danger-idle) 50%,transparent 50%);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:8px var(--border-width-sm),8px var(--border-width-sm),var(--border-width-sm) 8px,var(--border-width-sm) 8px;background-position:0 0,100% 100%,0 100%,100% 0;pointer-events:none;position:absolute;animation:marching-ants 1s linear infinite}@keyframes marching-ants{to{background-position:8px 0,calc(100% - 8px) 100%,0 calc(100% - 8px),100% 8px}}@media (prefers-reduced-motion: reduce){.qui-component-explorer__highlight{animation:none}}@media (max-width: 768px){.qui-component-explorer__root{grid-template-columns:1fr;grid-template-rows:auto auto}.qui-component-explorer__preview{border-bottom:solid var(--border-width-sm) var(--color-border-neutral-02);border-right:none}}[data-theme=dark] .shiki-code span,[data-theme=dark] .shiki.mdx span{font-weight:var(--shiki-dark-font-weight,400)}[data-theme=light] .shiki-code span,[data-theme=light] .shiki.mdx span{font-weight:var(--shiki-light-font-weight,400)}.shiki-code{padding:16px}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root * .qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button,.shiki-wrapper>.qui-code-copy-button{display:none;position:absolute;right:6px;top:6px;z-index:2}.qui-docs-highlighter__root>.qui-code-copy-button[data-copied],.qui-docs-highlighter__root>.qui-code-copy-button[data-force-show],.shiki-wrapper>.qui-code-copy-button[data-copied],.shiki-wrapper>.qui-code-copy-button[data-force-show]{display:inline-flex}.qui-docs-highlighter__root>.qui-code-copy-button.has-title,.shiki-wrapper>.qui-code-copy-button.has-title{top:44px}.qui-docs-highlighter__root{border-radius:6px;position:relative}.qui-docs-highlighter__root:hover .qui-code-copy-button{display:inline-flex}.qui-docs-highlighter__root pre{border-radius:3px;font-family:var(--q-font-code-demo,var(--q-font-mono)),monospace;font-size:14px;line-height:18px}.qui-docs-highlighter__root pre.disable-padding{padding:0}.qui-docs-highlighter__root pre.has-title{border-top-left-radius:0;border-top-right-radius:0}.qui-docs-highlighter__root[data-hidden]{display:none}.qui-demo-runner__collapse-icon{transition:transform 161ms ease}.qui-demo-runner__collapse-icon.showing-panel{transform:rotate(180deg)}.qui-demo-runner__title{align-items:center;border-radius:6px;display:flex;min-height:32px;padding:0 16px;transition:border-radius 161ms ease;width:100%}.qui-demo-runner__title.showing-panel{border-bottom-left-radius:0;border-bottom-right-radius:0}.qui-popover__content pre.shiki-code{background:var(--color-surface-overlay)}pre.shiki-code{margin:0}pre.shiki-code .qui-link__root{font:var(--font-static-code-sm-bold)}pre.qui-docs-code.font-code-demo .qui-link__root{font:var(--font-static-code-sm-bold)}.qui-demo-runner__highlighted{background:var(--color-background-support-danger)}pre.shiki .indent{display:inline-block;left:var(--indent-offset);position:relative}pre.shiki .indent:empty{height:21px;vertical-align:bottom}pre.shiki .indent:before{background-color:var(--color-border-neutral-01);content:"";height:21px;position:absolute;width:1px}pre.shiki.has-diff .line.diff.remove{opacity:0.5}pre.shiki.has-diff .line.diff.remove:before{color:var(--color-icon-support-danger);content:"-";left:3px;position:absolute}pre.shiki.has-diff .line.diff.add:before{color:var(--color-icon-support-success);content:"+";left:3px;position:absolute}pre.shiki.has-highlighted .line.highlighted{background:var(--color-interactive-background-ghost-hover);display:inline-block;width:100%}pre.shiki.has-highlighted .line.highlighted.error{background:color-mix(in oklch,var(--color-background-support-danger) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted.warning{background:color-mix(in oklch,var(--color-background-support-warning) 20%,transparent)}pre.shiki.has-highlighted .line.highlighted .indent:before{background-color:transparent}pre.shiki.has-highlighted .line.highlighted *{background:transparent}pre.shiki.has-focused .line:not(.focused){filter:blur(0.095rem);opacity:0.7;transition:filter 0.35s,opacity 0.35s}pre.shiki.has-focused:hover .line:not(.focused){filter:unset;opacity:1}[data-theme] pre.shiki span.highlighted-word{background:var(--color-interactive-background-ghost-hover)}:root{--docs-code-demo-background-dark:var(--color-background-neutral-01);--docs-code-demo-background-light:var(--color-background-neutral-00)}[data-theme=dark]{--docs-code-demo-background:var(--docs-code-demo-background-dark)}[data-theme=light]{--docs-code-demo-background:var(--docs-code-demo-background-light)}[data-theme=dark] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-dark)}[data-theme=light] .qui-demo-runner__wrapper{background:var(--docs-code-demo-background-light)}.qui-docs-demo-container__root{border:solid 1px var(--color-border-neutral-02);border-radius:4px;box-sizing:border-box;container-name:qui-docs-demo-container;container-type:inline-size;display:grid;margin-top:24px;position:relative}.qui-docs-demo-container__root[data-state=collapsed]:not([data-has-preview]){border-bottom:0}.qui-docs-demo-container__root .qui-docs-playground{border:solid 1px var(--color-border-neutral-02)}.qui-docs-demo-container__root[data-updating]{animation:border-dash-animation 0.5s linear infinite;background:linear-gradient(90deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 0 /20px 3px,linear-gradient(90deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 100% /20px 3px,linear-gradient(0deg,var(--color-border-neutral-02) 50%,transparent 50%) 0 0 /3px 20px,linear-gradient(0deg,var(--color-border-neutral-02) 50%,transparent 50%) 100% 0 /3px 20px;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;border:none;padding:1px}@keyframes border-dash-animation{to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}.qui-demo-runner__wrapper{box-sizing:border-box}.qui-demo-runner__wrapper pre.shiki-code{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md)}.qui-demo-runner__tabs pre.shiki span,.qui-demo-runner__tabs pre.shiki-code span{font:var(--font-static-code-sm-default)}.qui-demo-runner__tabs pre.shiki,.qui-demo-runner__tabs pre.shiki-code{max-height:700px;overflow-y:auto}@container qui-docs-demo-container (min-width: 0){.q-collapse--root,.qui-demo-runner__tabs{max-width:100cqw}.qui-demo-runner__wrapper{max-width:100cqw;overflow-x:auto}}.qui-demo-runner__tabs{position:relative}.qui-demo-runner__tabs .shiki{max-width:100cqw;overflow-x:auto}.qui-tabs__root.mdx .qui-tabs__panel .qui-docs-highlighter__root{margin-top:0}.shiki-wrapper.mdx{margin-top:16px;position:relative}.shiki-wrapper.mdx:hover .qui-code-copy-button{display:inline-flex}.code-highlight-popup .qui-code-copy-button{display:inline-flex}pre.shiki{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font:var(--font-static-code-sm-default);margin:0;padding:16px 0}pre.shiki .line{box-sizing:border-box;display:inline-block;padding:0 16px;width:100%}pre.shiki:focus-visible{outline:solid 2px var(--color-utility-focus-border)}pre.shiki.mdx{border:solid 1px var(--color-border-neutral-02);border-radius:4px}.qui-demo-runner__wrapper{background:var(--color-background-neutral-02);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:6px;border-top-right-radius:6px;display:flex;justify-content:center;padding:24px;position:relative;width:100%}.qui-demo-runner__error-overlay{bottom:4rem;display:flex;justify-content:center;left:0;position:fixed;width:100vw;z-index:3}.qui-demo-runner__error-overlay .qui-notification__root{width:-moz-fit-content;width:fit-content}.qui-demo-runner__expand{bottom:2px;position:absolute;right:4px}.qui-demo-tab{padding-left:12px;padding-right:12px}.qui-demo-runner__actions{align-items:center;display:inline-flex}.qui-demo-runner__action-bar{align-items:center;border-bottom:solid 1px var(--color-border-neutral-02);display:flex;flex:1;justify-content:space-between;min-height:32px;padding-right:12px;z-index:1}.qui-demo-runner__action-bar[data-state=closed]{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.mdx.qui-docs-highlighter__root pre.shiki-code{background:var(--docs-code-demo-background);border:solid 1px var(--color-border-neutral-02)}.qui-demo-runner__brand-selection-wrapper{align-items:center;background:var(--docs-code-demo-background);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:4px;border-top-right-radius:4px;display:flex;gap:4px;justify-content:flex-end;padding:8px 12px}.qui-demo-runner__brand-selection-wrapper .qui-select__root{align-items:center;flex-direction:row;gap:8px;width:170px}angular-demo{display:contents}angular-demo .angular-demo-container{display:contents}angular-demo .angular-demo-container>*{display:contents}.qds-demo-runner__ssr-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.qds-demo-runner__ssr-placeholder>*{display:contents}.qds-demo-runner__ssr-placeholder+angular-demo[data-bootstrapped]{display:none}.qds-demo-runner__render-error{align-items:center;align-self:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-default);gap:8px;height:-moz-fit-content;height:fit-content}.qui-toc{display:none}@media screen and (min-width: 1280px){.qui-toc{display:block;min-width:240px}}.qui-toc__container{margin-left:24px;max-height:calc(100vh - var(--qui-header-height) - 42px);overflow-x:hidden;overflow-y:auto;padding-top:16px;position:sticky;top:49px}.qui-toc__links{display:flex;flex-direction:column;min-width:200px;position:relative}.qui-toc__link{color:var(--color-text-neutral-secondary);font:var(--font-static-body-sm-bold);font-size:13px;padding:4px 0;position:relative}.qui-toc__link a{color:inherit;text-decoration:inherit}.qui-toc__link.q-active,.qui-toc__link:hover{color:var(--color-text-neutral-primary)}.qui-toc__link-indent-guide{background:var(--color-border-neutral-01);height:100%;left:12px;position:absolute;top:0;width:1px}.qui-toc__link-indent-guide[data-active]{background:var(--color-border-neutral-03)}
package/dist/component-explorer/component-explorer-base.d.ts ADDED
@@ -0,0 +1,35 @@
1
+ import { type ComponentPropsWithRef, type ReactElement, type ReactNode } from "react";
2
+ export type ComponentPart = string | {
3
+ /**
4
+ * Custom part doc link if auto-generation is not desired.
5
+ */
6
+ link: string;
7
+ /**
8
+ * Part name, matching the `data-part` attribute value.
9
+ */
10
+ name: string;
11
+ };
12
+ export interface ComponentExplorerBaseProps extends ComponentPropsWithRef<"div"> {
13
+ /**
14
+ * The component demo to explore.
15
+ */
16
+ children: ReactNode;
17
+ /**
18
+ * Prefix for API documentation links.
19
+ * e.g.
20
+ * "slider" -> "#slider-root" (React)
21
+ * "q-slider" -> "#q-slider-root" (Angular)
22
+ */
23
+ linkPrefix?: string;
24
+ /**
25
+ * Array of parts.
26
+ */
27
+ parts: ComponentPart[];
28
+ /**
29
+ * Custom scope name for enhanced element targeting, optional. Matches the
30
+ * `data-scope` attribute value.
31
+ */
32
+ scope?: string;
33
+ }
34
+ export declare function ComponentExplorerBase({ children, linkPrefix, parts, scope, ...props }: ComponentExplorerBaseProps): ReactElement;
35
+ //# sourceMappingURL=component-explorer-base.d.ts.map
package/dist/component-explorer/component-explorer-base.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"component-explorer-base.d.ts","sourceRoot":"","sources":["../../src/component-explorer/component-explorer-base.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAA;AAWd,MAAM,MAAM,aAAa,GACrB,MAAM,GACN;IACE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAEL,MAAM,WAAW,0BACf,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,KAAK,EAAE,aAAa,EAAE,CAAA;IAEtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAuBD,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,UAAU,EACV,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,0BAA0B,GAAG,YAAY,CAsG3C"}
package/dist/component-explorer/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export * from "./component-explorer-base";
2
+ //# sourceMappingURL=index.d.ts.map
package/dist/component-explorer/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/component-explorer/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA"}
package/dist/component-explorer/index.js ADDED
@@ -0,0 +1,3 @@
1
+ "use client";
2
+ import{jsx,jsxs}from"react/jsx-runtime";import{useLayoutEffect,useRef,useState}from"react";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";function generatePartLink(partName,linkPrefix){return linkPrefix?`#${linkPrefix}-${partName}`:void 0}function getPartName(part){return typeof part=="string"?part:part.name}function getPartLink(part,linkPrefix){return typeof part=="object"&&"link"in part?part.link:generatePartLink(getPartName(part),linkPrefix)}function ComponentExplorerBase({children,linkPrefix,parts,scope,...props}){let{renderLink:Link}=useMdxDocsContext(),previewRef=useRef(null),[hoveredPart,setHoveredPart]=useState(null),[highlightRects,setHighlightRects]=useState([]);return useLayoutEffect(()=>{let previewElement=previewRef.current;if(!previewElement||!hoveredPart){setHighlightRects([]);return}let partSelector=`[data-part="${hoveredPart}"]`;scope&&(partSelector+=`[data-scope="${scope}"]`);let targetElements=Array.from(previewElement.querySelectorAll(partSelector));if(targetElements.length===0){setHighlightRects([]);return}let previewRect=previewElement.getBoundingClientRect(),highlightOffset=4,rects=targetElements.map(targetElement=>{let elementRect=targetElement.getBoundingClientRect();return{height:elementRect.height+highlightOffset*2,left:elementRect.left-previewRect.left-highlightOffset,top:elementRect.top-previewRect.top-highlightOffset,width:elementRect.width+highlightOffset*2}});setHighlightRects(rects)},[hoveredPart,scope]),jsxs("div",{...props,className:"qui-component-explorer__root",children:[jsxs("div",{ref:previewRef,className:"qui-component-explorer__preview",children:[children,highlightRects.map((rect,index)=>jsx("div",{className:"qui-component-explorer__highlight",style:{height:`${rect.height}px`,left:`${rect.left}px`,top:`${rect.top}px`,width:`${rect.width}px`}},index))]}),jsxs("div",{className:"qui-component-explorer__anatomy",children:[jsxs("div",{className:"qui-component-explorer__anatomy-header",children:[jsx("h3",{className:"qui-component-explorer__anatomy-title",children:"Component Anatomy"}),jsx("p",{className:"qui-component-explorer__anatomy-subtitle",children:"Hover to highlight, click to view API"})]}),jsx("div",{className:"qui-component-explorer__parts",children:parts.map(part=>{let partName=getPartName(part),link=getPartLink(part,linkPrefix);return link?jsx(Link,{className:"qui-component-explorer__part","data-active":hoveredPart===partName||void 0,href:link,onMouseEnter:()=>setHoveredPart(partName),onMouseLeave:()=>setHoveredPart(null),children:partName},partName):jsx("span",{className:"qui-component-explorer__part","data-active":hoveredPart===partName||void 0,onMouseEnter:()=>setHoveredPart(partName),onMouseLeave:()=>setHoveredPart(null),children:partName},partName)})})]})]})}export{ComponentExplorerBase};
3
+ //# sourceMappingURL=index.js.map
package/dist/component-explorer/index.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/component-explorer/component-explorer-base.tsx"],
4
+ "sourcesContent": ["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { useLayoutEffect, useRef, useState } from \"react\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nfunction generatePartLink(partName, linkPrefix) {\n return linkPrefix ? `#${linkPrefix}-${partName}` : void 0;\n}\nfunction getPartName(part) {\n return typeof part === \"string\" ? part : part.name;\n}\nfunction getPartLink(part, linkPrefix) {\n if (typeof part === \"object\" && \"link\" in part) {\n return part.link;\n }\n return generatePartLink(getPartName(part), linkPrefix);\n}\nexport function ComponentExplorerBase({\n children,\n linkPrefix,\n parts,\n scope,\n ...props\n}) {\n const {\n renderLink: Link\n } = useMdxDocsContext();\n const previewRef = useRef(null);\n const [hoveredPart, setHoveredPart] = useState(null);\n const [highlightRects, setHighlightRects] = useState([]);\n useLayoutEffect(() => {\n const previewElement = previewRef.current;\n if (!previewElement || !hoveredPart) {\n setHighlightRects([]);\n return;\n }\n let partSelector = `[data-part=\"${hoveredPart}\"]`;\n if (scope) {\n partSelector += `[data-scope=\"${scope}\"]`;\n }\n const targetElements = Array.from(previewElement.querySelectorAll(partSelector));\n if (targetElements.length === 0) {\n setHighlightRects([]);\n return;\n }\n const previewRect = previewElement.getBoundingClientRect();\n const highlightOffset = 4;\n const rects = targetElements.map(targetElement => {\n const elementRect = targetElement.getBoundingClientRect();\n return {\n height: elementRect.height + highlightOffset * 2,\n left: elementRect.left - previewRect.left - highlightOffset,\n top: elementRect.top - previewRect.top - highlightOffset,\n width: elementRect.width + highlightOffset * 2\n };\n });\n setHighlightRects(rects);\n }, [hoveredPart, scope]);\n return /* @__PURE__ */jsxs(\"div\", {\n ...props,\n className: \"qui-component-explorer__root\",\n children: [/* @__PURE__ */jsxs(\"div\", {\n ref: previewRef,\n className: \"qui-component-explorer__preview\",\n children: [children, highlightRects.map((rect, index) => /* @__PURE__ */jsx(\"div\", {\n className: \"qui-component-explorer__highlight\",\n style: {\n height: `${rect.height}px`,\n left: `${rect.left}px`,\n top: `${rect.top}px`,\n width: `${rect.width}px`\n }\n }, index))]\n }), /* @__PURE__ */jsxs(\"div\", {\n className: \"qui-component-explorer__anatomy\",\n children: [/* @__PURE__ */jsxs(\"div\", {\n className: \"qui-component-explorer__anatomy-header\",\n children: [/* @__PURE__ */jsx(\"h3\", {\n className: \"qui-component-explorer__anatomy-title\",\n children: \"Component Anatomy\"\n }), /* @__PURE__ */jsx(\"p\", {\n className: \"qui-component-explorer__anatomy-subtitle\",\n children: \"Hover to highlight, click to view API\"\n })]\n }), /* @__PURE__ */jsx(\"div\", {\n className: \"qui-component-explorer__parts\",\n children: parts.map(part => {\n const partName = getPartName(part);\n const link = getPartLink(part, linkPrefix);\n return link ? /* @__PURE__ */jsx(Link, {\n className: \"qui-component-explorer__part\",\n \"data-active\": hoveredPart === partName || void 0,\n href: link,\n onMouseEnter: () => setHoveredPart(partName),\n onMouseLeave: () => setHoveredPart(null),\n children: partName\n }, partName) : /* @__PURE__ */jsx(\"span\", {\n className: \"qui-component-explorer__part\",\n \"data-active\": hoveredPart === partName || void 0,\n onMouseEnter: () => setHoveredPart(partName),\n onMouseLeave: () => setHoveredPart(null),\n children: partName\n }, partName);\n })\n })]\n })]\n });\n}"],
5
+ "mappings": ";AAAA,OAAS,IAAK,SAAY,oBAC1B,OAAS,gBAAiB,OAAQ,aAAgB,QAClD,OAAS,sBAAyB,iCAClC,SAAS,iBAAiB,SAAU,WAAY,CAC9C,OAAO,WAAa,IAAI,UAAU,IAAI,QAAQ,GAAK,MACrD,CACA,SAAS,YAAY,KAAM,CACzB,OAAO,OAAO,MAAS,SAAW,KAAO,KAAK,IAChD,CACA,SAAS,YAAY,KAAM,WAAY,CACrC,OAAI,OAAO,MAAS,UAAY,SAAU,KACjC,KAAK,KAEP,iBAAiB,YAAY,IAAI,EAAG,UAAU,CACvD,CACO,SAAS,sBAAsB,CACpC,SACA,WACA,MACA,MACA,GAAG,KACL,EAAG,CACD,GAAM,CACJ,WAAY,IACd,EAAI,kBAAkB,EAChB,WAAa,OAAO,IAAI,EACxB,CAAC,YAAa,cAAc,EAAI,SAAS,IAAI,EAC7C,CAAC,eAAgB,iBAAiB,EAAI,SAAS,CAAC,CAAC,EACvD,uBAAgB,IAAM,CACpB,IAAM,eAAiB,WAAW,QAClC,GAAI,CAAC,gBAAkB,CAAC,YAAa,CACnC,kBAAkB,CAAC,CAAC,EACpB,MACF,CACA,IAAI,aAAe,eAAe,WAAW,KACzC,QACF,cAAgB,gBAAgB,KAAK,MAEvC,IAAM,eAAiB,MAAM,KAAK,eAAe,iBAAiB,YAAY,CAAC,EAC/E,GAAI,eAAe,SAAW,EAAG,CAC/B,kBAAkB,CAAC,CAAC,EACpB,MACF,CACA,IAAM,YAAc,eAAe,sBAAsB,EACnD,gBAAkB,EAClB,MAAQ,eAAe,IAAI,eAAiB,CAChD,IAAM,YAAc,cAAc,sBAAsB,EACxD,MAAO,CACL,OAAQ,YAAY,OAAS,gBAAkB,EAC/C,KAAM,YAAY,KAAO,YAAY,KAAO,gBAC5C,IAAK,YAAY,IAAM,YAAY,IAAM,gBACzC,MAAO,YAAY,MAAQ,gBAAkB,CAC/C,CACF,CAAC,EACD,kBAAkB,KAAK,CACzB,EAAG,CAAC,YAAa,KAAK,CAAC,EACD,KAAK,MAAO,CAChC,GAAG,MACH,UAAW,+BACX,SAAU,CAAgB,KAAK,MAAO,CACpC,IAAK,WACL,UAAW,kCACX,SAAU,CAAC,SAAU,eAAe,IAAI,CAAC,KAAM,QAAyB,IAAI,MAAO,CACjF,UAAW,oCACX,MAAO,CACL,OAAQ,GAAG,KAAK,MAAM,KACtB,KAAM,GAAG,KAAK,IAAI,KAClB,IAAK,GAAG,KAAK,GAAG,KAChB,MAAO,GAAG,KAAK,KAAK,IACtB,CACF,EAAG,KAAK,CAAC,CAAC,CACZ,CAAC,EAAkB,KAAK,MAAO,CAC7B,UAAW,kCACX,SAAU,CAAgB,KAAK,MAAO,CACpC,UAAW,yCACX,SAAU,CAAgB,IAAI,KAAM,CAClC,UAAW,wCACX,SAAU,mBACZ,CAAC,EAAkB,IAAI,IAAK,CAC1B,UAAW,2CACX,SAAU,uCACZ,CAAC,CAAC,CACJ,CAAC,EAAkB,IAAI,MAAO,CAC5B,UAAW,gCACX,SAAU,MAAM,IAAI,MAAQ,CAC1B,IAAM,SAAW,YAAY,IAAI,EAC3B,KAAO,YAAY,KAAM,UAAU,EACzC,OAAO,KAAsB,IAAI,KAAM,CACrC,UAAW,+BACX,cAAe,cAAgB,UAAY,OAC3C,KAAM,KACN,aAAc,IAAM,eAAe,QAAQ,EAC3C,aAAc,IAAM,eAAe,IAAI,EACvC,SAAU,QACZ,EAAG,QAAQ,EAAmB,IAAI,OAAQ,CACxC,UAAW,+BACX,cAAe,cAAgB,UAAY,OAC3C,aAAc,IAAM,eAAe,QAAQ,EAC3C,aAAc,IAAM,eAAe,IAAI,EACvC,SAAU,QACZ,EAAG,QAAQ,CACb,CAAC,CACH,CAAC,CAAC,CACJ,CAAC,CAAC,CACJ,CAAC,CACH",
6
+ "names": []
7
+ }