@qualcomm-ui/react-mdx 1.6.1 → 1.6.3

package/dist/all.min.css

@@ -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:16px;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__remarks-tag{font:var(--font-static-body-sm-default)}.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__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);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-lg-default);margin-right:5px;padding:3px 4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}: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-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;margin-top:64px;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}.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%}.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]{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,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:28px;--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,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:28px;--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}: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}h1.mdx+div.mdx,h1.mdx+ol.mdx,h1.mdx+p.mdx,h1.mdx+ul.mdx{margin-top:24px}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-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}: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;padding:0 16px}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}[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)}
+.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:16px;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__remarks-tag{font:var(--font-static-body-sm-default)}.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__remarks-tag .mdx-spoiler__root{border:solid 1px transparent;margin-top:0}.doc-props-description__remarks-tag .mdx-spoiler__trigger{font:var(--font-static-body-xs-bold);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-lg-default);margin-right:5px;padding:3px 4px}.doc-props__show-attributes-button{margin-top:var(--qui-mdx-margin-default)}: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}.npm-install-tabs__panel.qui-tabs__panel{padding:0}.npm-install-tabs__panel.qui-tabs__panel pre.shiki-code{overflow-x:auto}.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;margin-top:64px;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}.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}h1.mdx+div.mdx,h1.mdx+ol.mdx,h1.mdx+p.mdx,h1.mdx+ul.mdx{margin-top:24px}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}: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%}.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]{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,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:unset;--content-padding-top:20px;--content-padding-right:28px;--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,950px)}.qui-docs__app-content[data-hide-toc] .qui-docs__main-content{max-width:1600px;--content-padding-top:20px;--content-padding-right:28px;--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-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;padding:0 16px}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}

package/dist/code-demo/index.js

@@ -1,5 +1,5 @@
 "use client";
