npm - @qualcomm-ui/react-mdx - Versions diffs - 1.6.3 → 1.7.0 - Mend

@qualcomm-ui/react-mdx 1.6.3 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/all.min.css +1 -1
package/dist/docs-layout/docs-layout.d.ts.map +1 -1
package/dist/docs-layout/index.js +1 -1
package/dist/docs-layout/index.js.map +4 -4
package/dist/docs-layout/layout/updated-on.d.ts +5 -0
package/dist/docs-layout/layout/updated-on.d.ts.map +1 -0
package/dist/tsbuildinfo +1 -1
package/package.json +1 -1

package/dist/all.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- .prop-type__union{display:flex;flex-direction:column;gap:6px}.prop-type__stacked-option:not(:last-child){margin-bottom:4px}.typedoc-props__table-wrapper{border:solid 1px var(--color-border-neutral-01);border-radius:var(--border-radius-md);color:var(--color-text-neutral-primary);margin-top:16px;overflow-x:auto;position:relative}.typedoc-props__table-wrapper table{border-collapse:collapse;border-color:inherit}.typedoc-props__table-wrapper * pre>code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}.typedoc-props__table-wrapper a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.typedoc-props__table-wrapper a:hover{color:var(--color-interactive-text-link-default-hover)}.typedoc-props__table-wrapper table{width:100%}.typedoc-props__table-wrapper table tbody.no-thead{border-radius:var(--border-radius-md);border-top:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table pre{border-radius:var(--border-radius-sm)}.typedoc-props__table-wrapper table .font-mono{font-size:14px}.typedoc-props__table-wrapper table tr{border-bottom:solid 1px var(--color-border-neutral-01)}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row){border-bottom:0}.typedoc-props__table-wrapper table tr:has(+.doc-props-table__details-row) td:first-child{padding-bottom:0}.typedoc-props__table-wrapper table tr.doc-props-table__details-row td:first-child{padding-left:20px;padding-right:20px}.typedoc-props__table-wrapper table tr.doc-props-table__details-row pre.shiki-code{background:transparent;border:solid 1px var(--color-border-neutral-01);width:-moz-fit-content;width:fit-content}.typedoc-props__table-wrapper table tbody tr:last-child{border-bottom:none}.typedoc-props__table-wrapper table thead th{background:var(--color-background-neutral-01)}.typedoc-props__table-wrapper table th{font:var(--font-static-heading-xxs-bold);padding:12px 20px 12px 12px;text-align:start}.typedoc-props__table-wrapper table td{min-height:42px;padding:var(--spacing-70) var(--spacing-90)}.typedoc-props__table-wrapper table td ul{list-style-type:circle}pre.qui-docs-code{margin:0}.typedoc-props__table-wrapper pre.qui-docs-code,.typedoc-props__table-wrapper pre.shiki-code{background:var(--qui-docs-code-background);padding:4px 6px}.doc-props__root{display:flex;flex-direction:column;width:100%}.doc-props-list__root{display:flex;flex-direction:column;gap:36px;margin:24px 0 24px}.doc-props-list__root a{color:var(--color-interactive-text-link-default-idle);transition:color var(--animation-duration-fast) ease}.doc-props-list__root a:hover{color:var(--color-interactive-text-link-default-hover)}.doc-props-list__root ul{list-style-type:circle}.doc-props-list__root.bottom-border{border-bottom:solid 1px var(--color-border-neutral-01);padding-bottom:20px}.doc-props-list-item__root{display:flex;flex-direction:column;gap:8px;padding-top:12px}.doc-props-list-item__root .doc-props__content{max-width:calc(100vw - var(--content-padding-right) - var(--content-padding-left) - 16px);overflow-x:auto}.doc-props-item__name{align-items:center;display:flex;gap:8px}.doc-props-list-item__name-wrapper{border-bottom:solid 1px var(--color-border-neutral-01);display:flex;padding-bottom:6px}.doc-props-item__label{border-radius:var(--border-radius-sm);display:inline-flex;font:var(--font-static-code-sm-bold);justify-content:flex-start;padding:2px 6px}.doc-props-item__label .qui-link__root{font:var(--font-static-code-sm-bold)}.doc-props-columns{display:flex;flex-direction:column;gap:8px}.doc-props__content{align-items:flex-start;display:flex;gap:16px;justify-content:flex-start;padding:4px 0 4px 16px}.doc-props__title{color:var(--color-text-neutral-primary);font:var(--font-static-body-md-default);line-height:1.5;min-width:110px}.doc-props-table__name-cell{border:0 solid;box-sizing:border-box;line-height:1.5;position:relative}.doc-props-table__row-anchor{position:absolute;top:calc(0px - var(--qui-header-height))}.doc-props-item__description{display:flex;flex-direction:column;flex-wrap:wrap;gap:8px}.doc-props-description__root{color:var(--color-text-neutral-primary);font:var(--font-static-body-sm-default);min-width:250px}.doc-props-description__root a{cursor:pointer;text-decoration:inherit}.doc-props-description__root code{background:var(--qui-docs-code-background);border-radius:var(--border-radius-sm);color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:13px!important;padding:1px 4px}.doc-props-description__root ul{list-style-type:disc}.doc-props-description__root.doc-props-table__description{display:inline-flex;flex-direction:column;gap: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}
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;padding:16px;text-decoration:inherit;width:100%}.qui-page-link__root[data-next]{align-items:flex-end}.qui-page-link__root:hover .qui-link__root{border-bottom-color:var(--color-interactive-text-link-default-hover);color:var(--color-interactive-text-link-default-hover)}.qui-page-link__adjacent-route-title{padding-left:20px}.qui-page-link__adjacent-route-title[data-next]{align-self:flex-end;padding-left:0;padding-right:20px}.qui-page-links__container{display:flex;gap:24px;justify-content:space-between;margin-top:64px}.qui-docs__updated-on-wrapper+.qui-page-links__container{margin-top:0}.qui-docs__updated-on-wrapper{margin-bottom:32px;margin-top:64px}.qui-page-links__link-wrapper{display:flex;flex:1}:root{--qui-mdx-margin-default:16px}h1.mdx:before,h2.mdx:before,h3.mdx:before,h4.mdx:before{content:"";display:block;height:calc(var(--qui-header-height) + var(--qui-mdx-margin-default));margin-top:calc(0px - var(--qui-header-height) - var(--qui-mdx-margin-default));max-width:1px;position:relative;visibility:hidden;width:1px;z-index:-1}a[data-footnote-ref=true].q-link--root{display:inline-block;margin-top:-64px;padding-top:64px}h1.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-lg-default);margin:0}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-docs__updated-on-wrapper{align-items:center;display:flex;font:var(--font-static-body-sm-default);gap:4px;justify-content:flex-end;padding-top:var(--qui-mdx-margin-default)}.qui-docs__updated-by,.qui-docs__updated-on-time{font:var(--font-static-body-sm-bold)}.qui-deprecated-module__root{display:flex;flex:1 0 auto;width:100%}.qui-deprecated-module__notification{width:100%}.qui-deprecated-message{display:flex;flex:1 0 auto;flex-direction:column}[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/docs-layout/docs-layout.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"docs-layout.d.ts","sourceRoot":"","sources":["../../src/docs-layout/docs-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;~~AAGrE~~,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;CACxC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,cAAc,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,SAAS,~~CA4B7B~~"}
1	+ {"version":3,"file":"docs-layout.d.ts","sourceRoot":"","sources":["../../src/docs-layout/docs-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAA;AAEpC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAIrE,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAA;AAE/C,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IACzD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;CACxC;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,cAAc,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,SAAS,CA8B7B"}

package/dist/docs-layout/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
 "use client";
-import{Fragment as Fragment4,jsx as jsx16,jsxs as jsxs8}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{clsx}from"@qualcomm-ui/utils/clsx";function DocsFooter({children,className,ref,...props}){return jsx(PolymorphicElement,{ref,as:"div",className:clsx("qui-docs__footer",className),...props,children})}import{jsx as jsx2}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{clsx as clsx2}from"@qualcomm-ui/utils/clsx";import{createContext,useContext}from"react";var MdxDocsLayoutContext=createContext(null),MdxDocsLayoutContextProvider=MdxDocsLayoutContext.Provider;function useMdxDocsLayoutContext(){let context=useContext(MdxDocsLayoutContext);if(!context)throw new Error("useMdxDocsLayoutContext can only be used as children of a <Layout.Root> instance.");return context}function AppContent(t0){let{children,className,...props}=t0,{hideSideNav,showToc}=useMdxDocsLayoutContext();return jsx2(PolymorphicElement2,{as:"div",className:clsx2("qui-docs__app-content",className),"data-hide-side-nav":booleanDataAttr(hideSideNav),"data-hide-toc":booleanDataAttr(!showToc),...props,children})}import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{Breadcrumbs}from"@qualcomm-ui/react/breadcrumbs";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{clsx as clsx3}from"@qualcomm-ui/utils/clsx";function DocsBreadcrumbs(t0){let $=_c(7),{className,rootBreadcrumb,...props}=t0,{renderLink:Link4}=useMdxDocsContext(),{pageMap,pathname}=useMdxDocsLayoutContext(),t1;bb0:{let pageMapEntry=pageMap[pathname];if(!pageMapEntry||pageMapEntry.hideBreadcrumbs){let t22;$[0]===Symbol.for("react.memo_cache_sentinel")?(t22=[],$[0]=t22):t22=$[0],t1=t22;break bb0}let t2;if($[1]!==Link4||$[2]!==pageMap||$[3]!==pageMapEntry.categories||$[4]!==pageMapEntry.pathSegments||$[5]!==rootBreadcrumb){let mergedPath="",crumbs=pageMapEntry.pathSegments.reduce((acc,segment,currentIndex)=>{mergedPath=`${mergedPath}/${segment}`;let route=pageMap[mergedPath],pageTitle=pageMapEntry.categories[currentIndex]??route.title;return acc.push({children:pageTitle,id:route?.pathname??route?.id??pageTitle,render:route?.pathname?jsx3(Link4,{href:route.pathname}):jsx3("button",{style:{pointerEvents:"none"}})}),acc},[]);t2=rootBreadcrumb?[{...rootBreadcrumb,id:"/"},...crumbs]:crumbs,$[1]=Link4,$[2]=pageMap,$[3]=pageMapEntry.categories,$[4]=pageMapEntry.pathSegments,$[5]=rootBreadcrumb,$[6]=t2}else t2=$[6];t1=t2}let items=t1;return items.length?jsx3(PolymorphicElement3,{className:clsx3("qui-docs__breadcrumbs",className),...props,children:jsx3(Breadcrumbs.Root,{emphasis:"neutral",children:jsx3(Breadcrumbs.List,{children:items.map(_temp)})})}):null}function _temp(item){return jsx3(Breadcrumbs.Item,{...item},item.id)}import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{clsx as clsx4}from"@qualcomm-ui/utils/clsx";function ContentWrapper({children,className,...props}){return jsx4(PolymorphicElement4,{as:"div",className:clsx4("qui-docs__content-wrapper",className),...props,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{useRef}from"react";import{useSafeLayoutEffect}from"@qualcomm-ui/react-core/effects";import{useMergedRef}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement5}from"@qualcomm-ui/react-core/system";import{PropsContextProvider}from"@qualcomm-ui/react-mdx/typedoc";import{clsx as clsx5}from"@qualcomm-ui/utils/clsx";function MainContent(t0){let $=_c2(5),{children,className,id:t1,ref:refProp,...props}=t0,id=t1===void 0?"main-content":t1,ref=useRef(null),{mainContentElement,pageProps,setMainContentElement}=useMdxDocsLayoutContext(),t2;$[0]!==mainContentElement||$[1]!==setMainContentElement?(t2=()=>{mainContentElement!==ref.current&&setMainContentElement(ref.current)},$[0]=mainContentElement,$[1]=setMainContentElement,$[2]=t2):t2=$[2];let t3;$[3]!==mainContentElement?(t3=[mainContentElement],$[3]=mainContentElement,$[4]=t3):t3=$[4],useSafeLayoutEffect(t2,t3);let refs=useMergedRef(refProp,ref);return jsx5(PolymorphicElement5,{ref:refs,as:"article",className:clsx5("qui-docs__main-content",className),id,...props,children:jsx5(PropsContextProvider,{value:pageProps,children})})}import{c as _c3}from"react/compiler-runtime";import{Fragment,jsx as jsx6,jsxs}from"react/jsx-runtime";import"react";import{ChevronLeft,ChevronRight}from"lucide-react";import{Link}from"@qualcomm-ui/react/link";import{bindingRenderProp,PolymorphicElement as PolymorphicElement6}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{capitalCase}from"@qualcomm-ui/utils/change-case";import{clsx as clsx6}from"@qualcomm-ui/utils/clsx";import{TreeCollection}from"@qualcomm-ui/utils/collection";function PageLink({currentPage,pageLink,prev,renderLink:RenderLink}){let pathSegments=currentPage?currentPage.pathSegments:[],nextPathSegments=pageLink.pathSegments,pathSegment=nextPathSegments[0]!==pathSegments[0]?capitalCase(nextPathSegments[0]??""):"";return bindingRenderProp(jsx6(RenderLink,{href:pageLink.pathname}),{children:jsx6(Fragment,{children:jsxs("span",{className:"qui-page-link__container",children:[prev?jsx6(Link,{render:jsx6("div",{}),startIcon:ChevronLeft,children:pageLink.title}):jsx6(Link,{endIcon:ChevronRight,render:jsx6("div",{}),children:pageLink.title}),pathSegment&&pathSegment!==pageLink.title?jsx6("div",{className:"qui-page-link__adjacent-route-title","data-next":booleanDataAttr2(!prev),children:pathSegment}):null]})}),className:"qui-page-link__root","data-next":booleanDataAttr2(!prev)})}function PageLinks(t0){let $=_c3(5),{className,...props}=t0,{renderLink}=useMdxDocsContext2(),{navItems,pathname}=useMdxDocsLayoutContext(),t1;$[0]!==navItems?(t1=new TreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}).flatten().filter(_temp2),$[0]=navItems,$[1]=t1):t1=$[1];let flattenedItems=t1,t2;$[2]!==flattenedItems||$[3]!==pathname?(t2=getPageLinks(flattenedItems,pathname),$[2]=flattenedItems,$[3]=pathname,$[4]=t2):t2=$[4];let[prevPage,nextPage,currentPage]=t2;return jsxs(PolymorphicElement6,{as:"div",className:clsx6("qui-page-links__container",className),...props,children:[jsx6("div",{className:"qui-page-links__link-wrapper",children:prevPage?jsx6(PageLink,{currentPage,pageLink:prevPage,prev:!0,renderLink}):null}),jsx6("div",{className:"qui-page-links__link-wrapper",children:nextPage?jsx6(PageLink,{currentPage,pageLink:nextPage,renderLink}):null})]})}function _temp2(item){return item.pathname}function getPageLinks(items,route){let index=items.findIndex(item=>item.id===route);if(index===-1)return[!1,!1,!1];let prevPage=items[index-1],nextPage=items[index+1];return[prevPage??!1,nextPage??!1,items[index]]}import{c as _c6}from"react/compiler-runtime";import{jsx as jsx12}from"react/jsx-runtime";import{useState as useState2}from"react";import{bindingRenderProp as bindingRenderProp2,PolymorphicElement as PolymorphicElement9}from"@qualcomm-ui/react-core/system";import{MdxDocsProvider,useSiteContext}from"@qualcomm-ui/react-mdx/context";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{c as _c5}from"react/compiler-runtime";import{jsx as jsx11}from"react/jsx-runtime";import"react";import{MDXProvider}from"@mdx-js/react";import{Link as Link3}from"@qualcomm-ui/react/link";import{Table}from"@qualcomm-ui/react/table";import{useMdxDocsContext as useMdxDocsContext3}from"@qualcomm-ui/react-mdx/context";import{SpoilerContent,SpoilerRoot,SpoilerSummary}from"@qualcomm-ui/react-mdx/spoiler";import{jsx as jsx7,jsxs as jsxs2}from"react/jsx-runtime";import{useState}from"react";import{Link2}from"lucide-react";import{Icon}from"@qualcomm-ui/react/icon";import{PolymorphicElement as PolymorphicElement7}from"@qualcomm-ui/react-core/system";function AnchorHeader({children,className,id,ref,renderLink:RenderLink,...props}){let[hovered,setHovered]=useState(!1);return jsx7(PolymorphicElement7,{ref,as:"span",className,id,onMouseEnter:()=>setHovered(!0),onMouseLeave:()=>setHovered(!1),...props,children:jsxs2(RenderLink,{className:"qui-docs-heading",href:`#${id}`,children:[jsx7("span",{className:"qui-docs-heading-text",children}),hovered?jsx7(Icon,{icon:Link2,size:"md"}):null]})})}import{jsx as jsx8,jsxs as jsxs3}from"react/jsx-runtime";import{Children,isValidElement}from"react";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{mergeProps}from"@qualcomm-ui/utils/merge-props";function CodeTabs({children,...props}){let tabs=Children.toArray(children).filter(child=>isValidElement(child)),mergedProps=mergeProps({className:"mdx qui-code-tabs"},props),firstTab=tabs[0]?.props?.label;return jsxs3(Tabs.Root,{defaultValue:firstTab,...mergedProps,children:[jsxs3(Tabs.List,{className:"mdx",children:[jsx8(Tabs.Indicator,{}),tabs.map(tab=>{let label=tab.props?.label;return jsx8(Tab.Root,{value:label,children:jsx8(Tab.Button,{children:tab.props?.label})},label)})]}),tabs.map(tab=>{let label=tab.props?.label;return jsx8(Tabs.Panel,{className:"mdx",value:label,children:tab.props?.children},label)})]})}import{jsx as jsx9,jsxs as jsxs4}from"react/jsx-runtime";import{useRef as useRef2}from"react";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{clsx as clsx7}from"@qualcomm-ui/utils/clsx";function ShikiPre({children,className,"data-code":code,...props}){let preRef=useRef2(null);return jsxs4("div",{className:"shiki-wrapper mdx",children:[jsx9("pre",{ref:preRef,className:clsx7("mdx",className),...props,tabIndex:-1,children}),jsx9(CopyToClipboardIconButton,{valueOrFn:()=>code||preRef.current.innerText})]})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx10}from"react/jsx-runtime";import{useEffect,useRef as useRef3}from"react";import{useMergedRef as useMergedRef2}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement8}from"@qualcomm-ui/react-core/system";function TocLink(t0){let $=_c4(5),{active,ref:refProp,...props}=t0,localRef=useRef3(null),ref=useMergedRef2(refProp,localRef),t1;$[0]!==active?(t1=()=>{active&&localRef.current&&localRef.current?.scrollIntoView?.({block:"nearest"})},$[0]=active,$[1]=t1):t1=$[1];let t2;return $[2]!==active||$[3]!==ref?(t2=[active,ref],$[2]=active,$[3]=ref,$[4]=t2):t2=$[4],useEffect(t1,t2),jsx10(PolymorphicElement8,{ref,as:"div",className:"qui-toc__link",...props})}function MdxProvider(t0){let $=_c5(18),{children,components}=t0,{renderLink:RenderLink}=useMdxDocsContext3(),t1;$[0]!==RenderLink?(t1=t22=>{let{href:t32,ref:_ref,...props}=t22,href=t32===void 0?"":t32;return!href.startsWith("http")?jsx11(Link3,{emphasis:"primary",render:jsx11(RenderLink,{href:href.startsWith("./#")?href.substring(2):href}),...props}):jsx11(Link3,{emphasis:"primary",href,...props,target:"_blank"})},$[0]=RenderLink,$[1]=t1):t1=$[1];let t2;$[2]!==children?(t2=props_3=>jsx11("div",{...props_3,children}),$[2]=children,$[3]=t2):t2=$[3];let t3,t4,t5;$[4]!==RenderLink?(t3=t62=>{let{children:children2_0,id:id_0}=t62;return jsx11(AnchorHeader,{className:"mdx",id:id_0||void 0,render:jsx11("h2",{}),renderLink:RenderLink,children:children2_0})},t4=t72=>{let{children:children2_1,id:id_1}=t72;return jsx11(AnchorHeader,{className:"mdx",id:id_1||void 0,render:jsx11("h3",{}),renderLink:RenderLink,children:children2_1})},t5=t82=>{let{children:children2_2,id:id_2}=t82;return jsx11(AnchorHeader,{className:"mdx",id:id_2||void 0,render:jsx11("h4",{}),renderLink:RenderLink,children:children2_2})},$[4]=RenderLink,$[5]=t3,$[6]=t4,$[7]=t5):(t3=$[5],t4=$[6],t5=$[7]);let t6;$[8]!==components||$[9]!==t1||$[10]!==t2||$[11]!==t3||$[12]!==t4||$[13]!==t5?(t6={a:t1,blockquote:_temp23,br:_temp22,code:_temp3,CodeTab:t2,CodeTabs,em:_temp4,h1:_temp5,h2:t3,h3:t4,h4:t5,h5:_temp6,h6:_temp7,hr:_temp8,img:_temp9,li:_temp0,ol:_temp1,p:_temp10,pre:_temp11,SpoilerContent,SpoilerRoot,SpoilerSummary,strong:_temp12,sup:_temp13,table:_temp14,tbody:_temp15,td:_temp16,tfoot:_temp17,th:_temp18,thead:_temp19,tr:_temp20,ul:_temp21,...components},$[8]=components,$[9]=t1,$[10]=t2,$[11]=t3,$[12]=t4,$[13]=t5,$[14]=t6):t6=$[14];let t7=t6,t8;return $[15]!==children||$[16]!==t7?(t8=jsx11(MDXProvider,{components:t7,children}),$[15]=children,$[16]=t7,$[17]=t8):t8=$[17],t8}function _temp21(props_23){return jsx11("ul",{className:"mdx",...props_23})}function _temp20(props_22){return jsx11(Table.Row,{className:"mdx",...props_22})}function _temp19(props_21){return jsx11(Table.Header,{className:"mdx",...props_21})}function _temp18(props_20){return jsx11(Table.HeaderCell,{className:"mdx",...props_20})}function _temp17(props_19){return jsx11(Table.Footer,{className:"mdx",...props_19})}function _temp16(props_18){return jsx11(Table.Cell,{className:"mdx",...props_18})}function _temp15(props_17){return jsx11(Table.Body,{className:"mdx",...props_17})}function _temp14(t0){let{children:children2_4,...props_16}=t0;return jsx11("div",{className:"mdx table-wrapper",children:jsx11(Table.Root,{className:"mdx",size:"sm",...props_16,children:jsx11(Table.Table,{className:"mdx",children:children2_4})})})}function _temp13(props_15){return jsx11("sup",{className:"mdx",...props_15})}function _temp12(props_14){return jsx11("strong",{className:"mdx font-semibold",...props_14})}function _temp11(t0){let{children:children2_3,...props_13}=t0;return jsx11(ShikiPre,{...props_13,children:children2_3})}function _temp10(props_12){return jsx11("p",{className:"mdx",...props_12})}function _temp1(props_11){return jsx11("ol",{className:"mdx",...props_11})}function _temp0(props_10){return jsx11("li",{className:"mdx",...props_10})}function _temp9(props_9){return jsx11("img",{className:"mdx",...props_9})}function _temp8(props_8){return jsx11("hr",{className:"mdx",...props_8})}function _temp7(t0){let{id:id_4,...props_7}=t0;return jsx11("h6",{className:"mdx",id:id_4||void 0,...props_7})}function _temp6(t0){let{id:id_3,...props_6}=t0;return jsx11("h5",{className:"mdx",id:id_3||void 0,...props_6})}function _temp5(t0){let{children:children2,id,...props_5}=t0;return jsx11("h1",{className:"mdx",id:id||void 0,...props_5,children:children2})}function _temp4(props_4){return jsx11("em",{className:"mdx",...props_4})}function _temp3(props_2){return jsx11("code",{className:"mdx",...props_2})}function _temp22(props_1){return jsx11("br",{className:"mdx",...props_1})}function _temp23(props_0){return jsx11("blockquote",{className:"mdx",...props_0})}function Root(t0){let $=_c6(37),{children,demoSettings:demoSettingsProp,demoState:demoStateProp,docProps,hideToc,mdxComponents,onDemoSettingsChange,onDemoStateChange,onPackageManagerChange,packageManager:t1,pathname,renderLink,ssrUserAgent,tocHighlightStrategy:t2,...props}=t0,packageManagerProp=t1===void 0?"npm":t1,tocHighlightStrategy=t2===void 0?"nearest":t2,[mainContentElement,setMainContentElement]=useState2(null),[packageManager,setPackageManager]=useState2(packageManagerProp),t3;$[0]!==demoStateProp?(t3=demoStateProp||{},$[0]=demoStateProp,$[1]=t3):t3=$[1];let[demoState,setDemoState]=useState2(t3),t4;$[2]!==demoSettingsProp?(t4=demoSettingsProp||{transformTailwindClasses:!1},$[2]=demoSettingsProp,$[3]=t4):t4=$[3];let[demoSettings,setDemoSettings]=useState2(t4),{navItems,pageDocProps,pageMap}=useSiteContext(),t5;$[4]!==demoSettings||$[5]!==onDemoSettingsChange?(t5=updaterOrValue=>{let nextState=typeof updaterOrValue=="function"?updaterOrValue(demoSettings):updaterOrValue;setDemoSettings(nextState),onDemoSettingsChange?.(nextState)},$[4]=demoSettings,$[5]=onDemoSettingsChange,$[6]=t5):t5=$[6];let t6;$[7]!==onPackageManagerChange?(t6=nextState_0=>{setPackageManager(nextState_0),onPackageManagerChange?.(nextState_0)},$[7]=onPackageManagerChange,$[8]=t6):t6=$[8];let t7;$[9]!==onDemoStateChange?(t7=(routeUrl,demoId,entry)=>{setDemoState(prevState=>{let state=prevState[routeUrl]??{},demos=state[demoId]??{},nextState_1={...prevState,[routeUrl]:{...state,[demoId]:{...demos,...entry}}};return onDemoStateChange?.(nextState_1),nextState_1})},$[9]=onDemoStateChange,$[10]=t7):t7=$[10];let t8;$[11]!==demoSettings||$[12]!==demoState||$[13]!==docProps||$[14]!==packageManager||$[15]!==renderLink||$[16]!==ssrUserAgent||$[17]!==t5||$[18]!==t6||$[19]!==t7||$[20]!==tocHighlightStrategy?(t8={demoSettings,demoState,docProps,packageManager,renderLink,setDemoSettings:t5,setPackageManager:t6,ssrUserAgent,tocHighlightStrategy,updateDemoState:t7},$[11]=demoSettings,$[12]=demoState,$[13]=docProps,$[14]=packageManager,$[15]=renderLink,$[16]=ssrUserAgent,$[17]=t5,$[18]=t6,$[19]=t7,$[20]=tocHighlightStrategy,$[21]=t8):t8=$[21];let mdxDocsContextValue=t8,pageData=pageMap[pathname],t9;$[22]!==pageData?.toc?(t9=pageData?.toc??[],$[22]=pageData?.toc,$[23]=t9):t9=$[23];let toc=t9,showToc=!!toc.length&&!pageData?.hideToc&&!hideToc,hidePageLinks=pageData?.hidePageLinks||!1,hideSideNav=pageData?.hideSideNav||!1,t10;$[24]!==pageDocProps||$[25]!==pathname?(t10=pageDocProps?.[pathname]||{},$[24]=pageDocProps,$[25]=pathname,$[26]=t10):t10=$[26];let pageProps=t10,t11;$[27]!==hidePageLinks||$[28]!==hideSideNav||$[29]!==mainContentElement||$[30]!==navItems||$[31]!==pageMap||$[32]!==pageProps||$[33]!==pathname||$[34]!==showToc||$[35]!==toc?(t11={hidePageLinks,hideSideNav,mainContentElement,navItems,pageMap,pageProps,pathname,setMainContentElement,showToc,toc},$[27]=hidePageLinks,$[28]=hideSideNav,$[29]=mainContentElement,$[30]=navItems,$[31]=pageMap,$[32]=pageProps,$[33]=pathname,$[34]=showToc,$[35]=toc,$[36]=t11):t11=$[36];let layoutContext=t11,mergedProps=mergeProps2({className:"qui-docs__root"},props);return jsx12(MdxDocsProvider,{value:mdxDocsContextValue,children:jsx12(MdxProvider,{components:mdxComponents,pathname,children:jsx12(MdxDocsLayoutContextProvider,{value:layoutContext,children:jsx12(PolymorphicElement9,{as:"div",...mergedProps,children:bindingRenderProp2(children,layoutContext,{forwardPropsToClone:!1})})})})})}import{Fragment as Fragment2,jsx as jsx13,jsxs as jsxs5}from"react/jsx-runtime";import{useCallback,useEffect as useEffect2,useMemo as useMemo5,useRef as useRef4,useState as useState3}from"react";import{createTreeCollection}from"@qualcomm-ui/core/tree";import{SideNav}from"@qualcomm-ui/react/side-nav";import{useSafeLayoutEffect as useSafeLayoutEffect2}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext4}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{isDefined}from"@qualcomm-ui/utils/guard";import{matchSorter}from"@qualcomm-ui/utils/match-sorter";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function Sidebar({children,filterable=!0,mobileDrawerState,stickyHeader,...props}){let ref=useRef4(null),{navItems,pathname}=useMdxDocsLayoutContext(),{renderLink:RenderLink}=useMdxDocsContext4(),initialCollection=useMemo5(()=>createTreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}),[navItems]),[query,setQuery]=useState3(""),[collection,setCollection]=useState3(initialCollection),[expandedValue,setExpandedValue]=useState3(getExpandedItems(navItems,pathname));function onSelectedValueChange(value){collection.findNodeBy(node2=>node2.id===value[0])?.pathname&&setSelectedValue(value)}function getSelectedValue(){let node_0=collection.findNodeBy(node2_0=>node2_0.pathname===pathname);return node_0?[node_0.id]:[]}let[selectedValue,setSelectedValue]=useState3(()=>getSelectedValue()),initialExpandedValue=useRef4(expandedValue);useSafeLayoutEffect2(()=>{setSelectedValue(getSelectedValue())},[pathname]),useEffect2(()=>{let node_1=collection.findNodeBy(node2_1=>node2_1.pathname===pathname);if(node_1){let parents=collection.getParentNodes(node_1.id);parents.length&&setExpandedValue(prev=>[...prev,...parents.map(node2_2=>node2_2.id)])}},[collection,pathname]);let search=value_0=>{if(setQuery(value_0),!value_0){setCollection(initialCollection),setExpandedValue(initialExpandedValue.current);return}let nodes=matchSorter(initialCollection.getDescendantNodes(),value_0,{keys:["group","title","searchMeta.*",item=>initialCollection.getParentNodes(item.id).map(node_2=>node_2.group).filter(Boolean)]}),nextCollection=initialCollection.filter(node_3=>nodes.some(n=>n.id===node_3.id));setCollection(nextCollection),setExpandedValue(nextCollection.getBranchValues())},scrollIntoView=useCallback(()=>{if(!ref.current)return;let item_0=Array.from(ref.current.querySelectorAll("a")).find(item2=>item2.getAttribute("href")===pathname);if(!item_0)return;let observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting)observer.disconnect();else{if(item_0.scrollIntoView({block:"nearest",inline:"nearest"}),item_0.getBoundingClientRect().top-100<0){let scrollPos=ref.current.scrollTop;ref.current.scrollTo(0,Math.max(scrollPos-60,0))}observer.disconnect()}},{threshold:.1});return observer.observe(item_0),()=>observer.disconnect()},[pathname]);useEffect2(()=>{requestAnimationFrame(()=>{isDefined(mobileDrawerState)&&scrollIntoView()})},[mobileDrawerState,scrollIntoView]),useEffect2(()=>{scrollIntoView()},[scrollIntoView]);let mergedProps=mergeProps3({className:"qui-docs-sidebar__root",ref},props);return jsx13("div",{...mergedProps,children:jsxs5(SideNav.Root,{collection,expandedValue,onExpandedValueChange:details=>setExpandedValue(details.expandedValue),onSelectedValueChange:details_0=>{onSelectedValueChange(details_0.selectedValue)},selectedValue,children:[children?jsx13(SideNav.Header,{"data-sticky":booleanDataAttr3(stickyHeader),children}):null,filterable?jsxs5(Fragment2,{children:[jsx13(SideNav.FilterInput,{onValueChange:search,placeholder:"Filter...",value:query}),jsx13(SideNav.Divider,{className:"qui-docs-sidebar__group-separator"})]}):null,collection.rootNode.items.map((item_1,index)=>jsx13(SideNav.Nodes,{indexPath:[index],node:item_1,renderBranch:({node:node_4})=>jsxs5(SideNav.BranchNode,{render:node_4.pathname?jsx13(RenderLink,{href:node_4.pathname}):jsx13("div",{}),children:[jsx13(SideNav.NodeText,{children:node_4.title}),jsx13(SideNav.BranchTrigger,{})]}),renderLeaf:({indexPath,node:node_5})=>{let depthStyle={"--depth":indexPath.length},nested=booleanDataAttr3(indexPath.length>1);return node_5.sectionTitle?jsxs5(Fragment2,{children:[node_5.separator?jsx13(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):null,jsx13(SideNav.GroupLabel,{className:"qui-docs-sidebar__group-label","data-nested":nested,style:depthStyle,children:node_5.sectionTitle})]}):node_5.separator?jsx13(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):jsxs5(SideNav.LeafNode,{render:node_5.pathname?jsx13(RenderLink,{href:node_5.pathname}):jsx13("div",{}),children:[jsx13(SideNav.NodeIndicator,{}),jsx13(SideNav.NodeText,{children:node_5.title})]})},showIndentGuide:!0},collection.getNodeValue(item_1)))]})})}function getExpandedItems(items,pathname){return items.reduce((acc,current)=>{let id=current.id,expandedChildren=getExpandedItems(current.items??[],pathname);return(pathname===id||expandedChildren?.length||current.expanded&&current.items?.length)&&acc.push(id),[...acc,...expandedChildren]},[])}import{c as _c7}from"react/compiler-runtime";import{jsx as jsx14,jsxs as jsxs6}from"react/jsx-runtime";import{useEffect as useEffect3,useRef as useRef5,useState as useState4}from"react";import{uniq}from"lodash-es";import{useMdxDocsContext as useMdxDocsContext5}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr4}from"@qualcomm-ui/utils/attributes";var HEADING_LEVELS=["h2","h3","h4"],SCROLL_DEBOUNCE_MS=0,RESIZE_DEBOUNCE_MS=100,HEADING_OFFSET=-48,VIEWPORT_TOP_MARGIN=.1,VIEWPORT_BOTTOM_MARGIN=.2,INDENT_PER_LEVEL=12;function useScrollDebounce(callback,delay){let $=_c7(3),timeoutRef=useRef5(void 0),t0;return $[0]!==callback||$[1]!==delay?(t0=(...t1)=>{let args=t1;clearTimeout(timeoutRef.current),timeoutRef.current=setTimeout(()=>callback(...args),delay)},$[0]=callback,$[1]=delay,$[2]=t0):t0=$[2],t0}function elementIsVisible(rect){return typeof window>"u"?!1:rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth)}function useTocScrollSync(activeId,containerRef){let $=_c7(5),t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=new Map,$[0]=t0):t0=$[0];let linkRefs=useRef5(t0),t1,t2;return $[1]!==activeId||$[2]!==containerRef?(t1=()=>{if(!activeId||!containerRef.current)return;let activeElement=linkRefs.current.get(activeId);if(!activeElement)return;let observer=new IntersectionObserver(t3=>{let[entry]=t3;entry.isIntersecting||activeElement.scrollIntoView({behavior:"smooth",block:"nearest"}),observer.disconnect()},{root:containerRef.current,threshold:1});return observer.observe(activeElement),()=>observer.disconnect()},t2=[activeId,containerRef],$[1]=activeId,$[2]=containerRef,$[3]=t1,$[4]=t2):(t1=$[3],t2=$[4]),useEffect3(t1,t2),linkRefs}function useActiveHeading(){let $=_c7(11),[activeId,setActiveId]=useState4(null),{tocHighlightStrategy}=useMdxDocsContext5(),{mainContentElement,toc:headings}=useMdxDocsLayoutContext(),t0;$[0]!==headings||$[1]!==mainContentElement||$[2]!==tocHighlightStrategy?(t0=()=>{if(!headings.length||!mainContentElement)return;let headingElements=[],contentElement=document.querySelector(".qui-docs__app-content")?.querySelector("article");if(!contentElement)return;contentElement.querySelectorAll(uniq(HEADING_LEVELS).map(_temp25).join(",")).forEach(element=>{headingElements.push(element)});let activeIndex=null;if((tocHighlightStrategy||"nearest")==="nearest")if(window.scrollY===0)activeIndex=0;else if(window.scrollY+window.innerHeight>=document.body.scrollHeight)activeIndex=headingElements.length-1;else{let closestVisibleElementTop=1e5,closestVisibleIndex=-1,found=!1;for(let i=0;i<headingElements.length;i++){let elementRect=headingElements[i].getBoundingClientRect(),elementTop=elementRect.top;elementTop>HEADING_OFFSET&&elementIsVisible(elementRect)&&elementTop<closestVisibleElementTop&&(found=!0,closestVisibleElementTop=elementTop,closestVisibleIndex=i)}if(found)activeIndex=closestVisibleIndex>=0?closestVisibleIndex:null;else{let currentRegionIndex=headingElements.map((element_1,index)=>{let start=element_1.getBoundingClientRect().top+window.scrollY,nextElement=headingElements[index+1],end=nextElement?nextElement.getBoundingClientRect().top+window.scrollY-1:document.body.scrollHeight;return[start,end]}).findIndex(_temp24);activeIndex=currentRegionIndex>=0?currentRegionIndex:null}}else if(window.scrollY===0)activeIndex=0;else{let windowHeight=window.innerHeight;for(let i_0=0;i_0<headingElements.length;i_0++){let itemTop=headingElements[i_0].getBoundingClientRect().top,nextItem=headingElements[i_0+1];if((nextItem?nextItem.getBoundingClientRect().top:mainContentElement.getBoundingClientRect().bottom)>windowHeight*VIEWPORT_TOP_MARGIN&&itemTop<windowHeight*(1-VIEWPORT_BOTTOM_MARGIN)){activeIndex=i_0;break}}}activeIndex!==null&&headings[activeIndex]?setActiveId(headings[activeIndex].id):setActiveId(null)},$[0]=headings,$[1]=mainContentElement,$[2]=tocHighlightStrategy,$[3]=t0):t0=$[3];let calculateActive=t0,debouncedCalculateActive=useScrollDebounce(calculateActive,SCROLL_DEBOUNCE_MS),debouncedResizeHandler=useScrollDebounce(calculateActive,RESIZE_DEBOUNCE_MS),t1,t2;return $[4]!==calculateActive||$[5]!==debouncedCalculateActive||$[6]!==debouncedResizeHandler||$[7]!==headings.length||$[8]!==mainContentElement?(t1=()=>{if(!headings.length||!mainContentElement)return;calculateActive(),window.addEventListener("scroll",debouncedCalculateActive,{passive:!0}),window.addEventListener("resize",debouncedResizeHandler,{passive:!0});let resizeObserver=new ResizeObserver(debouncedResizeHandler);return resizeObserver.observe(mainContentElement),()=>{window.removeEventListener("scroll",debouncedCalculateActive),window.removeEventListener("resize",debouncedResizeHandler),resizeObserver.disconnect()}},t2=[calculateActive,debouncedCalculateActive,debouncedResizeHandler,headings.length,mainContentElement],$[4]=calculateActive,$[5]=debouncedCalculateActive,$[6]=debouncedResizeHandler,$[7]=headings.length,$[8]=mainContentElement,$[9]=t1,$[10]=t2):(t1=$[9],t2=$[10]),useEffect3(t1,t2),activeId}function _temp24(t0){let[start_0,end_0]=t0;return window.scrollY>start_0&&window.scrollY<end_0}function _temp25(level){return`${level}:not(.qui-demo-runner__wrapper ${level})`}function TableOfContents({activeTocClassName="q-active"}){let containerRef=useRef5(null),{renderLink:Link4}=useMdxDocsContext5(),{toc:headings}=useMdxDocsLayoutContext(),activeId=useActiveHeading(),linkRefs=useTocScrollSync(activeId,containerRef);return headings.length?jsx14("div",{className:"qui-toc",children:jsx14("div",{ref:containerRef,className:"qui-toc__container",children:jsxs6("div",{className:"qui-toc__links",children:[jsx14("div",{className:"qui-toc-bar"}),headings.map(({headingLevel,id,textContent})=>{let isActive=activeId===id;return jsxs6(TocLink,{ref:element=>{element?linkRefs.current.set(id,element):linkRefs.current.delete(id)},className:`qui-toc__link${isActive?` ${activeTocClassName}`:""}`,style:{paddingLeft:INDENT_PER_LEVEL*(headingLevel-1)},children:[headingLevel>2?jsx14("div",{"aria-hidden":!0,className:"qui-toc__link-indent-guide","data-active":booleanDataAttr4(isActive)}):null,jsx14(Link4,{href:`#${id}`,children:textContent})]},id)})]})})}):null}var Layout={AppContent,Breadcrumbs:DocsBreadcrumbs,ContentWrapper,Footer:DocsFooter,MainContent,PageLinks,Root,Sidebar,TableOfContents};import{c as _c8}from"react/compiler-runtime";import{Fragment as Fragment3,jsx as jsx15,jsxs as jsxs7}from"react/jsx-runtime";import{Menu,PanelLeftClose}from"lucide-react";import{IconButton}from"@qualcomm-ui/react/button";import{Drawer}from"@qualcomm-ui/react/drawer";import{Icon as Icon2}from"@qualcomm-ui/react/icon";import{Portal}from"@qualcomm-ui/react-core/portal";function MobileSidebar(t0){let $=_c8(2),{children,...props}=t0,{pathname}=useMdxDocsLayoutContext(),t1;return $[0]!==children?(t1=t2=>{let{open,setOpen}=t2;return jsx15(Sidebar,{"data-mobile":!0,filterable:!1,mobileDrawerState:open,stickyHeader:!0,children:jsxs7(Fragment3,{children:[children,jsx15(Drawer.CloseTrigger,{children:jsx15(IconButton,{"aria-label":"Close sidebar",className:"qui-docs-sidebar__mobile-close-trigger",density:"compact",icon:PanelLeftClose,onClick:()=>setOpen(!1),size:"lg",variant:"ghost"})})]})})},$[0]=children,$[1]=t1):t1=$[1],jsx15("div",{className:"qui-docs-sidebar__mobile-container",children:jsxs7(Drawer.Root,{placement:"start",...props,children:[jsx15(Drawer.Trigger,{children:jsx15(IconButton,{"aria-label":"Open Navigation Menu",icon:jsx15(Icon2,{icon:Menu,size:14}),size:"sm",variant:"ghost"})}),jsxs7(Portal,{children:[jsx15(Drawer.Backdrop,{}),jsx15(Drawer.Positioner,{children:jsx15(Drawer.Content,{className:"qui-docs-sidebar__drawer-content",children:jsx15(Drawer.Body,{className:"qui-docs-sidebar__drawer-body",children:jsx15(Drawer.Context,{children:t1})})})})]})]},pathname)})}function DocsLayout({children,footer,header,rootBreadcrumb,sidebarProps,...props}){return jsx16(Layout.Root,{...props,children:({hidePageLinks,hideSideNav,showToc})=>jsxs8(Fragment4,{children:[header,jsx16(Layout.ContentWrapper,{children:jsxs8(Layout.AppContent,{children:[!hideSideNav&&jsx16(Layout.Sidebar,{...sidebarProps}),jsxs8(Layout.MainContent,{children:[jsx16(Layout.Breadcrumbs,{rootBreadcrumb}),children,!hidePageLinks&&jsx16(Layout.PageLinks,{})]}),showToc?jsx16(Layout.TableOfContents,{}):null]})}),footer]})})}export{DocsFooter,DocsLayout,Layout,MdxDocsLayoutContextProvider,MdxProvider,MobileSidebar,useMdxDocsLayoutContext};
+import{Fragment as Fragment4,jsx as jsx17,jsxs as jsxs9}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{clsx}from"@qualcomm-ui/utils/clsx";function DocsFooter({children,className,ref,...props}){return jsx(PolymorphicElement,{ref,as:"div",className:clsx("qui-docs__footer",className),...props,children})}import{jsx as jsx2}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{booleanDataAttr}from"@qualcomm-ui/utils/attributes";import{clsx as clsx2}from"@qualcomm-ui/utils/clsx";import{createContext,useContext}from"react";var MdxDocsLayoutContext=createContext(null),MdxDocsLayoutContextProvider=MdxDocsLayoutContext.Provider;function useMdxDocsLayoutContext(){let context=useContext(MdxDocsLayoutContext);if(!context)throw new Error("useMdxDocsLayoutContext can only be used as children of a <Layout.Root> instance.");return context}function AppContent(t0){let{children,className,...props}=t0,{hideSideNav,showToc}=useMdxDocsLayoutContext();return jsx2(PolymorphicElement2,{as:"div",className:clsx2("qui-docs__app-content",className),"data-hide-side-nav":booleanDataAttr(hideSideNav),"data-hide-toc":booleanDataAttr(!showToc),...props,children})}import{c as _c}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{Breadcrumbs}from"@qualcomm-ui/react/breadcrumbs";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext}from"@qualcomm-ui/react-mdx/context";import{clsx as clsx3}from"@qualcomm-ui/utils/clsx";function DocsBreadcrumbs(t0){let $=_c(7),{className,rootBreadcrumb,...props}=t0,{renderLink:Link4}=useMdxDocsContext(),{pageMap,pathname}=useMdxDocsLayoutContext(),t1;bb0:{let pageMapEntry=pageMap[pathname];if(!pageMapEntry||pageMapEntry.hideBreadcrumbs){let t22;$[0]===Symbol.for("react.memo_cache_sentinel")?(t22=[],$[0]=t22):t22=$[0],t1=t22;break bb0}let t2;if($[1]!==Link4||$[2]!==pageMap||$[3]!==pageMapEntry.categories||$[4]!==pageMapEntry.pathSegments||$[5]!==rootBreadcrumb){let mergedPath="",crumbs=pageMapEntry.pathSegments.reduce((acc,segment,currentIndex)=>{mergedPath=`${mergedPath}/${segment}`;let route=pageMap[mergedPath],pageTitle=pageMapEntry.categories[currentIndex]??route.title;return acc.push({children:pageTitle,id:route?.pathname??route?.id??pageTitle,render:route?.pathname?jsx3(Link4,{href:route.pathname}):jsx3("button",{style:{pointerEvents:"none"}})}),acc},[]);t2=rootBreadcrumb?[{...rootBreadcrumb,id:"/"},...crumbs]:crumbs,$[1]=Link4,$[2]=pageMap,$[3]=pageMapEntry.categories,$[4]=pageMapEntry.pathSegments,$[5]=rootBreadcrumb,$[6]=t2}else t2=$[6];t1=t2}let items=t1;return items.length?jsx3(PolymorphicElement3,{className:clsx3("qui-docs__breadcrumbs",className),...props,children:jsx3(Breadcrumbs.Root,{emphasis:"neutral",children:jsx3(Breadcrumbs.List,{children:items.map(_temp)})})}):null}function _temp(item){return jsx3(Breadcrumbs.Item,{...item},item.id)}import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{clsx as clsx4}from"@qualcomm-ui/utils/clsx";function ContentWrapper({children,className,...props}){return jsx4(PolymorphicElement4,{as:"div",className:clsx4("qui-docs__content-wrapper",className),...props,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{useRef}from"react";import{useSafeLayoutEffect}from"@qualcomm-ui/react-core/effects";import{useMergedRef}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement5}from"@qualcomm-ui/react-core/system";import{PropsContextProvider}from"@qualcomm-ui/react-mdx/typedoc";import{clsx as clsx5}from"@qualcomm-ui/utils/clsx";function MainContent(t0){let $=_c2(5),{children,className,id:t1,ref:refProp,...props}=t0,id=t1===void 0?"main-content":t1,ref=useRef(null),{mainContentElement,pageProps,setMainContentElement}=useMdxDocsLayoutContext(),t2;$[0]!==mainContentElement||$[1]!==setMainContentElement?(t2=()=>{mainContentElement!==ref.current&&setMainContentElement(ref.current)},$[0]=mainContentElement,$[1]=setMainContentElement,$[2]=t2):t2=$[2];let t3;$[3]!==mainContentElement?(t3=[mainContentElement],$[3]=mainContentElement,$[4]=t3):t3=$[4],useSafeLayoutEffect(t2,t3);let refs=useMergedRef(refProp,ref);return jsx5(PolymorphicElement5,{ref:refs,as:"article",className:clsx5("qui-docs__main-content",className),id,...props,children:jsx5(PropsContextProvider,{value:pageProps,children})})}import{c as _c3}from"react/compiler-runtime";import{Fragment,jsx as jsx6,jsxs}from"react/jsx-runtime";import"react";import{ChevronLeft,ChevronRight}from"lucide-react";import{Link}from"@qualcomm-ui/react/link";import{bindingRenderProp,PolymorphicElement as PolymorphicElement6}from"@qualcomm-ui/react-core/system";import{useMdxDocsContext as useMdxDocsContext2}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr2}from"@qualcomm-ui/utils/attributes";import{capitalCase}from"@qualcomm-ui/utils/change-case";import{clsx as clsx6}from"@qualcomm-ui/utils/clsx";import{TreeCollection}from"@qualcomm-ui/utils/collection";function PageLink({currentPage,pageLink,prev,renderLink:RenderLink}){let pathSegments=currentPage?currentPage.pathSegments:[],nextPathSegments=pageLink.pathSegments,pathSegment=nextPathSegments[0]!==pathSegments[0]?capitalCase(nextPathSegments[0]??""):"";return bindingRenderProp(jsx6(RenderLink,{href:pageLink.pathname}),{children:jsx6(Fragment,{children:jsxs("span",{className:"qui-page-link__container",children:[prev?jsx6(Link,{render:jsx6("div",{}),startIcon:ChevronLeft,children:pageLink.title}):jsx6(Link,{endIcon:ChevronRight,render:jsx6("div",{}),children:pageLink.title}),pathSegment&&pathSegment!==pageLink.title?jsx6("div",{className:"qui-page-link__adjacent-route-title","data-next":booleanDataAttr2(!prev),children:pathSegment}):null]})}),className:"qui-page-link__root","data-next":booleanDataAttr2(!prev)})}function PageLinks(t0){let $=_c3(5),{className,...props}=t0,{renderLink}=useMdxDocsContext2(),{navItems,pathname}=useMdxDocsLayoutContext(),t1;$[0]!==navItems?(t1=new TreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}).flatten().filter(_temp2),$[0]=navItems,$[1]=t1):t1=$[1];let flattenedItems=t1,t2;$[2]!==flattenedItems||$[3]!==pathname?(t2=getPageLinks(flattenedItems,pathname),$[2]=flattenedItems,$[3]=pathname,$[4]=t2):t2=$[4];let[prevPage,nextPage,currentPage]=t2;return jsxs(PolymorphicElement6,{as:"div",className:clsx6("qui-page-links__container",className),...props,children:[jsx6("div",{className:"qui-page-links__link-wrapper",children:prevPage?jsx6(PageLink,{currentPage,pageLink:prevPage,prev:!0,renderLink}):null}),jsx6("div",{className:"qui-page-links__link-wrapper",children:nextPage?jsx6(PageLink,{currentPage,pageLink:nextPage,renderLink}):null})]})}function _temp2(item){return item.pathname}function getPageLinks(items,route){let index=items.findIndex(item=>item.id===route);if(index===-1)return[!1,!1,!1];let prevPage=items[index-1],nextPage=items[index+1];return[prevPage??!1,nextPage??!1,items[index]]}import{c as _c6}from"react/compiler-runtime";import{jsx as jsx12}from"react/jsx-runtime";import{useState as useState2}from"react";import{bindingRenderProp as bindingRenderProp2,PolymorphicElement as PolymorphicElement9}from"@qualcomm-ui/react-core/system";import{MdxDocsProvider,useSiteContext}from"@qualcomm-ui/react-mdx/context";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";import{c as _c5}from"react/compiler-runtime";import{jsx as jsx11}from"react/jsx-runtime";import"react";import{MDXProvider}from"@mdx-js/react";import{Link as Link3}from"@qualcomm-ui/react/link";import{Table}from"@qualcomm-ui/react/table";import{useMdxDocsContext as useMdxDocsContext3}from"@qualcomm-ui/react-mdx/context";import{SpoilerContent,SpoilerRoot,SpoilerSummary}from"@qualcomm-ui/react-mdx/spoiler";import{jsx as jsx7,jsxs as jsxs2}from"react/jsx-runtime";import{useState}from"react";import{Link2}from"lucide-react";import{Icon}from"@qualcomm-ui/react/icon";import{PolymorphicElement as PolymorphicElement7}from"@qualcomm-ui/react-core/system";function AnchorHeader({children,className,id,ref,renderLink:RenderLink,...props}){let[hovered,setHovered]=useState(!1);return jsx7(PolymorphicElement7,{ref,as:"span",className,id,onMouseEnter:()=>setHovered(!0),onMouseLeave:()=>setHovered(!1),...props,children:jsxs2(RenderLink,{className:"qui-docs-heading",href:`#${id}`,children:[jsx7("span",{className:"qui-docs-heading-text",children}),hovered?jsx7(Icon,{icon:Link2,size:"md"}):null]})})}import{jsx as jsx8,jsxs as jsxs3}from"react/jsx-runtime";import{Children,isValidElement}from"react";import{Tab,Tabs}from"@qualcomm-ui/react/tabs";import{mergeProps}from"@qualcomm-ui/utils/merge-props";function CodeTabs({children,...props}){let tabs=Children.toArray(children).filter(child=>isValidElement(child)),mergedProps=mergeProps({className:"mdx qui-code-tabs"},props),firstTab=tabs[0]?.props?.label;return jsxs3(Tabs.Root,{defaultValue:firstTab,...mergedProps,children:[jsxs3(Tabs.List,{className:"mdx",children:[jsx8(Tabs.Indicator,{}),tabs.map(tab=>{let label=tab.props?.label;return jsx8(Tab.Root,{value:label,children:jsx8(Tab.Button,{children:tab.props?.label})},label)})]}),tabs.map(tab=>{let label=tab.props?.label;return jsx8(Tabs.Panel,{className:"mdx",value:label,children:tab.props?.children},label)})]})}import{jsx as jsx9,jsxs as jsxs4}from"react/jsx-runtime";import{useRef as useRef2}from"react";import{CopyToClipboardIconButton}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{clsx as clsx7}from"@qualcomm-ui/utils/clsx";function ShikiPre({children,className,"data-code":code,...props}){let preRef=useRef2(null);return jsxs4("div",{className:"shiki-wrapper mdx",children:[jsx9("pre",{ref:preRef,className:clsx7("mdx",className),...props,tabIndex:-1,children}),jsx9(CopyToClipboardIconButton,{valueOrFn:()=>code||preRef.current.innerText})]})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx10}from"react/jsx-runtime";import{useEffect,useRef as useRef3}from"react";import{useMergedRef as useMergedRef2}from"@qualcomm-ui/react-core/refs";import{PolymorphicElement as PolymorphicElement8}from"@qualcomm-ui/react-core/system";function TocLink(t0){let $=_c4(5),{active,ref:refProp,...props}=t0,localRef=useRef3(null),ref=useMergedRef2(refProp,localRef),t1;$[0]!==active?(t1=()=>{active&&localRef.current&&localRef.current?.scrollIntoView?.({block:"nearest"})},$[0]=active,$[1]=t1):t1=$[1];let t2;return $[2]!==active||$[3]!==ref?(t2=[active,ref],$[2]=active,$[3]=ref,$[4]=t2):t2=$[4],useEffect(t1,t2),jsx10(PolymorphicElement8,{ref,as:"div",className:"qui-toc__link",...props})}function MdxProvider(t0){let $=_c5(18),{children,components}=t0,{renderLink:RenderLink}=useMdxDocsContext3(),t1;$[0]!==RenderLink?(t1=t22=>{let{href:t32,ref:_ref,...props}=t22,href=t32===void 0?"":t32;return!href.startsWith("http")?jsx11(Link3,{emphasis:"primary",render:jsx11(RenderLink,{href:href.startsWith("./#")?href.substring(2):href}),...props}):jsx11(Link3,{emphasis:"primary",href,...props,target:"_blank"})},$[0]=RenderLink,$[1]=t1):t1=$[1];let t2;$[2]!==children?(t2=props_3=>jsx11("div",{...props_3,children}),$[2]=children,$[3]=t2):t2=$[3];let t3,t4,t5;$[4]!==RenderLink?(t3=t62=>{let{children:children2_0,id:id_0}=t62;return jsx11(AnchorHeader,{className:"mdx",id:id_0||void 0,render:jsx11("h2",{}),renderLink:RenderLink,children:children2_0})},t4=t72=>{let{children:children2_1,id:id_1}=t72;return jsx11(AnchorHeader,{className:"mdx",id:id_1||void 0,render:jsx11("h3",{}),renderLink:RenderLink,children:children2_1})},t5=t82=>{let{children:children2_2,id:id_2}=t82;return jsx11(AnchorHeader,{className:"mdx",id:id_2||void 0,render:jsx11("h4",{}),renderLink:RenderLink,children:children2_2})},$[4]=RenderLink,$[5]=t3,$[6]=t4,$[7]=t5):(t3=$[5],t4=$[6],t5=$[7]);let t6;$[8]!==components||$[9]!==t1||$[10]!==t2||$[11]!==t3||$[12]!==t4||$[13]!==t5?(t6={a:t1,blockquote:_temp23,br:_temp22,code:_temp3,CodeTab:t2,CodeTabs,em:_temp4,h1:_temp5,h2:t3,h3:t4,h4:t5,h5:_temp6,h6:_temp7,hr:_temp8,img:_temp9,li:_temp0,ol:_temp1,p:_temp10,pre:_temp11,SpoilerContent,SpoilerRoot,SpoilerSummary,strong:_temp12,sup:_temp13,table:_temp14,tbody:_temp15,td:_temp16,tfoot:_temp17,th:_temp18,thead:_temp19,tr:_temp20,ul:_temp21,...components},$[8]=components,$[9]=t1,$[10]=t2,$[11]=t3,$[12]=t4,$[13]=t5,$[14]=t6):t6=$[14];let t7=t6,t8;return $[15]!==children||$[16]!==t7?(t8=jsx11(MDXProvider,{components:t7,children}),$[15]=children,$[16]=t7,$[17]=t8):t8=$[17],t8}function _temp21(props_23){return jsx11("ul",{className:"mdx",...props_23})}function _temp20(props_22){return jsx11(Table.Row,{className:"mdx",...props_22})}function _temp19(props_21){return jsx11(Table.Header,{className:"mdx",...props_21})}function _temp18(props_20){return jsx11(Table.HeaderCell,{className:"mdx",...props_20})}function _temp17(props_19){return jsx11(Table.Footer,{className:"mdx",...props_19})}function _temp16(props_18){return jsx11(Table.Cell,{className:"mdx",...props_18})}function _temp15(props_17){return jsx11(Table.Body,{className:"mdx",...props_17})}function _temp14(t0){let{children:children2_4,...props_16}=t0;return jsx11("div",{className:"mdx table-wrapper",children:jsx11(Table.Root,{className:"mdx",size:"sm",...props_16,children:jsx11(Table.Table,{className:"mdx",children:children2_4})})})}function _temp13(props_15){return jsx11("sup",{className:"mdx",...props_15})}function _temp12(props_14){return jsx11("strong",{className:"mdx font-semibold",...props_14})}function _temp11(t0){let{children:children2_3,...props_13}=t0;return jsx11(ShikiPre,{...props_13,children:children2_3})}function _temp10(props_12){return jsx11("p",{className:"mdx",...props_12})}function _temp1(props_11){return jsx11("ol",{className:"mdx",...props_11})}function _temp0(props_10){return jsx11("li",{className:"mdx",...props_10})}function _temp9(props_9){return jsx11("img",{className:"mdx",...props_9})}function _temp8(props_8){return jsx11("hr",{className:"mdx",...props_8})}function _temp7(t0){let{id:id_4,...props_7}=t0;return jsx11("h6",{className:"mdx",id:id_4||void 0,...props_7})}function _temp6(t0){let{id:id_3,...props_6}=t0;return jsx11("h5",{className:"mdx",id:id_3||void 0,...props_6})}function _temp5(t0){let{children:children2,id,...props_5}=t0;return jsx11("h1",{className:"mdx",id:id||void 0,...props_5,children:children2})}function _temp4(props_4){return jsx11("em",{className:"mdx",...props_4})}function _temp3(props_2){return jsx11("code",{className:"mdx",...props_2})}function _temp22(props_1){return jsx11("br",{className:"mdx",...props_1})}function _temp23(props_0){return jsx11("blockquote",{className:"mdx",...props_0})}function Root(t0){let $=_c6(37),{children,demoSettings:demoSettingsProp,demoState:demoStateProp,docProps,hideToc,mdxComponents,onDemoSettingsChange,onDemoStateChange,onPackageManagerChange,packageManager:t1,pathname,renderLink,ssrUserAgent,tocHighlightStrategy:t2,...props}=t0,packageManagerProp=t1===void 0?"npm":t1,tocHighlightStrategy=t2===void 0?"nearest":t2,[mainContentElement,setMainContentElement]=useState2(null),[packageManager,setPackageManager]=useState2(packageManagerProp),t3;$[0]!==demoStateProp?(t3=demoStateProp||{},$[0]=demoStateProp,$[1]=t3):t3=$[1];let[demoState,setDemoState]=useState2(t3),t4;$[2]!==demoSettingsProp?(t4=demoSettingsProp||{transformTailwindClasses:!1},$[2]=demoSettingsProp,$[3]=t4):t4=$[3];let[demoSettings,setDemoSettings]=useState2(t4),{navItems,pageDocProps,pageMap}=useSiteContext(),t5;$[4]!==demoSettings||$[5]!==onDemoSettingsChange?(t5=updaterOrValue=>{let nextState=typeof updaterOrValue=="function"?updaterOrValue(demoSettings):updaterOrValue;setDemoSettings(nextState),onDemoSettingsChange?.(nextState)},$[4]=demoSettings,$[5]=onDemoSettingsChange,$[6]=t5):t5=$[6];let t6;$[7]!==onPackageManagerChange?(t6=nextState_0=>{setPackageManager(nextState_0),onPackageManagerChange?.(nextState_0)},$[7]=onPackageManagerChange,$[8]=t6):t6=$[8];let t7;$[9]!==onDemoStateChange?(t7=(routeUrl,demoId,entry)=>{setDemoState(prevState=>{let state=prevState[routeUrl]??{},demos=state[demoId]??{},nextState_1={...prevState,[routeUrl]:{...state,[demoId]:{...demos,...entry}}};return onDemoStateChange?.(nextState_1),nextState_1})},$[9]=onDemoStateChange,$[10]=t7):t7=$[10];let t8;$[11]!==demoSettings||$[12]!==demoState||$[13]!==docProps||$[14]!==packageManager||$[15]!==renderLink||$[16]!==ssrUserAgent||$[17]!==t5||$[18]!==t6||$[19]!==t7||$[20]!==tocHighlightStrategy?(t8={demoSettings,demoState,docProps,packageManager,renderLink,setDemoSettings:t5,setPackageManager:t6,ssrUserAgent,tocHighlightStrategy,updateDemoState:t7},$[11]=demoSettings,$[12]=demoState,$[13]=docProps,$[14]=packageManager,$[15]=renderLink,$[16]=ssrUserAgent,$[17]=t5,$[18]=t6,$[19]=t7,$[20]=tocHighlightStrategy,$[21]=t8):t8=$[21];let mdxDocsContextValue=t8,pageData=pageMap[pathname],t9;$[22]!==pageData?.toc?(t9=pageData?.toc??[],$[22]=pageData?.toc,$[23]=t9):t9=$[23];let toc=t9,showToc=!!toc.length&&!pageData?.hideToc&&!hideToc,hidePageLinks=pageData?.hidePageLinks||!1,hideSideNav=pageData?.hideSideNav||!1,t10;$[24]!==pageDocProps||$[25]!==pathname?(t10=pageDocProps?.[pathname]||{},$[24]=pageDocProps,$[25]=pathname,$[26]=t10):t10=$[26];let pageProps=t10,t11;$[27]!==hidePageLinks||$[28]!==hideSideNav||$[29]!==mainContentElement||$[30]!==navItems||$[31]!==pageMap||$[32]!==pageProps||$[33]!==pathname||$[34]!==showToc||$[35]!==toc?(t11={hidePageLinks,hideSideNav,mainContentElement,navItems,pageMap,pageProps,pathname,setMainContentElement,showToc,toc},$[27]=hidePageLinks,$[28]=hideSideNav,$[29]=mainContentElement,$[30]=navItems,$[31]=pageMap,$[32]=pageProps,$[33]=pathname,$[34]=showToc,$[35]=toc,$[36]=t11):t11=$[36];let layoutContext=t11,mergedProps=mergeProps2({className:"qui-docs__root"},props);return jsx12(MdxDocsProvider,{value:mdxDocsContextValue,children:jsx12(MdxProvider,{components:mdxComponents,pathname,children:jsx12(MdxDocsLayoutContextProvider,{value:layoutContext,children:jsx12(PolymorphicElement9,{as:"div",...mergedProps,children:bindingRenderProp2(children,layoutContext,{forwardPropsToClone:!1})})})})})}import{Fragment as Fragment2,jsx as jsx13,jsxs as jsxs5}from"react/jsx-runtime";import{useCallback,useEffect as useEffect2,useMemo as useMemo5,useRef as useRef4,useState as useState3}from"react";import{createTreeCollection}from"@qualcomm-ui/core/tree";import{SideNav}from"@qualcomm-ui/react/side-nav";import{useSafeLayoutEffect as useSafeLayoutEffect2}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as useMdxDocsContext4}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr3}from"@qualcomm-ui/utils/attributes";import{isDefined}from"@qualcomm-ui/utils/guard";import{matchSorter}from"@qualcomm-ui/utils/match-sorter";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function Sidebar({children,filterable=!0,mobileDrawerState,stickyHeader,...props}){let ref=useRef4(null),{navItems,pathname}=useMdxDocsLayoutContext(),{renderLink:RenderLink}=useMdxDocsContext4(),initialCollection=useMemo5(()=>createTreeCollection({nodeChildren:"items",nodeText:"title",nodeValue:"id",rootNode:{depth:0,id:"ROOT",items:navItems,pathSegments:[],title:""}}),[navItems]),[query,setQuery]=useState3(""),[collection,setCollection]=useState3(initialCollection),[expandedValue,setExpandedValue]=useState3(getExpandedItems(navItems,pathname));function onSelectedValueChange(value){collection.findNodeBy(node2=>node2.id===value[0])?.pathname&&setSelectedValue(value)}function getSelectedValue(){let node_0=collection.findNodeBy(node2_0=>node2_0.pathname===pathname);return node_0?[node_0.id]:[]}let[selectedValue,setSelectedValue]=useState3(()=>getSelectedValue()),initialExpandedValue=useRef4(expandedValue);useSafeLayoutEffect2(()=>{setSelectedValue(getSelectedValue())},[pathname]),useEffect2(()=>{let node_1=collection.findNodeBy(node2_1=>node2_1.pathname===pathname);if(node_1){let parents=collection.getParentNodes(node_1.id);parents.length&&setExpandedValue(prev=>[...prev,...parents.map(node2_2=>node2_2.id)])}},[collection,pathname]);let search=value_0=>{if(setQuery(value_0),!value_0){setCollection(initialCollection),setExpandedValue(initialExpandedValue.current);return}let nodes=matchSorter(initialCollection.getDescendantNodes(),value_0,{keys:["group","title","searchMeta.*",item=>initialCollection.getParentNodes(item.id).map(node_2=>node_2.group).filter(Boolean)]}),nextCollection=initialCollection.filter(node_3=>nodes.some(n=>n.id===node_3.id));setCollection(nextCollection),setExpandedValue(nextCollection.getBranchValues())},scrollIntoView=useCallback(()=>{if(!ref.current)return;let item_0=Array.from(ref.current.querySelectorAll("a")).find(item2=>item2.getAttribute("href")===pathname);if(!item_0)return;let observer=new IntersectionObserver(([entry])=>{if(entry.isIntersecting)observer.disconnect();else{if(item_0.scrollIntoView({block:"nearest",inline:"nearest"}),item_0.getBoundingClientRect().top-100<0){let scrollPos=ref.current.scrollTop;ref.current.scrollTo(0,Math.max(scrollPos-60,0))}observer.disconnect()}},{threshold:.1});return observer.observe(item_0),()=>observer.disconnect()},[pathname]);useEffect2(()=>{requestAnimationFrame(()=>{isDefined(mobileDrawerState)&&scrollIntoView()})},[mobileDrawerState,scrollIntoView]),useEffect2(()=>{scrollIntoView()},[scrollIntoView]);let mergedProps=mergeProps3({className:"qui-docs-sidebar__root",ref},props);return jsx13("div",{...mergedProps,children:jsxs5(SideNav.Root,{collection,expandedValue,onExpandedValueChange:details=>setExpandedValue(details.expandedValue),onSelectedValueChange:details_0=>{onSelectedValueChange(details_0.selectedValue)},selectedValue,children:[children?jsx13(SideNav.Header,{"data-sticky":booleanDataAttr3(stickyHeader),children}):null,filterable?jsxs5(Fragment2,{children:[jsx13(SideNav.FilterInput,{onValueChange:search,placeholder:"Filter...",value:query}),jsx13(SideNav.Divider,{className:"qui-docs-sidebar__group-separator"})]}):null,collection.rootNode.items.map((item_1,index)=>jsx13(SideNav.Nodes,{indexPath:[index],node:item_1,renderBranch:({node:node_4})=>jsxs5(SideNav.BranchNode,{render:node_4.pathname?jsx13(RenderLink,{href:node_4.pathname}):jsx13("div",{}),children:[jsx13(SideNav.NodeText,{children:node_4.title}),jsx13(SideNav.BranchTrigger,{})]}),renderLeaf:({indexPath,node:node_5})=>{let depthStyle={"--depth":indexPath.length},nested=booleanDataAttr3(indexPath.length>1);return node_5.sectionTitle?jsxs5(Fragment2,{children:[node_5.separator?jsx13(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):null,jsx13(SideNav.GroupLabel,{className:"qui-docs-sidebar__group-label","data-nested":nested,style:depthStyle,children:node_5.sectionTitle})]}):node_5.separator?jsx13(SideNav.Divider,{className:"qui-docs-sidebar__group-separator","data-nested":nested,style:depthStyle}):jsxs5(SideNav.LeafNode,{render:node_5.pathname?jsx13(RenderLink,{href:node_5.pathname}):jsx13("div",{}),children:[jsx13(SideNav.NodeIndicator,{}),jsx13(SideNav.NodeText,{children:node_5.title})]})},showIndentGuide:!0},collection.getNodeValue(item_1)))]})})}function getExpandedItems(items,pathname){return items.reduce((acc,current)=>{let id=current.id,expandedChildren=getExpandedItems(current.items??[],pathname);return(pathname===id||expandedChildren?.length||current.expanded&&current.items?.length)&&acc.push(id),[...acc,...expandedChildren]},[])}import{c as _c7}from"react/compiler-runtime";import{jsx as jsx14,jsxs as jsxs6}from"react/jsx-runtime";import{useEffect as useEffect3,useRef as useRef5,useState as useState4}from"react";import{uniq}from"lodash-es";import{useMdxDocsContext as useMdxDocsContext5}from"@qualcomm-ui/react-mdx/context";import{booleanDataAttr as booleanDataAttr4}from"@qualcomm-ui/utils/attributes";var HEADING_LEVELS=["h2","h3","h4"],SCROLL_DEBOUNCE_MS=0,RESIZE_DEBOUNCE_MS=100,HEADING_OFFSET=-48,VIEWPORT_TOP_MARGIN=.1,VIEWPORT_BOTTOM_MARGIN=.2,INDENT_PER_LEVEL=12;function useScrollDebounce(callback,delay){let $=_c7(3),timeoutRef=useRef5(void 0),t0;return $[0]!==callback||$[1]!==delay?(t0=(...t1)=>{let args=t1;clearTimeout(timeoutRef.current),timeoutRef.current=setTimeout(()=>callback(...args),delay)},$[0]=callback,$[1]=delay,$[2]=t0):t0=$[2],t0}function elementIsVisible(rect){return typeof window>"u"?!1:rect.top>=0&&rect.left>=0&&rect.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&rect.right<=(window.innerWidth||document.documentElement.clientWidth)}function useTocScrollSync(activeId,containerRef){let $=_c7(5),t0;$[0]===Symbol.for("react.memo_cache_sentinel")?(t0=new Map,$[0]=t0):t0=$[0];let linkRefs=useRef5(t0),t1,t2;return $[1]!==activeId||$[2]!==containerRef?(t1=()=>{if(!activeId||!containerRef.current)return;let activeElement=linkRefs.current.get(activeId);if(!activeElement)return;let observer=new IntersectionObserver(t3=>{let[entry]=t3;entry.isIntersecting||activeElement.scrollIntoView({behavior:"smooth",block:"nearest"}),observer.disconnect()},{root:containerRef.current,threshold:1});return observer.observe(activeElement),()=>observer.disconnect()},t2=[activeId,containerRef],$[1]=activeId,$[2]=containerRef,$[3]=t1,$[4]=t2):(t1=$[3],t2=$[4]),useEffect3(t1,t2),linkRefs}function useActiveHeading(){let $=_c7(11),[activeId,setActiveId]=useState4(null),{tocHighlightStrategy}=useMdxDocsContext5(),{mainContentElement,toc:headings}=useMdxDocsLayoutContext(),t0;$[0]!==headings||$[1]!==mainContentElement||$[2]!==tocHighlightStrategy?(t0=()=>{if(!headings.length||!mainContentElement)return;let headingElements=[],contentElement=document.querySelector(".qui-docs__app-content")?.querySelector("article");if(!contentElement)return;contentElement.querySelectorAll(uniq(HEADING_LEVELS).map(_temp25).join(",")).forEach(element=>{headingElements.push(element)});let activeIndex=null;if((tocHighlightStrategy||"nearest")==="nearest")if(window.scrollY===0)activeIndex=0;else if(window.scrollY+window.innerHeight>=document.body.scrollHeight)activeIndex=headingElements.length-1;else{let closestVisibleElementTop=1e5,closestVisibleIndex=-1,found=!1;for(let i=0;i<headingElements.length;i++){let elementRect=headingElements[i].getBoundingClientRect(),elementTop=elementRect.top;elementTop>HEADING_OFFSET&&elementIsVisible(elementRect)&&elementTop<closestVisibleElementTop&&(found=!0,closestVisibleElementTop=elementTop,closestVisibleIndex=i)}if(found)activeIndex=closestVisibleIndex>=0?closestVisibleIndex:null;else{let currentRegionIndex=headingElements.map((element_1,index)=>{let start=element_1.getBoundingClientRect().top+window.scrollY,nextElement=headingElements[index+1],end=nextElement?nextElement.getBoundingClientRect().top+window.scrollY-1:document.body.scrollHeight;return[start,end]}).findIndex(_temp24);activeIndex=currentRegionIndex>=0?currentRegionIndex:null}}else if(window.scrollY===0)activeIndex=0;else{let windowHeight=window.innerHeight;for(let i_0=0;i_0<headingElements.length;i_0++){let itemTop=headingElements[i_0].getBoundingClientRect().top,nextItem=headingElements[i_0+1];if((nextItem?nextItem.getBoundingClientRect().top:mainContentElement.getBoundingClientRect().bottom)>windowHeight*VIEWPORT_TOP_MARGIN&&itemTop<windowHeight*(1-VIEWPORT_BOTTOM_MARGIN)){activeIndex=i_0;break}}}activeIndex!==null&&headings[activeIndex]?setActiveId(headings[activeIndex].id):setActiveId(null)},$[0]=headings,$[1]=mainContentElement,$[2]=tocHighlightStrategy,$[3]=t0):t0=$[3];let calculateActive=t0,debouncedCalculateActive=useScrollDebounce(calculateActive,SCROLL_DEBOUNCE_MS),debouncedResizeHandler=useScrollDebounce(calculateActive,RESIZE_DEBOUNCE_MS),t1,t2;return $[4]!==calculateActive||$[5]!==debouncedCalculateActive||$[6]!==debouncedResizeHandler||$[7]!==headings.length||$[8]!==mainContentElement?(t1=()=>{if(!headings.length||!mainContentElement)return;calculateActive(),window.addEventListener("scroll",debouncedCalculateActive,{passive:!0}),window.addEventListener("resize",debouncedResizeHandler,{passive:!0});let resizeObserver=new ResizeObserver(debouncedResizeHandler);return resizeObserver.observe(mainContentElement),()=>{window.removeEventListener("scroll",debouncedCalculateActive),window.removeEventListener("resize",debouncedResizeHandler),resizeObserver.disconnect()}},t2=[calculateActive,debouncedCalculateActive,debouncedResizeHandler,headings.length,mainContentElement],$[4]=calculateActive,$[5]=debouncedCalculateActive,$[6]=debouncedResizeHandler,$[7]=headings.length,$[8]=mainContentElement,$[9]=t1,$[10]=t2):(t1=$[9],t2=$[10]),useEffect3(t1,t2),activeId}function _temp24(t0){let[start_0,end_0]=t0;return window.scrollY>start_0&&window.scrollY<end_0}function _temp25(level){return`${level}:not(.qui-demo-runner__wrapper ${level})`}function TableOfContents({activeTocClassName="q-active"}){let containerRef=useRef5(null),{renderLink:Link4}=useMdxDocsContext5(),{toc:headings}=useMdxDocsLayoutContext(),activeId=useActiveHeading(),linkRefs=useTocScrollSync(activeId,containerRef);return headings.length?jsx14("div",{className:"qui-toc",children:jsx14("div",{ref:containerRef,className:"qui-toc__container",children:jsxs6("div",{className:"qui-toc__links",children:[jsx14("div",{className:"qui-toc-bar"}),headings.map(({headingLevel,id,textContent})=>{let isActive=activeId===id;return jsxs6(TocLink,{ref:element=>{element?linkRefs.current.set(id,element):linkRefs.current.delete(id)},className:`qui-toc__link${isActive?` ${activeTocClassName}`:""}`,style:{paddingLeft:INDENT_PER_LEVEL*(headingLevel-1)},children:[headingLevel>2?jsx14("div",{"aria-hidden":!0,className:"qui-toc__link-indent-guide","data-active":booleanDataAttr4(isActive)}):null,jsx14(Link4,{href:`#${id}`,children:textContent})]},id)})]})})}):null}var Layout={AppContent,Breadcrumbs:DocsBreadcrumbs,ContentWrapper,Footer:DocsFooter,MainContent,PageLinks,Root,Sidebar,TableOfContents};import{c as _c8}from"react/compiler-runtime";import{Fragment as Fragment3,jsx as jsx15,jsxs as jsxs7}from"react/jsx-runtime";import{Menu,PanelLeftClose}from"lucide-react";import{IconButton}from"@qualcomm-ui/react/button";import{Drawer}from"@qualcomm-ui/react/drawer";import{Icon as Icon2}from"@qualcomm-ui/react/icon";import{Portal}from"@qualcomm-ui/react-core/portal";function MobileSidebar(t0){let $=_c8(2),{children,...props}=t0,{pathname}=useMdxDocsLayoutContext(),t1;return $[0]!==children?(t1=t2=>{let{open,setOpen}=t2;return jsx15(Sidebar,{"data-mobile":!0,filterable:!1,mobileDrawerState:open,stickyHeader:!0,children:jsxs7(Fragment3,{children:[children,jsx15(Drawer.CloseTrigger,{children:jsx15(IconButton,{"aria-label":"Close sidebar",className:"qui-docs-sidebar__mobile-close-trigger",density:"compact",icon:PanelLeftClose,onClick:()=>setOpen(!1),size:"lg",variant:"ghost"})})]})})},$[0]=children,$[1]=t1):t1=$[1],jsx15("div",{className:"qui-docs-sidebar__mobile-container",children:jsxs7(Drawer.Root,{placement:"start",...props,children:[jsx15(Drawer.Trigger,{children:jsx15(IconButton,{"aria-label":"Open Navigation Menu",icon:jsx15(Icon2,{icon:Menu,size:14}),size:"sm",variant:"ghost"})}),jsxs7(Portal,{children:[jsx15(Drawer.Backdrop,{}),jsx15(Drawer.Positioner,{children:jsx15(Drawer.Content,{className:"qui-docs-sidebar__drawer-content",children:jsx15(Drawer.Body,{className:"qui-docs-sidebar__drawer-body",children:jsx15(Drawer.Context,{children:t1})})})})]})]},pathname)})}import{jsx as jsx16,jsxs as jsxs8}from"react/jsx-runtime";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function UpdatedOn(t0){let{...props}=t0,docsLayoutData=useMdxDocsLayoutContext(),pageData=docsLayoutData?.pageMap?.[docsLayoutData.pathname],updatedOn=pageData?.updatedOn,updatedBy=pageData?.updatedBy;return!updatedOn&&!updatedBy?null:jsxs8("div",{...mergeProps4({className:"qui-docs__updated-on-wrapper"},props),children:[updatedOn&&jsxs8("span",{children:["Last updated on"," ",jsx16("time",{className:"qui-docs__updated-on-time",children:new Date(updatedOn).toLocaleDateString("en-US",{day:"numeric",month:"short",year:"numeric"})})]}),updatedBy&&jsxs8("span",{children:[updatedOn?" by ":"Updated by ",jsx16("span",{className:"qui-docs__updated-by",children:updatedBy})]})]})}function DocsLayout({children,footer,header,rootBreadcrumb,sidebarProps,...props}){return jsx17(Layout.Root,{...props,children:({hidePageLinks,hideSideNav,showToc})=>jsxs9(Fragment4,{children:[header,jsx17(Layout.ContentWrapper,{children:jsxs9(Layout.AppContent,{children:[!hideSideNav&&jsx17(Layout.Sidebar,{...sidebarProps}),jsxs9(Layout.MainContent,{children:[jsx17(Layout.Breadcrumbs,{rootBreadcrumb}),children,jsx17(UpdatedOn,{}),!hidePageLinks&&jsx17(Layout.PageLinks,{})]}),showToc?jsx17(Layout.TableOfContents,{}):null]})}),footer]})})}export{DocsFooter,DocsLayout,Layout,MdxDocsLayoutContextProvider,MdxProvider,MobileSidebar,useMdxDocsLayoutContext};
 //# sourceMappingURL=index.js.map