-import{c as _c6}from"react/compiler-runtime";import{jsx as jsx6,jsxs as jsxs2}from"react/jsx-runtime";import{useState as useState2}from"react";import{InlineNotification}from"@qualcomm-ui/react/inline-notification";import{ProgressRing}from"@qualcomm-ui/react/progress-ring";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx as jsx4,jsxs}from"react/jsx-runtime";import{ChevronsLeftRight}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{IconButton}from"@qualcomm-ui/react/button";import{Tooltip}from"@qualcomm-ui/react/tooltip";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{jsx}from"react/jsx-runtime";function CssLogo(props){return jsx("svg",{viewBox:"0 0 256 256",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...props,children:jsx("path",{d:"m26.9 10 18.4 212.4 82.6 23.6 82.8-23.6L229.1 10H26.9zM180 186.4l-52 14.8-51.9-14.9-3.5-40.9H98l1.8 20.9 28.2 8 .1.1 28.2-7.8 2.9-33.8H100l-2-26.4h63.6l2.3-26.9h-97l-2.1-25.8h126.7L180 186.4z",fill:"currentColor"})})}import{jsx as jsx2}from"react/jsx-runtime";function TailwindLogo(props){return jsx2("svg",{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",...props,children:jsx2("path",{d:"M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Zm-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Z",style:{fill:"currentColor"}})})}function DemoStyleToggle(props){let $=_c(6),{demoSettings,setDemoSettings}=useMdxDocsContext(),t0;$[0]!==setDemoSettings?(t0=()=>{setDemoSettings?.(_temp)},$[0]=setDemoSettings,$[1]=t0):t0=$[1];let toggleStyleMode=t0,transformTailwindClasses=demoSettings?.transformTailwindClasses,t1;if($[2]!==props||$[3]!==toggleStyleMode||$[4]!==transformTailwindClasses){let mergedProps=mergeProps({className:"qui-demo-runner__style-toggle"},props);t1=jsx3("div",{...mergedProps,children:jsx3(Tooltip,{trigger:jsx3(IconButton,{emphasis:"primary",icon:transformTailwindClasses?jsx3(CssLogo,{style:{"--icon-size":"16px"}}):jsx3(TailwindLogo,{style:{"--icon-size":"16px"}}),onClick:toggleStyleMode,size:"sm",variant:"ghost"}),children:transformTailwindClasses?"Switch to tailwind styles":"Switch to inline styles"})}),$[2]=props,$[3]=toggleStyleMode,$[4]=transformTailwindClasses,$[5]=t1}else t1=$[5];return t1}function _temp(prevState){return{...prevState,transformTailwindClasses:!prevState.transformTailwindClasses}}function DemoCodePanel({actionsStart,activeTab,copyButton,expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange,onTabChange,suppressHydrationWarning,tabsValue}){let effectiveTabsValue=tabsValue!==void 0?tabsValue:activeTab;return jsxs("div",{className:"qui-demo-runner__tabs",children:[jsxs("div",{className:"qui-demo-runner__action-bar","data-state":expanded||hasPreview?"open":"closed",children:[fileNames.length>1?jsx4(Tabs.Root,{onValueChange:value=>{onTabChange(value),expanded||onExpandedChange(!0)},value:effectiveTabsValue,children:jsxs(Tabs.List,{children:[jsx4(Tabs.Indicator,{}),fileNames.map(fileName=>jsx4(Tab.Root,{value:fileName,children:jsx4(Tab.Button,{onClick:()=>{expanded||onExpandedChange(!0)},children:fileName})},fileName))]})}):jsx4("div",{}),jsxs("div",{className:"qui-demo-runner__actions",children:[actionsStart,jsx4(Button,{"data-brand":"qualcomm",emphasis:"primary",endIcon:ChevronsLeftRight,onClick:()=>onExpandedChange(!expanded),size:"sm",variant:"ghost",children:hasPreview?expanded?"Collapse Code":"Expand Code":expanded?"Hide Code":"Show Code"}),hasInlineStyles?jsx4(DemoStyleToggle,{}):null,copyButton]})]}),jsx4("div",{ref:highlighterRef,className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:getHighlightedCode()},"data-hidden":booleanDataAttr(!expanded&&!hasPreview),suppressHydrationWarning})]})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{Select}from"@qualcomm-ui/react/select";import{c as _c2}from"react/compiler-runtime";import"react";import{ListCollection}from"@qualcomm-ui/utils/collection";var themeOptCollection=new ListCollection({itemLabel:item=>item.label,items:[{id:"qualcomm",label:"Qualcomm"},{id:"snapdragon",label:"Snapdragon"},{id:"dragonwing",label:"Dragonwing"}],itemValue:item=>item.id});function useQdsDemoTheme(t0){let $=_c2(7),{qdsBrand,setQdsBrand}=t0,t1;$[0]!==qdsBrand?(t1=themeOptCollection.find(qdsBrand)??themeOptCollection.at(0),$[0]=qdsBrand,$[1]=t1):t1=$[1];let themeValue=t1,t2;$[2]!==setQdsBrand?(t2=(valueStrings,details)=>{setQdsBrand(details.items[0]?.id??"qualcomm")},$[2]=setQdsBrand,$[3]=t2):t2=$[3];let onChange=t2,t3;return $[4]!==onChange||$[5]!==themeValue.id?(t3={onChange,value:themeValue.id},$[4]=onChange,$[5]=themeValue.id,$[6]=t3):t3=$[6],t3}function QdsDemoThemeSelector(t0){let $=_c3(6),{qdsBrand,setQdsBrand}=t0,t1;$[0]!==qdsBrand||$[1]!==setQdsBrand?(t1={qdsBrand,setQdsBrand},$[0]=qdsBrand,$[1]=setQdsBrand,$[2]=t1):t1=$[2];let{onChange,value}=useQdsDemoTheme(t1),t2;return $[3]!==onChange||$[4]!==value?(t2=jsx5("div",{className:"qui-demo-runner__brand-selection-wrapper",children:jsx5(Select,{clearable:!1,collection:themeOptCollection,label:"Brand",onValueChange:onChange,placeholder:"Brand",size:"sm",value:[value]})}),$[3]=onChange,$[4]=value,$[5]=t2):t2=$[5],t2}import{c as _c4}from"react/compiler-runtime";import{useState}from"react";import{dedent}from"@qualcomm-ui/utils/dedent";function extractPreviewsAndCleanSource(code){let lines=code.split(`
+import{c as _c6}from"react/compiler-runtime";import{jsx as jsx6,jsxs as jsxs2}from"react/jsx-runtime";import{useState as useState2}from"react";import{InlineNotification}from"@qualcomm-ui/react/inline-notification";import{ProgressRing}from"@qualcomm-ui/react/progress-ring";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{jsx as jsx4,jsxs}from"react/jsx-runtime";import{ChevronsLeftRight}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{IconButton}from"@qualcomm-ui/react/button";import{Tooltip}from"@qualcomm-ui/react/tooltip";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{jsx}from"react/jsx-runtime";function CssLogo(props){return jsx("svg",{viewBox:"0 0 256 256",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...props,children:jsx("path",{d:"m26.9 10 18.4 212.4 82.6 23.6 82.8-23.6L229.1 10H26.9zM180 186.4l-52 14.8-51.9-14.9-3.5-40.9H98l1.8 20.9 28.2 8 .1.1 28.2-7.8 2.9-33.8H100l-2-26.4h63.6l2.3-26.9h-97l-2.1-25.8h126.7L180 186.4z",fill:"currentColor"})})}import{jsx as jsx2}from"react/jsx-runtime";function TailwindLogo(props){return jsx2("svg",{viewBox:"0 0 32 32",xmlns:"http://www.w3.org/2000/svg",...props,children:jsx2("path",{d:"M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Zm-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Z",style:{fill:"currentColor"}})})}function DemoStyleToggle(props){let $=_c(6),{demoSettings,setDemoSettings}=useMdxDocsContext(),t0;$[0]!==setDemoSettings?(t0=()=>{setDemoSettings?.(_temp)},$[0]=setDemoSettings,$[1]=t0):t0=$[1];let toggleStyleMode=t0,transformTailwindClasses=demoSettings?.transformTailwindClasses,t1;if($[2]!==props||$[3]!==toggleStyleMode||$[4]!==transformTailwindClasses){let mergedProps=mergeProps({className:"qui-demo-runner__style-toggle"},props);t1=jsx3("div",{...mergedProps,children:jsx3(Tooltip,{trigger:jsx3(IconButton,{"aria-label":"Toggle demo style mode",emphasis:"primary",icon:transformTailwindClasses?jsx3(CssLogo,{style:{"--icon-size":"16px"}}):jsx3(TailwindLogo,{style:{"--icon-size":"16px"}}),onClick:toggleStyleMode,size:"sm",variant:"ghost"}),children:transformTailwindClasses?"Switch to tailwind styles":"Switch to inline styles"})}),$[2]=props,$[3]=toggleStyleMode,$[4]=transformTailwindClasses,$[5]=t1}else t1=$[5];return t1}function _temp(prevState){return{...prevState,transformTailwindClasses:!prevState.transformTailwindClasses}}function DemoCodePanel({actionsStart,activeTab,copyButton,expanded,fileNames,getHighlightedCode,hasInlineStyles,hasPreview,highlighterRef,onExpandedChange,onTabChange,suppressHydrationWarning,tabsValue}){let effectiveTabsValue=tabsValue!==void 0?tabsValue:activeTab;return jsxs("div",{className:"qui-demo-runner__tabs",children:[jsxs("div",{className:"qui-demo-runner__action-bar","data-state":expanded||hasPreview?"open":"closed",children:[fileNames.length>1?jsx4(Tabs.Root,{onValueChange:value=>{onTabChange(value),expanded||onExpandedChange(!0)},value:effectiveTabsValue,children:jsxs(Tabs.List,{children:[jsx4(Tabs.Indicator,{}),fileNames.map(fileName=>jsx4(Tab.Root,{value:fileName,children:jsx4(Tab.Button,{onClick:()=>{expanded||onExpandedChange(!0)},children:fileName})},fileName))]})}):jsx4("div",{}),jsxs("div",{className:"qui-demo-runner__actions",children:[actionsStart,jsx4(Button,{"data-brand":"qualcomm",emphasis:"primary",endIcon:ChevronsLeftRight,onClick:()=>onExpandedChange(!expanded),size:"sm",variant:"ghost",children:hasPreview?expanded?"Collapse Code":"Expand Code":expanded?"Hide Code":"Show Code"}),hasInlineStyles?jsx4(DemoStyleToggle,{}):null,copyButton]})]}),jsx4("div",{ref:highlighterRef,className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:getHighlightedCode()},"data-hidden":booleanDataAttr(!expanded&&!hasPreview),suppressHydrationWarning})]})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{Select}from"@qualcomm-ui/react/select";import{c as _c2}from"react/compiler-runtime";import"react";import{ListCollection}from"@qualcomm-ui/utils/collection";var themeOptCollection=new ListCollection({itemLabel:item=>item.label,items:[{id:"qualcomm",label:"Qualcomm"},{id:"snapdragon",label:"Snapdragon"},{id:"dragonwing",label:"Dragonwing"}],itemValue:item=>item.id});function useQdsDemoTheme(t0){let $=_c2(7),{qdsBrand,setQdsBrand}=t0,t1;$[0]!==qdsBrand?(t1=themeOptCollection.find(qdsBrand)??themeOptCollection.at(0),$[0]=qdsBrand,$[1]=t1):t1=$[1];let themeValue=t1,t2;$[2]!==setQdsBrand?(t2=(valueStrings,details)=>{setQdsBrand(details.items[0]?.id??"qualcomm")},$[2]=setQdsBrand,$[3]=t2):t2=$[3];let onChange=t2,t3;return $[4]!==onChange||$[5]!==themeValue.id?(t3={onChange,value:themeValue.id},$[4]=onChange,$[5]=themeValue.id,$[6]=t3):t3=$[6],t3}function QdsDemoThemeSelector(t0){let $=_c3(6),{qdsBrand,setQdsBrand}=t0,t1;$[0]!==qdsBrand||$[1]!==setQdsBrand?(t1={qdsBrand,setQdsBrand},$[0]=qdsBrand,$[1]=setQdsBrand,$[2]=t1):t1=$[2];let{onChange,value}=useQdsDemoTheme(t1),t2;return $[3]!==onChange||$[4]!==value?(t2=jsx5("div",{className:"qui-demo-runner__brand-selection-wrapper",children:jsx5(Select,{clearable:!1,collection:themeOptCollection,label:"Brand",onValueChange:onChange,placeholder:"Brand",size:"sm",value:[value]})}),$[3]=onChange,$[4]=value,$[5]=t2):t2=$[5],t2}import{c as _c4}from"react/compiler-runtime";import{useState}from"react";import{dedent}from"@qualcomm-ui/utils/dedent";function extractPreviewsAndCleanSource(code){let lines=code.split(`
 `),previewBlocks=[],cleanedLines=[],inPreview=!1,currentBlock=[],startLine=-1;for(let i=0;i<lines.length;i++){let line=lines[i],trimmedLine=line.trim();isPreviewLine(trimmedLine)?inPreview?(previewBlocks.push({content:currentBlock.join(`
 `),endLine:i-1,startLine}),currentBlock=[],inPreview=!1):(inPreview=!0,startLine=i+1):(cleanedLines.push(line),inPreview&&currentBlock.push(line))}return{formattedPreview:dedent(previewBlocks.map(block=>block.content).join(`
 `)),previewBlocks,sourceWithoutPreviews:cleanedLines.join(`

package/dist/code-demo/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/code-demo/angular-demo-runner.tsx", "../../src/code-demo/internal/demo-code-panel.tsx", "../../src/code-demo/internal/demo-style-toggle.tsx", "../../src/code-demo/internal/css-logo.tsx", "../../src/code-demo/internal/tailwind-logo.tsx", "../../src/code-demo/internal/qds-demo-theme-selector.tsx", "../../src/code-demo/internal/use-qds-demo-theme.ts", "../../src/code-demo/internal/use-code-demo-preview.ts", "../../src/code-demo/code-demo.utils.ts", "../../src/code-demo/internal/use-demo-source-code.ts", "../../src/code-demo/qds-demo-runner.tsx", "../../src/code-demo/qds-react-demo.tsx", "../../src/code-demo/react-demo-runner.tsx", "../../src/code-demo/react-demo.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nimport { InlineNotification } from \"@qualcomm-ui/react/inline-notification\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, QdsDemoThemeSelector, useDemoSourceCode } from \"./internal\";\nexport function AngularDemoRunner(t0) {\n  const $ = _c(4);\n  const {\n    children,\n    colorScheme,\n    demoName,\n    expanded: expandedProp,\n    hideDemoBrandSwitcher,\n    notFound,\n    qdsBrand,\n    setQdsBrand,\n    sourceCode,\n    updating,\n    wrapperProps,\n    ...props\n  } = t0;\n  const [expanded, setExpanded] = useState(expandedProp);\n  const [activeTab, setActiveTab] = useState(sourceCode?.[0]?.fileName || \"\");\n  const scheme = colorScheme === \"light\" ? \"light\" : \"dark\";\n  const t1 = !!expanded;\n  let t2;\n  if ($[0] !== activeTab || $[1] !== sourceCode || $[2] !== t1) {\n    t2 = {\n      activeTab,\n      expanded: t1,\n      sourceCode\n    };\n    $[0] = activeTab;\n    $[1] = sourceCode;\n    $[2] = t1;\n    $[3] = t2;\n  } else {\n    t2 = $[3];\n  }\n  const {\n    fileNames,\n    getCopyableCode,\n    getHighlightedCode,\n    hasInlineStyles,\n    hasPreview,\n    highlighterRef\n  } = useDemoSourceCode(t2);\n  const mergedProps = mergeProps({\n    className: \"qui-docs-demo-container__root\"\n  }, props);\n  const mergedWrapperProps = mergeProps({\n    className: \"qui-demo-runner__wrapper\"\n  }, wrapperProps ?? {});\n  return jsxs(\"div\", {\n    \"data-has-preview\": booleanDataAttr(hasPreview),\n    \"data-state\": expanded ? \"expanded\" : \"collapsed\",\n    \"data-updating\": booleanDataAttr(updating),\n    ...mergedProps,\n    children: [hideDemoBrandSwitcher ? null : jsx(QdsDemoThemeSelector, {\n      qdsBrand,\n      setQdsBrand\n    }), jsxs(\"div\", {\n      \"data-brand\": qdsBrand,\n      \"data-theme\": scheme,\n      suppressHydrationWarning: true,\n      ...mergedWrapperProps,\n      children: [notFound ? jsx(InlineNotification, {\n        emphasis: \"danger\",\n        label: jsxs(\"div\", {\n          children: [jsx(\"span\", {\n            children: \"Demo Not Found: \"\n          }), jsx(\"code\", {\n            className: \"qui-docs-code\",\n            children: demoName\n          })]\n        })\n      }) : null, children]\n    }), notFound ? null : jsx(DemoCodePanel, {\n      actionsStart: updating ? jsx(ProgressRing, {\n        size: \"xs\"\n      }) : null,\n      activeTab,\n      copyButton: jsx(CopyToClipboardIconButton, {\n        density: \"default\",\n        size: \"sm\",\n        valueOrFn: getCopyableCode\n      }),\n      expanded: !!expanded,\n      fileNames,\n      getHighlightedCode,\n      hasInlineStyles,\n      hasPreview,\n      highlighterRef,\n      onExpandedChange: setExpanded,\n      onTabChange: setActiveTab,\n      suppressHydrationWarning: true\n    })]\n  });\n}\nexport const QdsAngularDemoRunner = AngularDemoRunner;", "import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { DemoStyleToggle } from \"./demo-style-toggle\";\nexport function DemoCodePanel({\n  actionsStart,\n  activeTab,\n  copyButton,\n  expanded,\n  fileNames,\n  getHighlightedCode,\n  hasInlineStyles,\n  hasPreview,\n  highlighterRef,\n  onExpandedChange,\n  onTabChange,\n  suppressHydrationWarning,\n  tabsValue\n}) {\n  const effectiveTabsValue = tabsValue !== void 0 ? tabsValue : activeTab;\n  return /* @__PURE__ */jsxs(\"div\", {\n    className: \"qui-demo-runner__tabs\",\n    children: [/* @__PURE__ */jsxs(\"div\", {\n      className: \"qui-demo-runner__action-bar\",\n      \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n      children: [fileNames.length > 1 ? /* @__PURE__ */jsx(Tabs.Root, {\n        onValueChange: value => {\n          onTabChange(value);\n          if (!expanded) {\n            onExpandedChange(true);\n          }\n        },\n        value: effectiveTabsValue,\n        children: /* @__PURE__ */jsxs(Tabs.List, {\n          children: [/* @__PURE__ */jsx(Tabs.Indicator, {}), fileNames.map(fileName => {\n            return /* @__PURE__ */jsx(Tab.Root, {\n              value: fileName,\n              children: /* @__PURE__ */jsx(Tab.Button, {\n                onClick: () => {\n                  if (!expanded) {\n                    onExpandedChange(true);\n                  }\n                },\n                children: fileName\n              })\n            }, fileName);\n          })]\n        })\n      }) : /* @__PURE__ */jsx(\"div\", {}), /* @__PURE__ */jsxs(\"div\", {\n        className: \"qui-demo-runner__actions\",\n        children: [actionsStart, /* @__PURE__ */jsx(Button, {\n          \"data-brand\": \"qualcomm\",\n          emphasis: \"primary\",\n          endIcon: ChevronsLeftRight,\n          onClick: () => onExpandedChange(!expanded),\n          size: \"sm\",\n          variant: \"ghost\",\n          children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n        }), hasInlineStyles ? /* @__PURE__ */jsx(DemoStyleToggle, {}) : null, copyButton]\n      })]\n    }), /* @__PURE__ */jsx(\"div\", {\n      ref: highlighterRef,\n      className: \"qui-docs-highlighter__root\",\n      dangerouslySetInnerHTML: {\n        __html: getHighlightedCode()\n      },\n      \"data-hidden\": booleanDataAttr(!expanded && !hasPreview),\n      suppressHydrationWarning\n    })]\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconButton } from \"@qualcomm-ui/react/button\";\nimport { Tooltip } from \"@qualcomm-ui/react/tooltip\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { CssLogo } from \"./css-logo\";\nimport { TailwindLogo } from \"./tailwind-logo\";\nexport function DemoStyleToggle(props) {\n  const $ = _c(6);\n  const {\n    demoSettings,\n    setDemoSettings\n  } = useMdxDocsContext();\n  let t0;\n  if ($[0] !== setDemoSettings) {\n    t0 = () => {\n      setDemoSettings?.(_temp);\n    };\n    $[0] = setDemoSettings;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  const toggleStyleMode = t0;\n  const transformTailwindClasses = demoSettings?.transformTailwindClasses;\n  let t1;\n  if ($[2] !== props || $[3] !== toggleStyleMode || $[4] !== transformTailwindClasses) {\n    const mergedProps = mergeProps({\n      className: \"qui-demo-runner__style-toggle\"\n    }, props);\n    t1 = jsx(\"div\", {\n      ...mergedProps,\n      children: jsx(Tooltip, {\n        trigger: jsx(IconButton, {\n          emphasis: \"primary\",\n          icon: transformTailwindClasses ? jsx(CssLogo, {\n            style: {\n              \"--icon-size\": \"16px\"\n            }\n          }) : jsx(TailwindLogo, {\n            style: {\n              \"--icon-size\": \"16px\"\n            }\n          }),\n          onClick: toggleStyleMode,\n          size: \"sm\",\n          variant: \"ghost\"\n        }),\n        children: transformTailwindClasses ? \"Switch to tailwind styles\" : \"Switch to inline styles\"\n      })\n    });\n    $[2] = props;\n    $[3] = toggleStyleMode;\n    $[4] = transformTailwindClasses;\n    $[5] = t1;\n  } else {\n    t1 = $[5];\n  }\n  return t1;\n}\nfunction _temp(prevState) {\n  return {\n    ...prevState,\n    transformTailwindClasses: !prevState.transformTailwindClasses\n  };\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function CssLogo(props) {\n  return /* @__PURE__ */jsx(\"svg\", {\n    viewBox: \"0 0 256 256\",\n    xmlSpace: \"preserve\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: /* @__PURE__ */jsx(\"path\", {\n      d: \"m26.9 10 18.4 212.4 82.6 23.6 82.8-23.6L229.1 10H26.9zM180 186.4l-52 14.8-51.9-14.9-3.5-40.9H98l1.8 20.9 28.2 8 .1.1 28.2-7.8 2.9-33.8H100l-2-26.4h63.6l2.3-26.9h-97l-2.1-25.8h126.7L180 186.4z\",\n      fill: \"currentColor\"\n    })\n  });\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function TailwindLogo(props) {\n  return /* @__PURE__ */jsx(\"svg\", {\n    viewBox: \"0 0 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: /* @__PURE__ */jsx(\"path\", {\n      d: \"M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Zm-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Z\",\n      style: {\n        fill: \"currentColor\"\n      }\n    })\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Select } from \"@qualcomm-ui/react/select\";\nimport { themeOptCollection, useQdsDemoTheme } from \"./use-qds-demo-theme\";\nexport function QdsDemoThemeSelector(t0) {\n  const $ = _c(6);\n  const {\n    qdsBrand,\n    setQdsBrand\n  } = t0;\n  let t1;\n  if ($[0] !== qdsBrand || $[1] !== setQdsBrand) {\n    t1 = {\n      qdsBrand,\n      setQdsBrand\n    };\n    $[0] = qdsBrand;\n    $[1] = setQdsBrand;\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  const {\n    onChange,\n    value\n  } = useQdsDemoTheme(t1);\n  let t2;\n  if ($[3] !== onChange || $[4] !== value) {\n    t2 = jsx(\"div\", {\n      className: \"qui-demo-runner__brand-selection-wrapper\",\n      children: jsx(Select, {\n        clearable: false,\n        collection: themeOptCollection,\n        label: \"Brand\",\n        onValueChange: onChange,\n        placeholder: \"Brand\",\n        size: \"sm\",\n        value: [value]\n      })\n    });\n    $[3] = onChange;\n    $[4] = value;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  return t2;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo } from \"react\";\nimport { ListCollection } from \"@qualcomm-ui/utils/collection\";\nexport const themeOptCollection = new ListCollection({\n  itemLabel: item => item.label,\n  items: [{\n    id: \"qualcomm\",\n    label: \"Qualcomm\"\n  }, {\n    id: \"snapdragon\",\n    label: \"Snapdragon\"\n  }, {\n    id: \"dragonwing\",\n    label: \"Dragonwing\"\n  }],\n  itemValue: item => item.id\n});\nexport function useQdsDemoTheme(t0) {\n  const $ = _c(7);\n  const {\n    qdsBrand,\n    setQdsBrand\n  } = t0;\n  let t1;\n  if ($[0] !== qdsBrand) {\n    t1 = themeOptCollection.find(qdsBrand) ?? themeOptCollection.at(0);\n    $[0] = qdsBrand;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const themeValue = t1;\n  let t2;\n  if ($[2] !== setQdsBrand) {\n    t2 = (valueStrings, details) => {\n      setQdsBrand(details.items[0]?.id ?? \"qualcomm\");\n    };\n    $[2] = setQdsBrand;\n    $[3] = t2;\n  } else {\n    t2 = $[3];\n  }\n  const onChange = t2;\n  let t3;\n  if ($[4] !== onChange || $[5] !== themeValue.id) {\n    t3 = {\n      onChange,\n      value: themeValue.id\n    };\n    $[4] = onChange;\n    $[5] = themeValue.id;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { extractPreviewsAndCleanSource } from \"../code-demo.utils\";\nexport function useCodeDemoPreview(t0) {\n  const $ = _c(9);\n  const {\n    disableSnippets,\n    initialExpanded,\n    sourceCode\n  } = t0;\n  const [expanded, setExpanded] = useState(initialExpanded);\n  let t1;\n  bb0: {\n    if (disableSnippets) {\n      let t2;\n      if ($[0] !== sourceCode) {\n        t2 = {\n          sourceWithoutPreviews: sourceCode\n        };\n        $[0] = sourceCode;\n        $[1] = t2;\n      } else {\n        t2 = $[1];\n      }\n      t1 = t2;\n      break bb0;\n    }\n    let t2;\n    if ($[2] !== sourceCode) {\n      t2 = extractPreviewsAndCleanSource(sourceCode);\n      $[2] = sourceCode;\n      $[3] = t2;\n    } else {\n      t2 = $[3];\n    }\n    t1 = t2;\n  }\n  const extractedPreview = t1;\n  const code = expanded ? extractedPreview.sourceWithoutPreviews : extractedPreview.formattedPreview || \"\";\n  let t2;\n  if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = () => {\n      setExpanded(_temp);\n    };\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const toggleExpanded = t2;\n  const t3 = !!extractedPreview?.previewBlocks?.length;\n  let t4;\n  if ($[5] !== code || $[6] !== expanded || $[7] !== t3) {\n    t4 = {\n      code,\n      expanded,\n      hasPreview: t3,\n      setExpanded,\n      toggleExpanded\n    };\n    $[5] = code;\n    $[6] = expanded;\n    $[7] = t3;\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  return t4;\n}\nfunction _temp(prevState) {\n  return !prevState;\n}", "import { dedent } from \"@qualcomm-ui/utils/dedent\";\nexport function extractPreviewsAndCleanSource(code) {\n  const lines = code.split(\"\\n\");\n  const previewBlocks = [];\n  const cleanedLines = [];\n  let inPreview = false;\n  let currentBlock = [];\n  let startLine = -1;\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i];\n    const trimmedLine = line.trim();\n    if (isPreviewLine(trimmedLine)) {\n      if (inPreview) {\n        previewBlocks.push({\n          content: currentBlock.join(\"\\n\"),\n          endLine: i - 1,\n          startLine\n        });\n        currentBlock = [];\n        inPreview = false;\n      } else {\n        inPreview = true;\n        startLine = i + 1;\n      }\n    } else {\n      cleanedLines.push(line);\n      if (inPreview) {\n        currentBlock.push(line);\n      }\n    }\n  }\n  return {\n    formattedPreview: dedent(previewBlocks.map(block => block.content).join(\"\\n\")),\n    previewBlocks,\n    sourceWithoutPreviews: cleanedLines.join(\"\\n\")\n  };\n}\nexport function isPreviewLine(trimmedLine) {\n  return trimmedLine === \"// preview\" || /^\\{\\s*\\/\\*\\s*preview\\s*\\*\\/\\s*\\}$/.test(trimmedLine);\n}\nexport function isImportLine(trimmedLine) {\n  return trimmedLine.startsWith(\"import\");\n}\nexport function getDefaultSourceCode() {\n  return {\n    fileName: \"\",\n    highlighted: {\n      full: \"\"\n    },\n    raw: {\n      full: \"\",\n      preview: \"\",\n      withoutImports: \"\"\n    },\n    type: \"file\"\n  };\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nconst defaultSourceCode = {\n  fileName: \"\",\n  highlighted: {\n    full: \"\"\n  },\n  type: \"file\"\n};\nexport function useDemoSourceCode(t0) {\n  const $ = _c(26);\n  const {\n    activeTab,\n    expanded,\n    sourceCode\n  } = t0;\n  const {\n    demoSettings\n  } = useMdxDocsContext();\n  const isInlineMode = demoSettings?.transformTailwindClasses;\n  let t1;\n  if ($[0] !== isInlineMode || $[1] !== sourceCode) {\n    t1 = isInlineMode ? sourceCode : (sourceCode ?? []).filter(_temp);\n    $[0] = isInlineMode;\n    $[1] = sourceCode;\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  const filteredSourceCode = t1;\n  let t2;\n  if ($[3] !== filteredSourceCode) {\n    t2 = filteredSourceCode?.map(_temp2) ?? [];\n    $[3] = filteredSourceCode;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const fileNames = t2;\n  let t3;\n  if ($[5] !== activeTab || $[6] !== filteredSourceCode) {\n    t3 = filteredSourceCode?.find(item_1 => item_1.fileName === activeTab) || filteredSourceCode?.[0] || defaultSourceCode;\n    $[5] = activeTab;\n    $[6] = filteredSourceCode;\n    $[7] = t3;\n  } else {\n    t3 = $[7];\n  }\n  const activeTabSourceCode = t3;\n  const hasInline = !!activeTabSourceCode?.highlightedInline || activeTabSourceCode?.type === \"residual-css\";\n  const activeHighlightedCode = isInlineMode && hasInline ? activeTabSourceCode?.highlightedInline : activeTabSourceCode?.highlighted;\n  const hasPreview = !!activeHighlightedCode?.preview;\n  let t4;\n  if ($[8] !== activeHighlightedCode || $[9] !== expanded || $[10] !== hasPreview) {\n    t4 = () => {\n      if (!activeHighlightedCode) {\n        return \"\";\n      }\n      if (hasPreview) {\n        return expanded ? activeHighlightedCode.full : activeHighlightedCode.preview || \"\";\n      }\n      return activeHighlightedCode.full;\n    };\n    $[8] = activeHighlightedCode;\n    $[9] = expanded;\n    $[10] = hasPreview;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  const getHighlightedCode = t4;\n  const highlighterRef = useRef(null);\n  let t5;\n  if ($[12] !== activeTabSourceCode?.raw?.full || $[13] !== activeTabSourceCode?.raw?.preview || $[14] !== expanded) {\n    t5 = () => {\n      const ref = highlighterRef.current;\n      if (ref) {\n        const preElement = ref.querySelector(\"pre\");\n        if (preElement) {\n          const dataCode = preElement.getAttribute(\"data-code\");\n          const dataPreview = preElement.getAttribute(\"data-preview\");\n          if (dataCode) {\n            return expanded ? dataCode : dataPreview || dataCode;\n          }\n        }\n      }\n      return (expanded ? activeTabSourceCode?.raw?.full : activeTabSourceCode?.raw?.preview || activeTabSourceCode?.raw?.full) || \"\";\n    };\n    $[12] = activeTabSourceCode?.raw?.full;\n    $[13] = activeTabSourceCode?.raw?.preview;\n    $[14] = expanded;\n    $[15] = t5;\n  } else {\n    t5 = $[15];\n  }\n  activeTabSourceCode?.raw?.full;\n  activeTabSourceCode?.raw?.preview;\n  const getCopyableCode = t5;\n  let t6;\n  if ($[16] !== activeHighlightedCode || $[17] !== activeTabSourceCode || $[18] !== fileNames || $[19] !== filteredSourceCode || $[20] !== getCopyableCode || $[21] !== getHighlightedCode || $[22] !== hasInline || $[23] !== hasPreview || $[24] !== isInlineMode) {\n    t6 = {\n      activeHighlightedCode,\n      activeTabSourceCode,\n      fileNames,\n      filteredSourceCode,\n      getCopyableCode,\n      getHighlightedCode,\n      hasInlineStyles: hasInline,\n      hasPreview,\n      highlighterRef,\n      isInlineMode\n    };\n    $[16] = activeHighlightedCode;\n    $[17] = activeTabSourceCode;\n    $[18] = fileNames;\n    $[19] = filteredSourceCode;\n    $[20] = getCopyableCode;\n    $[21] = getHighlightedCode;\n    $[22] = hasInline;\n    $[23] = hasPreview;\n    $[24] = isInlineMode;\n    $[25] = t6;\n  } else {\n    t6 = $[25];\n  }\n  return t6;\n}\nfunction _temp2(item_0) {\n  return item_0.fileName;\n}\nfunction _temp(item) {\n  return item.type !== \"residual-css\";\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { QdsReactDemo } from \"./qds-react-demo\";\nexport function QdsDemoRunner({\n  hideBrandSwitcher,\n  qdsBrand = \"qualcomm\",\n  setQdsBrand,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(QdsReactDemo, {\n    qdsBrand,\n    ...props,\n    children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n      qdsBrand,\n      setQdsBrand\n    })\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useMemo, useState } from \"react\";\nimport * as React from \"react\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { useRunner } from \"@qualcomm-ui/react-mdx/runner\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { getDefaultSourceCode } from \"./code-demo.utils\";\nexport function QdsReactDemo(t0) {\n  const $ = _c(24);\n  const {\n    children,\n    colorScheme,\n    defaultSourceIndex: t1,\n    demo: demoProp,\n    expandable: t2,\n    expanded: t3,\n    name,\n    onDemoRendered,\n    qdsBrand,\n    updating,\n    wrapperProps: t4,\n    ...props\n  } = t0;\n  t1 === undefined ? 0 : t1;\n  const expandable = t2 === undefined ? true : t2;\n  const expandedProp = t3 === undefined ? false : t3;\n  const wrapperProps = t4 === undefined ? {} : t4;\n  let t5;\n  if ($[0] !== demoProp) {\n    t5 = demoProp || {\n      demoName: \"\",\n      fileName: \"\",\n      filePath: \"\",\n      imports: [],\n      pageId: \"\",\n      scope: {},\n      sourceCode: []\n    };\n    $[0] = demoProp;\n    $[1] = t5;\n  } else {\n    t5 = $[1];\n  }\n  const demo = t5;\n  const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n  const {\n    demoState,\n    updateDemoState\n  } = useMdxDocsContext();\n  let t6;\n  if ($[2] !== demo.pageId || $[3] !== demoState) {\n    t6 = demoState[demo.pageId] || {};\n    $[2] = demo.pageId;\n    $[3] = demoState;\n    $[4] = t6;\n  } else {\n    t6 = $[4];\n  }\n  const state = t6;\n  const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n  let t7;\n  let t8;\n  if ($[5] !== activeTab || $[6] !== demo.fileName) {\n    t7 = () => {\n      if (demo.fileName && !activeTab) {\n        setActiveTab(demo.fileName);\n      }\n    };\n    t8 = [activeTab, demo.fileName];\n    $[5] = activeTab;\n    $[6] = demo.fileName;\n    $[7] = t7;\n    $[8] = t8;\n  } else {\n    t7 = $[7];\n    t8 = $[8];\n  }\n  useSafeLayoutEffect(t7, t8);\n  let t9;\n  if ($[9] !== demo.pageId || $[10] !== expanded || $[11] !== name || $[12] !== updateDemoState) {\n    t9 = () => {\n      queueMicrotask(() => {\n        updateDemoState(demo.pageId, name, {\n          expanded: !expanded\n        });\n      });\n      setExpanded(_temp);\n    };\n    $[9] = demo.pageId;\n    $[10] = expanded;\n    $[11] = name;\n    $[12] = updateDemoState;\n    $[13] = t9;\n  } else {\n    t9 = $[13];\n  }\n  const toggleCollapsed = t9;\n  const fileNames = demo.sourceCode?.map(_temp2) ?? [];\n  const activeTabSourceCode = (demo.sourceCode ?? []).find(item_0 => item_0.fileName === activeTab) ?? getDefaultSourceCode();\n  const hasPreview = !!activeTabSourceCode?.highlighted?.preview;\n  const scheme = colorScheme || \"dark\";\n  const missingDefaultExport = true;\n  let t10;\n  if ($[14] !== demo.scope) {\n    t10 = {\n      ...demo.scope,\n      React\n    };\n    $[14] = demo.scope;\n    $[15] = t10;\n  } else {\n    t10 = $[15];\n  }\n  const scope = t10;\n  const mergedProps = mergeProps({\n    className: \"qui-docs-demo-container__root\",\n    \"data-has-preview\": booleanDataAttr(hasPreview),\n    \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n  }, props);\n  let t11;\n  if ($[16] !== onDemoRendered) {\n    t11 = error2 => {\n      onDemoRendered?.(error2);\n    };\n    $[16] = onDemoRendered;\n    $[17] = t11;\n  } else {\n    t11 = $[17];\n  }\n  let t12;\n  if ($[18] !== scope || $[19] !== t11) {\n    t12 = {\n      code: \"\",\n      disableCache: true,\n      onRendered: t11,\n      scope\n    };\n    $[18] = scope;\n    $[19] = t11;\n    $[20] = t12;\n  } else {\n    t12 = $[20];\n  }\n  const runnerProps = t12;\n  const {\n    element: demoComponent,\n    error\n  } = useRunner(runnerProps);\n  let t13;\n  bb0: {\n    if (demo.errorMessage || true) {\n      let t14;\n      if ($[21] !== demo.errorMessage || $[22] !== updating) {\n        t14 = jsx(\"div\", {\n          className: \"qds-demo-runner__render-error\",\n          \"data-updating\": booleanDataAttr(updating),\n          children: updating ? jsxs(Fragment, {\n            children: [jsx(\"div\", {\n              children: \"Loading...\"\n            }), jsx(ProgressRing, {\n              size: \"xs\"\n            })]\n          }) : demo.errorMessage || \"Error: missing default export\"\n        });\n        $[21] = demo.errorMessage;\n        $[22] = updating;\n        $[23] = t14;\n      } else {\n        t14 = $[23];\n      }\n      t13 = t14;\n      break bb0;\n    }\n    t13 = demoComponent || error;\n  }\n  const renderedDemo = t13;\n  const getCopyableCode = () => (expanded ? activeTabSourceCode.raw?.full : activeTabSourceCode.raw?.preview || activeTabSourceCode.raw?.full) || \"\";\n  const getHighlightedCode = () => {\n    if (hasPreview) {\n      return expanded ? activeTabSourceCode.highlighted.full : activeTabSourceCode.highlighted.preview;\n    }\n    return activeTabSourceCode.highlighted.full;\n  };\n  return jsxs(\"div\", {\n    ...mergedProps,\n    children: [children, !expandable ? renderedDemo : jsxs(Fragment, {\n      children: [jsx(\"div\", {\n        ...mergeProps({\n          className: \"qui-demo-runner__wrapper\"\n        }, wrapperProps),\n        \"data-brand\": qdsBrand,\n        \"data-theme\": scheme,\n        children: renderedDemo\n      }), jsxs(\"div\", {\n        className: \"qui-demo-runner__tabs\",\n        children: [jsxs(\"div\", {\n          className: \"qui-demo-runner__action-bar\",\n          \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n          children: [fileNames.length > 1 ? jsx(Tabs.Root, {\n            onValueChange: value => {\n              setActiveTab(value);\n              if (!expanded) {\n                setExpanded(true);\n              }\n            },\n            value: expanded || hasPreview ? activeTab : null,\n            children: jsxs(Tabs.List, {\n              children: [jsx(Tabs.Indicator, {}), fileNames.map(fileName => jsx(Tab.Root, {\n                value: fileName,\n                children: jsx(Tab.Button, {\n                  onClick: () => {\n                    if (!expanded) {\n                      setExpanded(true);\n                    }\n                  },\n                  children: fileName\n                })\n              }, fileName))]\n            })\n          }) : jsx(\"div\", {}), jsxs(\"div\", {\n            className: \"qui-demo-runner__actions\",\n            children: [jsx(Button, {\n              \"data-brand\": \"qualcomm\",\n              emphasis: \"primary\",\n              endIcon: ChevronsLeftRight,\n              onClick: toggleCollapsed,\n              size: \"sm\",\n              variant: \"ghost\",\n              children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n            }), jsx(CopyToClipboardButton, {\n              code: getCopyableCode\n            })]\n          })]\n        }), hasPreview || expanded ? jsx(\"div\", {\n          className: \"qui-docs-highlighter__root\",\n          dangerouslySetInnerHTML: {\n            __html: getHighlightedCode()\n          }\n        }) : null]\n      })]\n    })]\n  });\n}\nfunction _temp2(item) {\n  return item.fileName;\n}\nfunction _temp(prevState) {\n  return !prevState;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { ReactDemo } from \"./react-demo\";\nexport function ReactDemoRunner({\n  hideBrandSwitcher,\n  qdsBrand = \"qualcomm\",\n  setQdsBrand,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(ReactDemo, {\n    ...props,\n    wrapperProps: {\n      \"data-brand\": qdsBrand\n    },\n    children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n      qdsBrand,\n      setQdsBrand\n    })\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, useDemoSourceCode } from \"./internal\";\nexport function ReactDemo(t0) {\n  const $ = _c(30);\n  const {\n    children,\n    colorScheme,\n    component: Component,\n    defaultSourceIndex: t1,\n    demo: demoProp,\n    expandable: t2,\n    expanded: t3,\n    name,\n    wrapperProps: t4,\n    ...props\n  } = t0;\n  t1 === undefined ? 0 : t1;\n  const expandable = t2 === undefined ? true : t2;\n  const expandedProp = t3 === undefined ? false : t3;\n  const wrapperProps = t4 === undefined ? {} : t4;\n  let t5;\n  if ($[0] !== demoProp) {\n    t5 = demoProp || {\n      demoName: \"\",\n      fileName: \"\",\n      filePath: \"\",\n      imports: [],\n      pageId: \"\",\n      sourceCode: []\n    };\n    $[0] = demoProp;\n    $[1] = t5;\n  } else {\n    t5 = $[1];\n  }\n  const demo = t5;\n  const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n  const {\n    demoState,\n    updateDemoState\n  } = useMdxDocsContext();\n  let t6;\n  if ($[2] !== demo.pageId || $[3] !== demoState) {\n    t6 = demoState[demo.pageId] || {};\n    $[2] = demo.pageId;\n    $[3] = demoState;\n    $[4] = t6;\n  } else {\n    t6 = $[4];\n  }\n  const state = t6;\n  const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n  let t7;\n  if ($[5] !== Component?.name || $[6] !== demo.fileName) {\n    t7 = () => {\n      if (!demo?.fileName) {\n        console.warn(\"ReactDemo: no fileName found for demo\", Component?.name || \"\");\n      }\n    };\n    $[5] = Component?.name;\n    $[6] = demo.fileName;\n    $[7] = t7;\n  } else {\n    t7 = $[7];\n  }\n  const t8 = demo?.fileName;\n  let t9;\n  if ($[8] !== Component || $[9] !== t8) {\n    t9 = [Component, t8];\n    $[8] = Component;\n    $[9] = t8;\n    $[10] = t9;\n  } else {\n    t9 = $[10];\n  }\n  useEffect(t7, t9);\n  let t10;\n  if ($[11] !== activeTab || $[12] !== demo.sourceCode) {\n    t10 = () => {\n      if (demo.sourceCode.every(item => item.fileName !== activeTab)) {\n        setActiveTab(demo.sourceCode[0]?.fileName);\n      }\n    };\n    $[11] = activeTab;\n    $[12] = demo.sourceCode;\n    $[13] = t10;\n  } else {\n    t10 = $[13];\n  }\n  let t11;\n  if ($[14] !== demo.sourceCode) {\n    t11 = [demo.sourceCode];\n    $[14] = demo.sourceCode;\n    $[15] = t11;\n  } else {\n    t11 = $[15];\n  }\n  useSafeLayoutEffect(t10, t11);\n  let t12;\n  if ($[16] !== activeTab || $[17] !== demo.fileName) {\n    t12 = () => {\n      if (demo?.fileName && !activeTab) {\n        setActiveTab(demo?.fileName);\n      }\n    };\n    $[16] = activeTab;\n    $[17] = demo.fileName;\n    $[18] = t12;\n  } else {\n    t12 = $[18];\n  }\n  const t13 = demo?.fileName;\n  let t14;\n  if ($[19] !== activeTab || $[20] !== t13) {\n    t14 = [activeTab, t13];\n    $[19] = activeTab;\n    $[20] = t13;\n    $[21] = t14;\n  } else {\n    t14 = $[21];\n  }\n  useSafeLayoutEffect(t12, t14);\n  const scheme = colorScheme || \"dark\";\n  let t15;\n  if ($[22] !== activeTab || $[23] !== demo.sourceCode || $[24] !== expanded) {\n    t15 = {\n      activeTab,\n      expanded,\n      sourceCode: demo.sourceCode\n    };\n    $[22] = activeTab;\n    $[23] = demo.sourceCode;\n    $[24] = expanded;\n    $[25] = t15;\n  } else {\n    t15 = $[25];\n  }\n  const {\n    fileNames,\n    getCopyableCode,\n    getHighlightedCode,\n    hasInlineStyles,\n    hasPreview,\n    highlighterRef\n  } = useDemoSourceCode(t15);\n  const mergedProps = mergeProps({\n    className: \"qui-docs-demo-container__root\",\n    \"data-has-preview\": booleanDataAttr(hasPreview),\n    \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n  }, props);\n  let t16;\n  if ($[26] !== demo.pageId || $[27] !== name || $[28] !== updateDemoState) {\n    t16 = newExpanded => {\n      queueMicrotask(() => {\n        updateDemoState(demo.pageId, name, {\n          expanded: newExpanded\n        });\n      });\n      setExpanded(newExpanded);\n    };\n    $[26] = demo.pageId;\n    $[27] = name;\n    $[28] = updateDemoState;\n    $[29] = t16;\n  } else {\n    t16 = $[29];\n  }\n  const handleExpandedChange = t16;\n  return jsxs(\"div\", {\n    ...mergedProps,\n    children: [children, !expandable ? jsx(Component, {}) : jsxs(Fragment, {\n      children: [jsx(\"div\", {\n        ...mergeProps({\n          className: \"qui-demo-runner__wrapper\"\n        }, wrapperProps),\n        \"data-theme\": scheme,\n        children: jsx(Component, {})\n      }), jsx(DemoCodePanel, {\n        activeTab,\n        copyButton: jsx(CopyToClipboardIconButton, {\n          density: \"default\",\n          size: \"sm\",\n          valueOrFn: getCopyableCode\n        }),\n        expanded,\n        fileNames,\n        getHighlightedCode,\n        hasInlineStyles,\n        hasPreview,\n        highlighterRef,\n        onExpandedChange: handleExpandedChange,\n        onTabChange: setActiveTab,\n        tabsValue: expanded || hasPreview ? activeTab : null\n      })]\n    })]\n  });\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { useState } from \"react\";\nimport { InlineNotification } from \"@qualcomm-ui/react/inline-notification\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, QdsDemoThemeSelector, useDemoSourceCode } from \"./internal\";\nexport function AngularDemoRunner(t0) {\n  const $ = _c(4);\n  const {\n    children,\n    colorScheme,\n    demoName,\n    expanded: expandedProp,\n    hideDemoBrandSwitcher,\n    notFound,\n    qdsBrand,\n    setQdsBrand,\n    sourceCode,\n    updating,\n    wrapperProps,\n    ...props\n  } = t0;\n  const [expanded, setExpanded] = useState(expandedProp);\n  const [activeTab, setActiveTab] = useState(sourceCode?.[0]?.fileName || \"\");\n  const scheme = colorScheme === \"light\" ? \"light\" : \"dark\";\n  const t1 = !!expanded;\n  let t2;\n  if ($[0] !== activeTab || $[1] !== sourceCode || $[2] !== t1) {\n    t2 = {\n      activeTab,\n      expanded: t1,\n      sourceCode\n    };\n    $[0] = activeTab;\n    $[1] = sourceCode;\n    $[2] = t1;\n    $[3] = t2;\n  } else {\n    t2 = $[3];\n  }\n  const {\n    fileNames,\n    getCopyableCode,\n    getHighlightedCode,\n    hasInlineStyles,\n    hasPreview,\n    highlighterRef\n  } = useDemoSourceCode(t2);\n  const mergedProps = mergeProps({\n    className: \"qui-docs-demo-container__root\"\n  }, props);\n  const mergedWrapperProps = mergeProps({\n    className: \"qui-demo-runner__wrapper\"\n  }, wrapperProps ?? {});\n  return jsxs(\"div\", {\n    \"data-has-preview\": booleanDataAttr(hasPreview),\n    \"data-state\": expanded ? \"expanded\" : \"collapsed\",\n    \"data-updating\": booleanDataAttr(updating),\n    ...mergedProps,\n    children: [hideDemoBrandSwitcher ? null : jsx(QdsDemoThemeSelector, {\n      qdsBrand,\n      setQdsBrand\n    }), jsxs(\"div\", {\n      \"data-brand\": qdsBrand,\n      \"data-theme\": scheme,\n      suppressHydrationWarning: true,\n      ...mergedWrapperProps,\n      children: [notFound ? jsx(InlineNotification, {\n        emphasis: \"danger\",\n        label: jsxs(\"div\", {\n          children: [jsx(\"span\", {\n            children: \"Demo Not Found: \"\n          }), jsx(\"code\", {\n            className: \"qui-docs-code\",\n            children: demoName\n          })]\n        })\n      }) : null, children]\n    }), notFound ? null : jsx(DemoCodePanel, {\n      actionsStart: updating ? jsx(ProgressRing, {\n        size: \"xs\"\n      }) : null,\n      activeTab,\n      copyButton: jsx(CopyToClipboardIconButton, {\n        density: \"default\",\n        size: \"sm\",\n        valueOrFn: getCopyableCode\n      }),\n      expanded: !!expanded,\n      fileNames,\n      getHighlightedCode,\n      hasInlineStyles,\n      hasPreview,\n      highlighterRef,\n      onExpandedChange: setExpanded,\n      onTabChange: setActiveTab,\n      suppressHydrationWarning: true\n    })]\n  });\n}\nexport const QdsAngularDemoRunner = AngularDemoRunner;", "import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { DemoStyleToggle } from \"./demo-style-toggle\";\nexport function DemoCodePanel({\n  actionsStart,\n  activeTab,\n  copyButton,\n  expanded,\n  fileNames,\n  getHighlightedCode,\n  hasInlineStyles,\n  hasPreview,\n  highlighterRef,\n  onExpandedChange,\n  onTabChange,\n  suppressHydrationWarning,\n  tabsValue\n}) {\n  const effectiveTabsValue = tabsValue !== void 0 ? tabsValue : activeTab;\n  return /* @__PURE__ */jsxs(\"div\", {\n    className: \"qui-demo-runner__tabs\",\n    children: [/* @__PURE__ */jsxs(\"div\", {\n      className: \"qui-demo-runner__action-bar\",\n      \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n      children: [fileNames.length > 1 ? /* @__PURE__ */jsx(Tabs.Root, {\n        onValueChange: value => {\n          onTabChange(value);\n          if (!expanded) {\n            onExpandedChange(true);\n          }\n        },\n        value: effectiveTabsValue,\n        children: /* @__PURE__ */jsxs(Tabs.List, {\n          children: [/* @__PURE__ */jsx(Tabs.Indicator, {}), fileNames.map(fileName => {\n            return /* @__PURE__ */jsx(Tab.Root, {\n              value: fileName,\n              children: /* @__PURE__ */jsx(Tab.Button, {\n                onClick: () => {\n                  if (!expanded) {\n                    onExpandedChange(true);\n                  }\n                },\n                children: fileName\n              })\n            }, fileName);\n          })]\n        })\n      }) : /* @__PURE__ */jsx(\"div\", {}), /* @__PURE__ */jsxs(\"div\", {\n        className: \"qui-demo-runner__actions\",\n        children: [actionsStart, /* @__PURE__ */jsx(Button, {\n          \"data-brand\": \"qualcomm\",\n          emphasis: \"primary\",\n          endIcon: ChevronsLeftRight,\n          onClick: () => onExpandedChange(!expanded),\n          size: \"sm\",\n          variant: \"ghost\",\n          children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n        }), hasInlineStyles ? /* @__PURE__ */jsx(DemoStyleToggle, {}) : null, copyButton]\n      })]\n    }), /* @__PURE__ */jsx(\"div\", {\n      ref: highlighterRef,\n      className: \"qui-docs-highlighter__root\",\n      dangerouslySetInnerHTML: {\n        __html: getHighlightedCode()\n      },\n      \"data-hidden\": booleanDataAttr(!expanded && !hasPreview),\n      suppressHydrationWarning\n    })]\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconButton } from \"@qualcomm-ui/react/button\";\nimport { Tooltip } from \"@qualcomm-ui/react/tooltip\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { CssLogo } from \"./css-logo\";\nimport { TailwindLogo } from \"./tailwind-logo\";\nexport function DemoStyleToggle(props) {\n  const $ = _c(6);\n  const {\n    demoSettings,\n    setDemoSettings\n  } = useMdxDocsContext();\n  let t0;\n  if ($[0] !== setDemoSettings) {\n    t0 = () => {\n      setDemoSettings?.(_temp);\n    };\n    $[0] = setDemoSettings;\n    $[1] = t0;\n  } else {\n    t0 = $[1];\n  }\n  const toggleStyleMode = t0;\n  const transformTailwindClasses = demoSettings?.transformTailwindClasses;\n  let t1;\n  if ($[2] !== props || $[3] !== toggleStyleMode || $[4] !== transformTailwindClasses) {\n    const mergedProps = mergeProps({\n      className: \"qui-demo-runner__style-toggle\"\n    }, props);\n    t1 = jsx(\"div\", {\n      ...mergedProps,\n      children: jsx(Tooltip, {\n        trigger: jsx(IconButton, {\n          \"aria-label\": \"Toggle demo style mode\",\n          emphasis: \"primary\",\n          icon: transformTailwindClasses ? jsx(CssLogo, {\n            style: {\n              \"--icon-size\": \"16px\"\n            }\n          }) : jsx(TailwindLogo, {\n            style: {\n              \"--icon-size\": \"16px\"\n            }\n          }),\n          onClick: toggleStyleMode,\n          size: \"sm\",\n          variant: \"ghost\"\n        }),\n        children: transformTailwindClasses ? \"Switch to tailwind styles\" : \"Switch to inline styles\"\n      })\n    });\n    $[2] = props;\n    $[3] = toggleStyleMode;\n    $[4] = transformTailwindClasses;\n    $[5] = t1;\n  } else {\n    t1 = $[5];\n  }\n  return t1;\n}\nfunction _temp(prevState) {\n  return {\n    ...prevState,\n    transformTailwindClasses: !prevState.transformTailwindClasses\n  };\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function CssLogo(props) {\n  return /* @__PURE__ */jsx(\"svg\", {\n    viewBox: \"0 0 256 256\",\n    xmlSpace: \"preserve\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: /* @__PURE__ */jsx(\"path\", {\n      d: \"m26.9 10 18.4 212.4 82.6 23.6 82.8-23.6L229.1 10H26.9zM180 186.4l-52 14.8-51.9-14.9-3.5-40.9H98l1.8 20.9 28.2 8 .1.1 28.2-7.8 2.9-33.8H100l-2-26.4h63.6l2.3-26.9h-97l-2.1-25.8h126.7L180 186.4z\",\n      fill: \"currentColor\"\n    })\n  });\n}", "import { jsx } from \"react/jsx-runtime\";\nexport function TailwindLogo(props) {\n  return /* @__PURE__ */jsx(\"svg\", {\n    viewBox: \"0 0 32 32\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: /* @__PURE__ */jsx(\"path\", {\n      d: \"M9 13.7q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Zm-7 8.4q1.4-5.6 7-5.6c5.6 0 6.3 4.2 9.1 4.9q2.8.7 4.9-2.1-1.4 5.6-7 5.6c-5.6 0-6.3-4.2-9.1-4.9q-2.8-.7-4.9 2.1Z\",\n      style: {\n        fill: \"currentColor\"\n      }\n    })\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Select } from \"@qualcomm-ui/react/select\";\nimport { themeOptCollection, useQdsDemoTheme } from \"./use-qds-demo-theme\";\nexport function QdsDemoThemeSelector(t0) {\n  const $ = _c(6);\n  const {\n    qdsBrand,\n    setQdsBrand\n  } = t0;\n  let t1;\n  if ($[0] !== qdsBrand || $[1] !== setQdsBrand) {\n    t1 = {\n      qdsBrand,\n      setQdsBrand\n    };\n    $[0] = qdsBrand;\n    $[1] = setQdsBrand;\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  const {\n    onChange,\n    value\n  } = useQdsDemoTheme(t1);\n  let t2;\n  if ($[3] !== onChange || $[4] !== value) {\n    t2 = jsx(\"div\", {\n      className: \"qui-demo-runner__brand-selection-wrapper\",\n      children: jsx(Select, {\n        clearable: false,\n        collection: themeOptCollection,\n        label: \"Brand\",\n        onValueChange: onChange,\n        placeholder: \"Brand\",\n        size: \"sm\",\n        value: [value]\n      })\n    });\n    $[3] = onChange;\n    $[4] = value;\n    $[5] = t2;\n  } else {\n    t2 = $[5];\n  }\n  return t2;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo } from \"react\";\nimport { ListCollection } from \"@qualcomm-ui/utils/collection\";\nexport const themeOptCollection = new ListCollection({\n  itemLabel: item => item.label,\n  items: [{\n    id: \"qualcomm\",\n    label: \"Qualcomm\"\n  }, {\n    id: \"snapdragon\",\n    label: \"Snapdragon\"\n  }, {\n    id: \"dragonwing\",\n    label: \"Dragonwing\"\n  }],\n  itemValue: item => item.id\n});\nexport function useQdsDemoTheme(t0) {\n  const $ = _c(7);\n  const {\n    qdsBrand,\n    setQdsBrand\n  } = t0;\n  let t1;\n  if ($[0] !== qdsBrand) {\n    t1 = themeOptCollection.find(qdsBrand) ?? themeOptCollection.at(0);\n    $[0] = qdsBrand;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const themeValue = t1;\n  let t2;\n  if ($[2] !== setQdsBrand) {\n    t2 = (valueStrings, details) => {\n      setQdsBrand(details.items[0]?.id ?? \"qualcomm\");\n    };\n    $[2] = setQdsBrand;\n    $[3] = t2;\n  } else {\n    t2 = $[3];\n  }\n  const onChange = t2;\n  let t3;\n  if ($[4] !== onChange || $[5] !== themeValue.id) {\n    t3 = {\n      onChange,\n      value: themeValue.id\n    };\n    $[4] = onChange;\n    $[5] = themeValue.id;\n    $[6] = t3;\n  } else {\n    t3 = $[6];\n  }\n  return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { extractPreviewsAndCleanSource } from \"../code-demo.utils\";\nexport function useCodeDemoPreview(t0) {\n  const $ = _c(9);\n  const {\n    disableSnippets,\n    initialExpanded,\n    sourceCode\n  } = t0;\n  const [expanded, setExpanded] = useState(initialExpanded);\n  let t1;\n  bb0: {\n    if (disableSnippets) {\n      let t2;\n      if ($[0] !== sourceCode) {\n        t2 = {\n          sourceWithoutPreviews: sourceCode\n        };\n        $[0] = sourceCode;\n        $[1] = t2;\n      } else {\n        t2 = $[1];\n      }\n      t1 = t2;\n      break bb0;\n    }\n    let t2;\n    if ($[2] !== sourceCode) {\n      t2 = extractPreviewsAndCleanSource(sourceCode);\n      $[2] = sourceCode;\n      $[3] = t2;\n    } else {\n      t2 = $[3];\n    }\n    t1 = t2;\n  }\n  const extractedPreview = t1;\n  const code = expanded ? extractedPreview.sourceWithoutPreviews : extractedPreview.formattedPreview || \"\";\n  let t2;\n  if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n    t2 = () => {\n      setExpanded(_temp);\n    };\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const toggleExpanded = t2;\n  const t3 = !!extractedPreview?.previewBlocks?.length;\n  let t4;\n  if ($[5] !== code || $[6] !== expanded || $[7] !== t3) {\n    t4 = {\n      code,\n      expanded,\n      hasPreview: t3,\n      setExpanded,\n      toggleExpanded\n    };\n    $[5] = code;\n    $[6] = expanded;\n    $[7] = t3;\n    $[8] = t4;\n  } else {\n    t4 = $[8];\n  }\n  return t4;\n}\nfunction _temp(prevState) {\n  return !prevState;\n}", "import { dedent } from \"@qualcomm-ui/utils/dedent\";\nexport function extractPreviewsAndCleanSource(code) {\n  const lines = code.split(\"\\n\");\n  const previewBlocks = [];\n  const cleanedLines = [];\n  let inPreview = false;\n  let currentBlock = [];\n  let startLine = -1;\n  for (let i = 0; i < lines.length; i++) {\n    const line = lines[i];\n    const trimmedLine = line.trim();\n    if (isPreviewLine(trimmedLine)) {\n      if (inPreview) {\n        previewBlocks.push({\n          content: currentBlock.join(\"\\n\"),\n          endLine: i - 1,\n          startLine\n        });\n        currentBlock = [];\n        inPreview = false;\n      } else {\n        inPreview = true;\n        startLine = i + 1;\n      }\n    } else {\n      cleanedLines.push(line);\n      if (inPreview) {\n        currentBlock.push(line);\n      }\n    }\n  }\n  return {\n    formattedPreview: dedent(previewBlocks.map(block => block.content).join(\"\\n\")),\n    previewBlocks,\n    sourceWithoutPreviews: cleanedLines.join(\"\\n\")\n  };\n}\nexport function isPreviewLine(trimmedLine) {\n  return trimmedLine === \"// preview\" || /^\\{\\s*\\/\\*\\s*preview\\s*\\*\\/\\s*\\}$/.test(trimmedLine);\n}\nexport function isImportLine(trimmedLine) {\n  return trimmedLine.startsWith(\"import\");\n}\nexport function getDefaultSourceCode() {\n  return {\n    fileName: \"\",\n    highlighted: {\n      full: \"\"\n    },\n    raw: {\n      full: \"\",\n      preview: \"\",\n      withoutImports: \"\"\n    },\n    type: \"file\"\n  };\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useRef } from \"react\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nconst defaultSourceCode = {\n  fileName: \"\",\n  highlighted: {\n    full: \"\"\n  },\n  type: \"file\"\n};\nexport function useDemoSourceCode(t0) {\n  const $ = _c(26);\n  const {\n    activeTab,\n    expanded,\n    sourceCode\n  } = t0;\n  const {\n    demoSettings\n  } = useMdxDocsContext();\n  const isInlineMode = demoSettings?.transformTailwindClasses;\n  let t1;\n  if ($[0] !== isInlineMode || $[1] !== sourceCode) {\n    t1 = isInlineMode ? sourceCode : (sourceCode ?? []).filter(_temp);\n    $[0] = isInlineMode;\n    $[1] = sourceCode;\n    $[2] = t1;\n  } else {\n    t1 = $[2];\n  }\n  const filteredSourceCode = t1;\n  let t2;\n  if ($[3] !== filteredSourceCode) {\n    t2 = filteredSourceCode?.map(_temp2) ?? [];\n    $[3] = filteredSourceCode;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const fileNames = t2;\n  let t3;\n  if ($[5] !== activeTab || $[6] !== filteredSourceCode) {\n    t3 = filteredSourceCode?.find(item_1 => item_1.fileName === activeTab) || filteredSourceCode?.[0] || defaultSourceCode;\n    $[5] = activeTab;\n    $[6] = filteredSourceCode;\n    $[7] = t3;\n  } else {\n    t3 = $[7];\n  }\n  const activeTabSourceCode = t3;\n  const hasInline = !!activeTabSourceCode?.highlightedInline || activeTabSourceCode?.type === \"residual-css\";\n  const activeHighlightedCode = isInlineMode && hasInline ? activeTabSourceCode?.highlightedInline : activeTabSourceCode?.highlighted;\n  const hasPreview = !!activeHighlightedCode?.preview;\n  let t4;\n  if ($[8] !== activeHighlightedCode || $[9] !== expanded || $[10] !== hasPreview) {\n    t4 = () => {\n      if (!activeHighlightedCode) {\n        return \"\";\n      }\n      if (hasPreview) {\n        return expanded ? activeHighlightedCode.full : activeHighlightedCode.preview || \"\";\n      }\n      return activeHighlightedCode.full;\n    };\n    $[8] = activeHighlightedCode;\n    $[9] = expanded;\n    $[10] = hasPreview;\n    $[11] = t4;\n  } else {\n    t4 = $[11];\n  }\n  const getHighlightedCode = t4;\n  const highlighterRef = useRef(null);\n  let t5;\n  if ($[12] !== activeTabSourceCode?.raw?.full || $[13] !== activeTabSourceCode?.raw?.preview || $[14] !== expanded) {\n    t5 = () => {\n      const ref = highlighterRef.current;\n      if (ref) {\n        const preElement = ref.querySelector(\"pre\");\n        if (preElement) {\n          const dataCode = preElement.getAttribute(\"data-code\");\n          const dataPreview = preElement.getAttribute(\"data-preview\");\n          if (dataCode) {\n            return expanded ? dataCode : dataPreview || dataCode;\n          }\n        }\n      }\n      return (expanded ? activeTabSourceCode?.raw?.full : activeTabSourceCode?.raw?.preview || activeTabSourceCode?.raw?.full) || \"\";\n    };\n    $[12] = activeTabSourceCode?.raw?.full;\n    $[13] = activeTabSourceCode?.raw?.preview;\n    $[14] = expanded;\n    $[15] = t5;\n  } else {\n    t5 = $[15];\n  }\n  activeTabSourceCode?.raw?.full;\n  activeTabSourceCode?.raw?.preview;\n  const getCopyableCode = t5;\n  let t6;\n  if ($[16] !== activeHighlightedCode || $[17] !== activeTabSourceCode || $[18] !== fileNames || $[19] !== filteredSourceCode || $[20] !== getCopyableCode || $[21] !== getHighlightedCode || $[22] !== hasInline || $[23] !== hasPreview || $[24] !== isInlineMode) {\n    t6 = {\n      activeHighlightedCode,\n      activeTabSourceCode,\n      fileNames,\n      filteredSourceCode,\n      getCopyableCode,\n      getHighlightedCode,\n      hasInlineStyles: hasInline,\n      hasPreview,\n      highlighterRef,\n      isInlineMode\n    };\n    $[16] = activeHighlightedCode;\n    $[17] = activeTabSourceCode;\n    $[18] = fileNames;\n    $[19] = filteredSourceCode;\n    $[20] = getCopyableCode;\n    $[21] = getHighlightedCode;\n    $[22] = hasInline;\n    $[23] = hasPreview;\n    $[24] = isInlineMode;\n    $[25] = t6;\n  } else {\n    t6 = $[25];\n  }\n  return t6;\n}\nfunction _temp2(item_0) {\n  return item_0.fileName;\n}\nfunction _temp(item) {\n  return item.type !== \"residual-css\";\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { QdsReactDemo } from \"./qds-react-demo\";\nexport function QdsDemoRunner({\n  hideBrandSwitcher,\n  qdsBrand = \"qualcomm\",\n  setQdsBrand,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(QdsReactDemo, {\n    qdsBrand,\n    ...props,\n    children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n      qdsBrand,\n      setQdsBrand\n    })\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useMemo, useState } from \"react\";\nimport * as React from \"react\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { useRunner } from \"@qualcomm-ui/react-mdx/runner\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { getDefaultSourceCode } from \"./code-demo.utils\";\nexport function QdsReactDemo(t0) {\n  const $ = _c(24);\n  const {\n    children,\n    colorScheme,\n    defaultSourceIndex: t1,\n    demo: demoProp,\n    expandable: t2,\n    expanded: t3,\n    name,\n    onDemoRendered,\n    qdsBrand,\n    updating,\n    wrapperProps: t4,\n    ...props\n  } = t0;\n  t1 === undefined ? 0 : t1;\n  const expandable = t2 === undefined ? true : t2;\n  const expandedProp = t3 === undefined ? false : t3;\n  const wrapperProps = t4 === undefined ? {} : t4;\n  let t5;\n  if ($[0] !== demoProp) {\n    t5 = demoProp || {\n      demoName: \"\",\n      fileName: \"\",\n      filePath: \"\",\n      imports: [],\n      pageId: \"\",\n      scope: {},\n      sourceCode: []\n    };\n    $[0] = demoProp;\n    $[1] = t5;\n  } else {\n    t5 = $[1];\n  }\n  const demo = t5;\n  const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n  const {\n    demoState,\n    updateDemoState\n  } = useMdxDocsContext();\n  let t6;\n  if ($[2] !== demo.pageId || $[3] !== demoState) {\n    t6 = demoState[demo.pageId] || {};\n    $[2] = demo.pageId;\n    $[3] = demoState;\n    $[4] = t6;\n  } else {\n    t6 = $[4];\n  }\n  const state = t6;\n  const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n  let t7;\n  let t8;\n  if ($[5] !== activeTab || $[6] !== demo.fileName) {\n    t7 = () => {\n      if (demo.fileName && !activeTab) {\n        setActiveTab(demo.fileName);\n      }\n    };\n    t8 = [activeTab, demo.fileName];\n    $[5] = activeTab;\n    $[6] = demo.fileName;\n    $[7] = t7;\n    $[8] = t8;\n  } else {\n    t7 = $[7];\n    t8 = $[8];\n  }\n  useSafeLayoutEffect(t7, t8);\n  let t9;\n  if ($[9] !== demo.pageId || $[10] !== expanded || $[11] !== name || $[12] !== updateDemoState) {\n    t9 = () => {\n      queueMicrotask(() => {\n        updateDemoState(demo.pageId, name, {\n          expanded: !expanded\n        });\n      });\n      setExpanded(_temp);\n    };\n    $[9] = demo.pageId;\n    $[10] = expanded;\n    $[11] = name;\n    $[12] = updateDemoState;\n    $[13] = t9;\n  } else {\n    t9 = $[13];\n  }\n  const toggleCollapsed = t9;\n  const fileNames = demo.sourceCode?.map(_temp2) ?? [];\n  const activeTabSourceCode = (demo.sourceCode ?? []).find(item_0 => item_0.fileName === activeTab) ?? getDefaultSourceCode();\n  const hasPreview = !!activeTabSourceCode?.highlighted?.preview;\n  const scheme = colorScheme || \"dark\";\n  const missingDefaultExport = true;\n  let t10;\n  if ($[14] !== demo.scope) {\n    t10 = {\n      ...demo.scope,\n      React\n    };\n    $[14] = demo.scope;\n    $[15] = t10;\n  } else {\n    t10 = $[15];\n  }\n  const scope = t10;\n  const mergedProps = mergeProps({\n    className: \"qui-docs-demo-container__root\",\n    \"data-has-preview\": booleanDataAttr(hasPreview),\n    \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n  }, props);\n  let t11;\n  if ($[16] !== onDemoRendered) {\n    t11 = error2 => {\n      onDemoRendered?.(error2);\n    };\n    $[16] = onDemoRendered;\n    $[17] = t11;\n  } else {\n    t11 = $[17];\n  }\n  let t12;\n  if ($[18] !== scope || $[19] !== t11) {\n    t12 = {\n      code: \"\",\n      disableCache: true,\n      onRendered: t11,\n      scope\n    };\n    $[18] = scope;\n    $[19] = t11;\n    $[20] = t12;\n  } else {\n    t12 = $[20];\n  }\n  const runnerProps = t12;\n  const {\n    element: demoComponent,\n    error\n  } = useRunner(runnerProps);\n  let t13;\n  bb0: {\n    if (demo.errorMessage || true) {\n      let t14;\n      if ($[21] !== demo.errorMessage || $[22] !== updating) {\n        t14 = jsx(\"div\", {\n          className: \"qds-demo-runner__render-error\",\n          \"data-updating\": booleanDataAttr(updating),\n          children: updating ? jsxs(Fragment, {\n            children: [jsx(\"div\", {\n              children: \"Loading...\"\n            }), jsx(ProgressRing, {\n              size: \"xs\"\n            })]\n          }) : demo.errorMessage || \"Error: missing default export\"\n        });\n        $[21] = demo.errorMessage;\n        $[22] = updating;\n        $[23] = t14;\n      } else {\n        t14 = $[23];\n      }\n      t13 = t14;\n      break bb0;\n    }\n    t13 = demoComponent || error;\n  }\n  const renderedDemo = t13;\n  const getCopyableCode = () => (expanded ? activeTabSourceCode.raw?.full : activeTabSourceCode.raw?.preview || activeTabSourceCode.raw?.full) || \"\";\n  const getHighlightedCode = () => {\n    if (hasPreview) {\n      return expanded ? activeTabSourceCode.highlighted.full : activeTabSourceCode.highlighted.preview;\n    }\n    return activeTabSourceCode.highlighted.full;\n  };\n  return jsxs(\"div\", {\n    ...mergedProps,\n    children: [children, !expandable ? renderedDemo : jsxs(Fragment, {\n      children: [jsx(\"div\", {\n        ...mergeProps({\n          className: \"qui-demo-runner__wrapper\"\n        }, wrapperProps),\n        \"data-brand\": qdsBrand,\n        \"data-theme\": scheme,\n        children: renderedDemo\n      }), jsxs(\"div\", {\n        className: \"qui-demo-runner__tabs\",\n        children: [jsxs(\"div\", {\n          className: \"qui-demo-runner__action-bar\",\n          \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n          children: [fileNames.length > 1 ? jsx(Tabs.Root, {\n            onValueChange: value => {\n              setActiveTab(value);\n              if (!expanded) {\n                setExpanded(true);\n              }\n            },\n            value: expanded || hasPreview ? activeTab : null,\n            children: jsxs(Tabs.List, {\n              children: [jsx(Tabs.Indicator, {}), fileNames.map(fileName => jsx(Tab.Root, {\n                value: fileName,\n                children: jsx(Tab.Button, {\n                  onClick: () => {\n                    if (!expanded) {\n                      setExpanded(true);\n                    }\n                  },\n                  children: fileName\n                })\n              }, fileName))]\n            })\n          }) : jsx(\"div\", {}), jsxs(\"div\", {\n            className: \"qui-demo-runner__actions\",\n            children: [jsx(Button, {\n              \"data-brand\": \"qualcomm\",\n              emphasis: \"primary\",\n              endIcon: ChevronsLeftRight,\n              onClick: toggleCollapsed,\n              size: \"sm\",\n              variant: \"ghost\",\n              children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n            }), jsx(CopyToClipboardButton, {\n              code: getCopyableCode\n            })]\n          })]\n        }), hasPreview || expanded ? jsx(\"div\", {\n          className: \"qui-docs-highlighter__root\",\n          dangerouslySetInnerHTML: {\n            __html: getHighlightedCode()\n          }\n        }) : null]\n      })]\n    })]\n  });\n}\nfunction _temp2(item) {\n  return item.fileName;\n}\nfunction _temp(prevState) {\n  return !prevState;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { ReactDemo } from \"./react-demo\";\nexport function ReactDemoRunner({\n  hideBrandSwitcher,\n  qdsBrand = \"qualcomm\",\n  setQdsBrand,\n  ...props\n}) {\n  return /* @__PURE__ */jsx(ReactDemo, {\n    ...props,\n    wrapperProps: {\n      \"data-brand\": qdsBrand\n    },\n    children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n      qdsBrand,\n      setQdsBrand\n    })\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardIconButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { DemoCodePanel, useDemoSourceCode } from \"./internal\";\nexport function ReactDemo(t0) {\n  const $ = _c(30);\n  const {\n    children,\n    colorScheme,\n    component: Component,\n    defaultSourceIndex: t1,\n    demo: demoProp,\n    expandable: t2,\n    expanded: t3,\n    name,\n    wrapperProps: t4,\n    ...props\n  } = t0;\n  t1 === undefined ? 0 : t1;\n  const expandable = t2 === undefined ? true : t2;\n  const expandedProp = t3 === undefined ? false : t3;\n  const wrapperProps = t4 === undefined ? {} : t4;\n  let t5;\n  if ($[0] !== demoProp) {\n    t5 = demoProp || {\n      demoName: \"\",\n      fileName: \"\",\n      filePath: \"\",\n      imports: [],\n      pageId: \"\",\n      sourceCode: []\n    };\n    $[0] = demoProp;\n    $[1] = t5;\n  } else {\n    t5 = $[1];\n  }\n  const demo = t5;\n  const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n  const {\n    demoState,\n    updateDemoState\n  } = useMdxDocsContext();\n  let t6;\n  if ($[2] !== demo.pageId || $[3] !== demoState) {\n    t6 = demoState[demo.pageId] || {};\n    $[2] = demo.pageId;\n    $[3] = demoState;\n    $[4] = t6;\n  } else {\n    t6 = $[4];\n  }\n  const state = t6;\n  const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n  let t7;\n  if ($[5] !== Component?.name || $[6] !== demo.fileName) {\n    t7 = () => {\n      if (!demo?.fileName) {\n        console.warn(\"ReactDemo: no fileName found for demo\", Component?.name || \"\");\n      }\n    };\n    $[5] = Component?.name;\n    $[6] = demo.fileName;\n    $[7] = t7;\n  } else {\n    t7 = $[7];\n  }\n  const t8 = demo?.fileName;\n  let t9;\n  if ($[8] !== Component || $[9] !== t8) {\n    t9 = [Component, t8];\n    $[8] = Component;\n    $[9] = t8;\n    $[10] = t9;\n  } else {\n    t9 = $[10];\n  }\n  useEffect(t7, t9);\n  let t10;\n  if ($[11] !== activeTab || $[12] !== demo.sourceCode) {\n    t10 = () => {\n      if (demo.sourceCode.every(item => item.fileName !== activeTab)) {\n        setActiveTab(demo.sourceCode[0]?.fileName);\n      }\n    };\n    $[11] = activeTab;\n    $[12] = demo.sourceCode;\n    $[13] = t10;\n  } else {\n    t10 = $[13];\n  }\n  let t11;\n  if ($[14] !== demo.sourceCode) {\n    t11 = [demo.sourceCode];\n    $[14] = demo.sourceCode;\n    $[15] = t11;\n  } else {\n    t11 = $[15];\n  }\n  useSafeLayoutEffect(t10, t11);\n  let t12;\n  if ($[16] !== activeTab || $[17] !== demo.fileName) {\n    t12 = () => {\n      if (demo?.fileName && !activeTab) {\n        setActiveTab(demo?.fileName);\n      }\n    };\n    $[16] = activeTab;\n    $[17] = demo.fileName;\n    $[18] = t12;\n  } else {\n    t12 = $[18];\n  }\n  const t13 = demo?.fileName;\n  let t14;\n  if ($[19] !== activeTab || $[20] !== t13) {\n    t14 = [activeTab, t13];\n    $[19] = activeTab;\n    $[20] = t13;\n    $[21] = t14;\n  } else {\n    t14 = $[21];\n  }\n  useSafeLayoutEffect(t12, t14);\n  const scheme = colorScheme || \"dark\";\n  let t15;\n  if ($[22] !== activeTab || $[23] !== demo.sourceCode || $[24] !== expanded) {\n    t15 = {\n      activeTab,\n      expanded,\n      sourceCode: demo.sourceCode\n    };\n    $[22] = activeTab;\n    $[23] = demo.sourceCode;\n    $[24] = expanded;\n    $[25] = t15;\n  } else {\n    t15 = $[25];\n  }\n  const {\n    fileNames,\n    getCopyableCode,\n    getHighlightedCode,\n    hasInlineStyles,\n    hasPreview,\n    highlighterRef\n  } = useDemoSourceCode(t15);\n  const mergedProps = mergeProps({\n    className: \"qui-docs-demo-container__root\",\n    \"data-has-preview\": booleanDataAttr(hasPreview),\n    \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n  }, props);\n  let t16;\n  if ($[26] !== demo.pageId || $[27] !== name || $[28] !== updateDemoState) {\n    t16 = newExpanded => {\n      queueMicrotask(() => {\n        updateDemoState(demo.pageId, name, {\n          expanded: newExpanded\n        });\n      });\n      setExpanded(newExpanded);\n    };\n    $[26] = demo.pageId;\n    $[27] = name;\n    $[28] = updateDemoState;\n    $[29] = t16;\n  } else {\n    t16 = $[29];\n  }\n  const handleExpandedChange = t16;\n  return jsxs(\"div\", {\n    ...mergedProps,\n    children: [children, !expandable ? jsx(Component, {}) : jsxs(Fragment, {\n      children: [jsx(\"div\", {\n        ...mergeProps({\n          className: \"qui-demo-runner__wrapper\"\n        }, wrapperProps),\n        \"data-theme\": scheme,\n        children: jsx(Component, {})\n      }), jsx(DemoCodePanel, {\n        activeTab,\n        copyButton: jsx(CopyToClipboardIconButton, {\n          density: \"default\",\n          size: \"sm\",\n          valueOrFn: getCopyableCode\n        }),\n        expanded,\n        fileNames,\n        getHighlightedCode,\n        hasInlineStyles,\n        hasPreview,\n        highlighterRef,\n        onExpandedChange: handleExpandedChange,\n        onTabChange: setActiveTab,\n        tabsValue: expanded || hasPreview ? activeTab : null\n      })]\n    })]\n  });\n}"],
+  "mappings": "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",
   "names": ["_c", "jsx", "jsxs", "useState", "booleanDataAttr", "mergeProps", "jsx", "jsx", "jsx", "jsx", "jsx", "_c", "jsx", "_c", "_c", "jsx", "_c", "_c", "useMdxDocsContext", "_temp", "_c", "useState", "mergeProps", "jsxs", "booleanDataAttr", "jsx", "jsx", "_c", "jsx", "jsxs", "useState", "ChevronsLeftRight", "Button", "ProgressRing", "Tab", "Tabs", "useMdxDocsContext", "booleanDataAttr", "mergeProps", "_c", "useState", "useMdxDocsContext", "_temp", "_temp2", "mergeProps", "booleanDataAttr", "jsx", "jsxs", "ProgressRing", "Tabs", "Tab", "Button", "ChevronsLeftRight", "jsx", "jsx", "_c", "Fragment", "jsx", "jsxs", "useState", "useSafeLayoutEffect", "useMdxDocsContext", "CopyToClipboardIconButton", "booleanDataAttr", "mergeProps", "_c", "useState", "useMdxDocsContext", "useSafeLayoutEffect", "mergeProps", "booleanDataAttr", "jsxs", "Fragment", "jsx", "CopyToClipboardIconButton", "jsx"]
 }

package/dist/code-demo/internal/demo-style-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"demo-style-toggle.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/demo-style-toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAiB,YAAY,EAAC,MAAM,OAAO,CAAA;AAU7E,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;CAAG;AAE7E,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA4CzE"}
+{"version":3,"file":"demo-style-toggle.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/demo-style-toggle.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,qBAAqB,EAAiB,YAAY,EAAC,MAAM,OAAO,CAAA;AAU7E,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;CAAG;AAE7E,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CA6CzE"}

package/dist/copy-to-clipboard/copy-to-clipboard-inline-icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-to-clipboard-inline-icon-button.d.ts","sourceRoot":"","sources":["../../src/copy-to-clipboard/copy-to-clipboard-inline-icon-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AAIvC,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,uCAAuC,CAAA;AAM9C,MAAM,WAAW,oCACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IAC3C,SAAS,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;CACnC;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oCAAoC,GAAG,YAAY,CAoBrD"}
+{"version":3,"file":"copy-to-clipboard-inline-icon-button.d.ts","sourceRoot":"","sources":["../../src/copy-to-clipboard/copy-to-clipboard-inline-icon-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AAIvC,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,uCAAuC,CAAA;AAM9C,MAAM,WAAW,oCACf,SAAQ,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC;IAC3C,SAAS,EAAE,MAAM,GAAG,CAAC,MAAM,MAAM,CAAC,CAAA;CACnC;AAED,wBAAgB,+BAA+B,CAAC,EAC9C,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oCAAoC,GAAG,YAAY,CAqBrD"}

package/dist/copy-to-clipboard/index.js

@@ -1,3 +1,3 @@
 "use client";
-import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{Check,Copy}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{useCopyToClipboard}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";function CopyToClipboardButton(t0){let $=_c(7),{code}=t0,t1;$[0]!==code?(t1={valueOrFn:code},$[0]=code,$[1]=t1):t1=$[1];let{copyToClipboard,isCopied}=useCopyToClipboard(t1),t2;if($[2]!==copyToClipboard||$[3]!==isCopied){let t3;$[5]!==copyToClipboard?(t3=event=>{copyToClipboard(),event.preventDefault(),event.stopPropagation()},$[5]=copyToClipboard,$[6]=t3):t3=$[6],t2=jsx(Button,{"data-copied":booleanDataAttr(isCopied),emphasis:"primary",endIcon:isCopied?Check:Copy,onClick:t3,size:"sm",type:"button",variant:"ghost",children:"Copy"}),$[2]=copyToClipboard,$[3]=isCopied,$[4]=t2}else t2=$[4];return t2}import{createGuardedContext}from"@qualcomm-ui/react-core/context";var context=createGuardedContext({hookName:"useCopyToClipboardContext",providerName:"<CopyToClipboardContextProvider>",strict:!0}),CopyToClipboardContextProvider=context[0],useCopyToClipboardContext=context[1];import{c as _c3}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{Check as Check2,Copy as Copy2}from"lucide-react";import{IconButton}from"@qualcomm-ui/react/button";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{c as _c2}from"react/compiler-runtime";import{useEffect,useState}from"react";function useCopyToClipboard2(props){let $=_c2(8),context2=useCopyToClipboardContext(!1),{valueOrFn}=props,[isCopied,setCopied]=useState(!1),t0,t1;$[0]!==isCopied?(t0=()=>{if(!isCopied)return _temp;let timerId=setTimeout(()=>{setCopied(!1)},2e3);return()=>{clearTimeout(timerId)}},t1=[isCopied],$[0]=isCopied,$[1]=t0,$[2]=t1):(t0=$[1],t1=$[2]),useEffect(t0,t1);let t2;$[3]!==valueOrFn?(t2=()=>{navigator?.clipboard||console.error("Access to clipboard rejected!");let value=typeof valueOrFn=="function"?valueOrFn():valueOrFn;if(!value){console.error("No value to copy!");return}navigator.clipboard.writeText(value).catch(_temp2).finally(()=>{setCopied(!0)})},$[3]=valueOrFn,$[4]=t2):t2=$[4];let copyToClipboard=t2,t3=context2?.copyToClipboard||copyToClipboard,t4=context2?.isCopied??isCopied,t5;return $[5]!==t3||$[6]!==t4?(t5={copyToClipboard:t3,isCopied:t4},$[5]=t3,$[6]=t4,$[7]=t5):t5=$[7],t5}function _temp2(){return console.error("Failed to copy!")}function _temp(){}function CopyToClipboardIconButton(t0){let $=_c3(2),{valueOrFn,...props}=t0,t1;$[0]!==valueOrFn?(t1={valueOrFn},$[0]=valueOrFn,$[1]=t1):t1=$[1];let{copyToClipboard,isCopied}=useCopyToClipboard2(t1),mergedProps=mergeProps({"data-copied":booleanDataAttr2(isCopied),onClick:copyToClipboard},props);return jsx2(IconButton,{"aria-label":"Copy code to clipboard",className:"qui-code-copy-button",density:"compact",emphasis:"primary",icon:isCopied?Check2:Copy2,size:"md",tabIndex:0,title:"Copy code to clipboard",variant:"ghost",...mergedProps})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{Check as Check3,Copy as Copy3}from"lucide-react";import{InlineIconButton}from"@qualcomm-ui/react/inline-icon-button";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function CopyToClipboardInlineIconButton(t0){let $=_c4(2),{valueOrFn,...props}=t0,t1;$[0]!==valueOrFn?(t1={valueOrFn},$[0]=valueOrFn,$[1]=t1):t1=$[1];let{copyToClipboard,isCopied}=useCopyToClipboard2(t1),mergedProps=mergeProps2({"data-copied":booleanDataAttr3(isCopied),onClick:copyToClipboard},props);return jsx3(InlineIconButton,{icon:isCopied?Check3:Copy3,size:"md",tabIndex:0,title:"Copy code",variant:"fixed",...mergedProps})}export{CopyToClipboardButton,CopyToClipboardContextProvider,CopyToClipboardIconButton,CopyToClipboardInlineIconButton,useCopyToClipboard2 as useCopyToClipboard,useCopyToClipboardContext};
+import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{Check,Copy}from"lucide-react";import{Button}from"@qualcomm-ui/react/button";import{useCopyToClipboard}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";function CopyToClipboardButton(t0){let $=_c(7),{code}=t0,t1;$[0]!==code?(t1={valueOrFn:code},$[0]=code,$[1]=t1):t1=$[1];let{copyToClipboard,isCopied}=useCopyToClipboard(t1),t2;if($[2]!==copyToClipboard||$[3]!==isCopied){let t3;$[5]!==copyToClipboard?(t3=event=>{copyToClipboard(),event.preventDefault(),event.stopPropagation()},$[5]=copyToClipboard,$[6]=t3):t3=$[6],t2=jsx(Button,{"data-copied":booleanDataAttr(isCopied),emphasis:"primary",endIcon:isCopied?Check:Copy,onClick:t3,size:"sm",type:"button",variant:"ghost",children:"Copy"}),$[2]=copyToClipboard,$[3]=isCopied,$[4]=t2}else t2=$[4];return t2}import{createGuardedContext}from"@qualcomm-ui/react-core/context";var context=createGuardedContext({hookName:"useCopyToClipboardContext",providerName:"<CopyToClipboardContextProvider>",strict:!0}),CopyToClipboardContextProvider=context[0],useCopyToClipboardContext=context[1];import{c as _c3}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{Check as Check2,Copy as Copy2}from"lucide-react";import{IconButton}from"@qualcomm-ui/react/button";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{c as _c2}from"react/compiler-runtime";import{useEffect,useState}from"react";function useCopyToClipboard2(props){let $=_c2(8),context2=useCopyToClipboardContext(!1),{valueOrFn}=props,[isCopied,setCopied]=useState(!1),t0,t1;$[0]!==isCopied?(t0=()=>{if(!isCopied)return _temp;let timerId=setTimeout(()=>{setCopied(!1)},2e3);return()=>{clearTimeout(timerId)}},t1=[isCopied],$[0]=isCopied,$[1]=t0,$[2]=t1):(t0=$[1],t1=$[2]),useEffect(t0,t1);let t2;$[3]!==valueOrFn?(t2=()=>{navigator?.clipboard||console.error("Access to clipboard rejected!");let value=typeof valueOrFn=="function"?valueOrFn():valueOrFn;if(!value){console.error("No value to copy!");return}navigator.clipboard.writeText(value).catch(_temp2).finally(()=>{setCopied(!0)})},$[3]=valueOrFn,$[4]=t2):t2=$[4];let copyToClipboard=t2,t3=context2?.copyToClipboard||copyToClipboard,t4=context2?.isCopied??isCopied,t5;return $[5]!==t3||$[6]!==t4?(t5={copyToClipboard:t3,isCopied:t4},$[5]=t3,$[6]=t4,$[7]=t5):t5=$[7],t5}function _temp2(){return console.error("Failed to copy!")}function _temp(){}function CopyToClipboardIconButton(t0){let $=_c3(2),{valueOrFn,...props}=t0,t1;$[0]!==valueOrFn?(t1={valueOrFn},$[0]=valueOrFn,$[1]=t1):t1=$[1];let{copyToClipboard,isCopied}=useCopyToClipboard2(t1),mergedProps=mergeProps({"data-copied":booleanDataAttr2(isCopied),onClick:copyToClipboard},props);return jsx2(IconButton,{"aria-label":"Copy code to clipboard",className:"qui-code-copy-button",density:"compact",emphasis:"primary",icon:isCopied?Check2:Copy2,size:"md",tabIndex:0,title:"Copy code to clipboard",variant:"ghost",...mergedProps})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{Check as Check3,Copy as Copy3}from"lucide-react";import{InlineIconButton}from"@qualcomm-ui/react/inline-icon-button";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function CopyToClipboardInlineIconButton(t0){let $=_c4(2),{valueOrFn,...props}=t0,t1;$[0]!==valueOrFn?(t1={valueOrFn},$[0]=valueOrFn,$[1]=t1):t1=$[1];let{copyToClipboard,isCopied}=useCopyToClipboard2(t1),mergedProps=mergeProps2({"data-copied":booleanDataAttr3(isCopied),onClick:copyToClipboard},props);return jsx3(InlineIconButton,{"aria-label":"Copy code",icon:isCopied?Check3:Copy3,size:"md",tabIndex:0,title:"Copy code",variant:"fixed",...mergedProps})}export{CopyToClipboardButton,CopyToClipboardContextProvider,CopyToClipboardIconButton,CopyToClipboardInlineIconButton,useCopyToClipboard2 as useCopyToClipboard,useCopyToClipboardContext};
 //# sourceMappingURL=index.js.map

package/dist/copy-to-clipboard/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/copy-to-clipboard/copy-to-clipboard-button.tsx", "../../src/copy-to-clipboard/copy-to-clipboard-context.ts", "../../src/copy-to-clipboard/copy-to-clipboard-icon-button.tsx", "../../src/copy-to-clipboard/use-copy-to-clipboard.ts", "../../src/copy-to-clipboard/copy-to-clipboard-inline-icon-button.tsx"],
-  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Check, Copy } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { useCopyToClipboard } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nexport function CopyToClipboardButton(t0) {\n  const $ = _c(7);\n  const {\n    code\n  } = t0;\n  let t1;\n  if ($[0] !== code) {\n    t1 = {\n      valueOrFn: code\n    };\n    $[0] = code;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const {\n    copyToClipboard,\n    isCopied\n  } = useCopyToClipboard(t1);\n  let t2;\n  if ($[2] !== copyToClipboard || $[3] !== isCopied) {\n    let t3;\n    if ($[5] !== copyToClipboard) {\n      t3 = event => {\n        copyToClipboard();\n        event.preventDefault();\n        event.stopPropagation();\n      };\n      $[5] = copyToClipboard;\n      $[6] = t3;\n    } else {\n      t3 = $[6];\n    }\n    t2 = jsx(Button, {\n      \"data-copied\": booleanDataAttr(isCopied),\n      emphasis: \"primary\",\n      endIcon: isCopied ? Check : Copy,\n      onClick: t3,\n      size: \"sm\",\n      type: \"button\",\n      variant: \"ghost\",\n      children: \"Copy\"\n    });\n    $[2] = copyToClipboard;\n    $[3] = isCopied;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nconst context = createGuardedContext({\n  hookName: \"useCopyToClipboardContext\",\n  providerName: \"<CopyToClipboardContextProvider>\",\n  strict: true\n});\nexport const CopyToClipboardContextProvider = context[0];\nexport const useCopyToClipboardContext = context[1];", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Check, Copy } from \"lucide-react\";\nimport { IconButton } from \"@qualcomm-ui/react/button\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useCopyToClipboard } from \"./use-copy-to-clipboard\";\nexport function CopyToClipboardIconButton(t0) {\n  const $ = _c(2);\n  const {\n    valueOrFn,\n    ...props\n  } = t0;\n  let t1;\n  if ($[0] !== valueOrFn) {\n    t1 = {\n      valueOrFn\n    };\n    $[0] = valueOrFn;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const {\n    copyToClipboard,\n    isCopied\n  } = useCopyToClipboard(t1);\n  const mergedProps = mergeProps({\n    \"data-copied\": booleanDataAttr(isCopied),\n    onClick: copyToClipboard\n  }, props);\n  return jsx(IconButton, {\n    \"aria-label\": \"Copy code to clipboard\",\n    className: \"qui-code-copy-button\",\n    density: \"compact\",\n    emphasis: \"primary\",\n    icon: isCopied ? Check : Copy,\n    size: \"md\",\n    tabIndex: 0,\n    title: \"Copy code to clipboard\",\n    variant: \"ghost\",\n    ...mergedProps\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useCopyToClipboardContext } from \"./copy-to-clipboard-context\";\nexport function useCopyToClipboard(props) {\n  const $ = _c(8);\n  const context = useCopyToClipboardContext(false);\n  const {\n    valueOrFn\n  } = props;\n  const [isCopied, setCopied] = useState(false);\n  let t0;\n  let t1;\n  if ($[0] !== isCopied) {\n    t0 = () => {\n      if (!isCopied) {\n        return _temp;\n      }\n      const timerId = setTimeout(() => {\n        setCopied(false);\n      }, 2000);\n      return () => {\n        clearTimeout(timerId);\n      };\n    };\n    t1 = [isCopied];\n    $[0] = isCopied;\n    $[1] = t0;\n    $[2] = t1;\n  } else {\n    t0 = $[1];\n    t1 = $[2];\n  }\n  useEffect(t0, t1);\n  let t2;\n  if ($[3] !== valueOrFn) {\n    t2 = () => {\n      if (!navigator?.clipboard) {\n        console.error(\"Access to clipboard rejected!\");\n      }\n      const value = typeof valueOrFn === \"function\" ? valueOrFn() : valueOrFn;\n      if (!value) {\n        console.error(\"No value to copy!\");\n        return;\n      }\n      navigator.clipboard.writeText(value).catch(_temp2).finally(() => {\n        setCopied(true);\n      });\n    };\n    $[3] = valueOrFn;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const copyToClipboard = t2;\n  const t3 = context?.copyToClipboard || copyToClipboard;\n  const t4 = context?.isCopied ?? isCopied;\n  let t5;\n  if ($[5] !== t3 || $[6] !== t4) {\n    t5 = {\n      copyToClipboard: t3,\n      isCopied: t4\n    };\n    $[5] = t3;\n    $[6] = t4;\n    $[7] = t5;\n  } else {\n    t5 = $[7];\n  }\n  return t5;\n}\nfunction _temp2() {\n  return console.error(\"Failed to copy!\");\n}\nfunction _temp() {}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Check, Copy } from \"lucide-react\";\nimport { InlineIconButton } from \"@qualcomm-ui/react/inline-icon-button\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useCopyToClipboard } from \"./use-copy-to-clipboard\";\nexport function CopyToClipboardInlineIconButton(t0) {\n  const $ = _c(2);\n  const {\n    valueOrFn,\n    ...props\n  } = t0;\n  let t1;\n  if ($[0] !== valueOrFn) {\n    t1 = {\n      valueOrFn\n    };\n    $[0] = valueOrFn;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const {\n    copyToClipboard,\n    isCopied\n  } = useCopyToClipboard(t1);\n  const mergedProps = mergeProps({\n    \"data-copied\": booleanDataAttr(isCopied),\n    onClick: copyToClipboard\n  }, props);\n  return jsx(InlineIconButton, {\n    icon: isCopied ? Check : Copy,\n    size: \"md\",\n    tabIndex: 0,\n    title: \"Copy code\",\n    variant: \"fixed\",\n    ...mergedProps\n  });\n}"],
-  "mappings": "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",
+  "sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Check, Copy } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { useCopyToClipboard } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nexport function CopyToClipboardButton(t0) {\n  const $ = _c(7);\n  const {\n    code\n  } = t0;\n  let t1;\n  if ($[0] !== code) {\n    t1 = {\n      valueOrFn: code\n    };\n    $[0] = code;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const {\n    copyToClipboard,\n    isCopied\n  } = useCopyToClipboard(t1);\n  let t2;\n  if ($[2] !== copyToClipboard || $[3] !== isCopied) {\n    let t3;\n    if ($[5] !== copyToClipboard) {\n      t3 = event => {\n        copyToClipboard();\n        event.preventDefault();\n        event.stopPropagation();\n      };\n      $[5] = copyToClipboard;\n      $[6] = t3;\n    } else {\n      t3 = $[6];\n    }\n    t2 = jsx(Button, {\n      \"data-copied\": booleanDataAttr(isCopied),\n      emphasis: \"primary\",\n      endIcon: isCopied ? Check : Copy,\n      onClick: t3,\n      size: \"sm\",\n      type: \"button\",\n      variant: \"ghost\",\n      children: \"Copy\"\n    });\n    $[2] = copyToClipboard;\n    $[3] = isCopied;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  return t2;\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nconst context = createGuardedContext({\n  hookName: \"useCopyToClipboardContext\",\n  providerName: \"<CopyToClipboardContextProvider>\",\n  strict: true\n});\nexport const CopyToClipboardContextProvider = context[0];\nexport const useCopyToClipboardContext = context[1];", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Check, Copy } from \"lucide-react\";\nimport { IconButton } from \"@qualcomm-ui/react/button\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useCopyToClipboard } from \"./use-copy-to-clipboard\";\nexport function CopyToClipboardIconButton(t0) {\n  const $ = _c(2);\n  const {\n    valueOrFn,\n    ...props\n  } = t0;\n  let t1;\n  if ($[0] !== valueOrFn) {\n    t1 = {\n      valueOrFn\n    };\n    $[0] = valueOrFn;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const {\n    copyToClipboard,\n    isCopied\n  } = useCopyToClipboard(t1);\n  const mergedProps = mergeProps({\n    \"data-copied\": booleanDataAttr(isCopied),\n    onClick: copyToClipboard\n  }, props);\n  return jsx(IconButton, {\n    \"aria-label\": \"Copy code to clipboard\",\n    className: \"qui-code-copy-button\",\n    density: \"compact\",\n    emphasis: \"primary\",\n    icon: isCopied ? Check : Copy,\n    size: \"md\",\n    tabIndex: 0,\n    title: \"Copy code to clipboard\",\n    variant: \"ghost\",\n    ...mergedProps\n  });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { useCopyToClipboardContext } from \"./copy-to-clipboard-context\";\nexport function useCopyToClipboard(props) {\n  const $ = _c(8);\n  const context = useCopyToClipboardContext(false);\n  const {\n    valueOrFn\n  } = props;\n  const [isCopied, setCopied] = useState(false);\n  let t0;\n  let t1;\n  if ($[0] !== isCopied) {\n    t0 = () => {\n      if (!isCopied) {\n        return _temp;\n      }\n      const timerId = setTimeout(() => {\n        setCopied(false);\n      }, 2000);\n      return () => {\n        clearTimeout(timerId);\n      };\n    };\n    t1 = [isCopied];\n    $[0] = isCopied;\n    $[1] = t0;\n    $[2] = t1;\n  } else {\n    t0 = $[1];\n    t1 = $[2];\n  }\n  useEffect(t0, t1);\n  let t2;\n  if ($[3] !== valueOrFn) {\n    t2 = () => {\n      if (!navigator?.clipboard) {\n        console.error(\"Access to clipboard rejected!\");\n      }\n      const value = typeof valueOrFn === \"function\" ? valueOrFn() : valueOrFn;\n      if (!value) {\n        console.error(\"No value to copy!\");\n        return;\n      }\n      navigator.clipboard.writeText(value).catch(_temp2).finally(() => {\n        setCopied(true);\n      });\n    };\n    $[3] = valueOrFn;\n    $[4] = t2;\n  } else {\n    t2 = $[4];\n  }\n  const copyToClipboard = t2;\n  const t3 = context?.copyToClipboard || copyToClipboard;\n  const t4 = context?.isCopied ?? isCopied;\n  let t5;\n  if ($[5] !== t3 || $[6] !== t4) {\n    t5 = {\n      copyToClipboard: t3,\n      isCopied: t4\n    };\n    $[5] = t3;\n    $[6] = t4;\n    $[7] = t5;\n  } else {\n    t5 = $[7];\n  }\n  return t5;\n}\nfunction _temp2() {\n  return console.error(\"Failed to copy!\");\n}\nfunction _temp() {}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Check, Copy } from \"lucide-react\";\nimport { InlineIconButton } from \"@qualcomm-ui/react/inline-icon-button\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useCopyToClipboard } from \"./use-copy-to-clipboard\";\nexport function CopyToClipboardInlineIconButton(t0) {\n  const $ = _c(2);\n  const {\n    valueOrFn,\n    ...props\n  } = t0;\n  let t1;\n  if ($[0] !== valueOrFn) {\n    t1 = {\n      valueOrFn\n    };\n    $[0] = valueOrFn;\n    $[1] = t1;\n  } else {\n    t1 = $[1];\n  }\n  const {\n    copyToClipboard,\n    isCopied\n  } = useCopyToClipboard(t1);\n  const mergedProps = mergeProps({\n    \"data-copied\": booleanDataAttr(isCopied),\n    onClick: copyToClipboard\n  }, props);\n  return jsx(InlineIconButton, {\n    \"aria-label\": \"Copy code\",\n    icon: isCopied ? Check : Copy,\n    size: \"md\",\n    tabIndex: 0,\n    title: \"Copy code\",\n    variant: \"fixed\",\n    ...mergedProps\n  });\n}"],
+  "mappings": "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",
   "names": ["_c", "jsx", "Check", "Copy", "booleanDataAttr", "_c", "useCopyToClipboard", "_c", "context", "_c", "useCopyToClipboard", "booleanDataAttr", "jsx", "Check", "Copy", "_c", "jsx", "Check", "Copy", "booleanDataAttr", "mergeProps", "_c", "useCopyToClipboard", "mergeProps", "booleanDataAttr", "jsx", "Check", "Copy"]
 }