@qualcomm-ui/react-mdx 1.0.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 (256) hide show
  1. package/LICENSE.txt +31 -0
  2. package/dist/all.min.css +1 -0
  3. package/dist/angular-logo/angular-logo.d.ts +3 -0
  4. package/dist/angular-logo/angular-logo.d.ts.map +1 -0
  5. package/dist/angular-logo/index.d.ts +2 -0
  6. package/dist/angular-logo/index.d.ts.map +1 -0
  7. package/dist/angular-logo/index.js +3 -0
  8. package/dist/angular-logo/index.js.map +7 -0
  9. package/dist/code-demo/code-demo.types.d.ts +14 -0
  10. package/dist/code-demo/code-demo.types.d.ts.map +1 -0
  11. package/dist/code-demo/code-demo.utils.d.ts +54 -0
  12. package/dist/code-demo/code-demo.utils.d.ts.map +1 -0
  13. package/dist/code-demo/index.d.ts +6 -0
  14. package/dist/code-demo/index.d.ts.map +1 -0
  15. package/dist/code-demo/index.js +7 -0
  16. package/dist/code-demo/index.js.map +7 -0
  17. package/dist/code-demo/internal/index.d.ts +4 -0
  18. package/dist/code-demo/internal/index.d.ts.map +1 -0
  19. package/dist/code-demo/internal/qds-demo-theme-selector.d.ts +6 -0
  20. package/dist/code-demo/internal/qds-demo-theme-selector.d.ts.map +1 -0
  21. package/dist/code-demo/internal/use-code-demo-preview.d.ts +21 -0
  22. package/dist/code-demo/internal/use-code-demo-preview.d.ts.map +1 -0
  23. package/dist/code-demo/internal/use-qds-demo-theme.d.ts +19 -0
  24. package/dist/code-demo/internal/use-qds-demo-theme.d.ts.map +1 -0
  25. package/dist/code-demo/qds-angular-demo-runner.d.ts +32 -0
  26. package/dist/code-demo/qds-angular-demo-runner.d.ts.map +1 -0
  27. package/dist/code-demo/qds-demo-runner.d.ts +46 -0
  28. package/dist/code-demo/qds-demo-runner.d.ts.map +1 -0
  29. package/dist/code-demo/qds-react-demo.d.ts +56 -0
  30. package/dist/code-demo/qds-react-demo.d.ts.map +1 -0
  31. package/dist/code-highlight/code-highlight.d.ts +65 -0
  32. package/dist/code-highlight/code-highlight.d.ts.map +1 -0
  33. package/dist/code-highlight/index.d.ts +2 -0
  34. package/dist/code-highlight/index.d.ts.map +1 -0
  35. package/dist/code-highlight/index.js +4 -0
  36. package/dist/code-highlight/index.js.map +7 -0
  37. package/dist/code-highlight/reflection-reference-popup.d.ts +8 -0
  38. package/dist/code-highlight/reflection-reference-popup.d.ts.map +1 -0
  39. package/dist/context/index.d.ts +3 -0
  40. package/dist/context/index.d.ts.map +1 -0
  41. package/dist/context/index.js +3 -0
  42. package/dist/context/index.js.map +7 -0
  43. package/dist/context/use-mdx-docs-context.d.ts +44 -0
  44. package/dist/context/use-mdx-docs-context.d.ts.map +1 -0
  45. package/dist/context/use-site-context.d.ts +5 -0
  46. package/dist/context/use-site-context.d.ts.map +1 -0
  47. package/dist/copy-to-clipboard/copy-to-clipboard-button.d.ts +6 -0
  48. package/dist/copy-to-clipboard/copy-to-clipboard-button.d.ts.map +1 -0
  49. package/dist/copy-to-clipboard/copy-to-clipboard-context.d.ts +8 -0
  50. package/dist/copy-to-clipboard/copy-to-clipboard-context.d.ts.map +1 -0
  51. package/dist/copy-to-clipboard/copy-to-clipboard-icon-button.d.ts +6 -0
  52. package/dist/copy-to-clipboard/copy-to-clipboard-icon-button.d.ts.map +1 -0
  53. package/dist/copy-to-clipboard/index.d.ts +5 -0
  54. package/dist/copy-to-clipboard/index.d.ts.map +1 -0
  55. package/dist/copy-to-clipboard/index.js +3 -0
  56. package/dist/copy-to-clipboard/index.js.map +7 -0
  57. package/dist/copy-to-clipboard/use-copy-to-clipboard.d.ts +9 -0
  58. package/dist/copy-to-clipboard/use-copy-to-clipboard.d.ts.map +1 -0
  59. package/dist/deprecated-module/deprecated-module.d.ts +14 -0
  60. package/dist/deprecated-module/deprecated-module.d.ts.map +1 -0
  61. package/dist/deprecated-module/index.d.ts +2 -0
  62. package/dist/deprecated-module/index.d.ts.map +1 -0
  63. package/dist/deprecated-module/index.js +3 -0
  64. package/dist/deprecated-module/index.js.map +7 -0
  65. package/dist/docs-layout/docs-layout.d.ts +15 -0
  66. package/dist/docs-layout/docs-layout.d.ts.map +1 -0
  67. package/dist/docs-layout/index.d.ts +5 -0
  68. package/dist/docs-layout/index.d.ts.map +1 -0
  69. package/dist/docs-layout/index.js +3 -0
  70. package/dist/docs-layout/index.js.map +7 -0
  71. package/dist/docs-layout/internal/anchor-header.d.ts +22 -0
  72. package/dist/docs-layout/internal/anchor-header.d.ts.map +1 -0
  73. package/dist/docs-layout/internal/code-tabs.d.ts +6 -0
  74. package/dist/docs-layout/internal/code-tabs.d.ts.map +1 -0
  75. package/dist/docs-layout/internal/index.d.ts +5 -0
  76. package/dist/docs-layout/internal/index.d.ts.map +1 -0
  77. package/dist/docs-layout/internal/shiki-pre.d.ts +5 -0
  78. package/dist/docs-layout/internal/shiki-pre.d.ts.map +1 -0
  79. package/dist/docs-layout/internal/toc-link.d.ts +10 -0
  80. package/dist/docs-layout/internal/toc-link.d.ts.map +1 -0
  81. package/dist/docs-layout/layout/app-content.d.ts +10 -0
  82. package/dist/docs-layout/layout/app-content.d.ts.map +1 -0
  83. package/dist/docs-layout/layout/breadcrumbs.d.ts +11 -0
  84. package/dist/docs-layout/layout/breadcrumbs.d.ts.map +1 -0
  85. package/dist/docs-layout/layout/content-wrapper.d.ts +10 -0
  86. package/dist/docs-layout/layout/content-wrapper.d.ts.map +1 -0
  87. package/dist/docs-layout/layout/docs-footer.d.ts +10 -0
  88. package/dist/docs-layout/layout/docs-footer.d.ts.map +1 -0
  89. package/dist/docs-layout/layout/index.d.ts +5 -0
  90. package/dist/docs-layout/layout/index.d.ts.map +1 -0
  91. package/dist/docs-layout/layout/layout.d.ts +21 -0
  92. package/dist/docs-layout/layout/layout.d.ts.map +1 -0
  93. package/dist/docs-layout/layout/main-content.d.ts +14 -0
  94. package/dist/docs-layout/layout/main-content.d.ts.map +1 -0
  95. package/dist/docs-layout/layout/mobile-sidebar.d.ts +12 -0
  96. package/dist/docs-layout/layout/mobile-sidebar.d.ts.map +1 -0
  97. package/dist/docs-layout/layout/page-links.d.ts +8 -0
  98. package/dist/docs-layout/layout/page-links.d.ts.map +1 -0
  99. package/dist/docs-layout/layout/root.d.ts +12 -0
  100. package/dist/docs-layout/layout/root.d.ts.map +1 -0
  101. package/dist/docs-layout/layout/sidebar.d.ts +27 -0
  102. package/dist/docs-layout/layout/sidebar.d.ts.map +1 -0
  103. package/dist/docs-layout/layout/table-of-contents.d.ts +7 -0
  104. package/dist/docs-layout/layout/table-of-contents.d.ts.map +1 -0
  105. package/dist/docs-layout/layout/use-mdx-docs-layout.d.ts +18 -0
  106. package/dist/docs-layout/layout/use-mdx-docs-layout.d.ts.map +1 -0
  107. package/dist/docs-layout/mdx-provider.d.ts +44 -0
  108. package/dist/docs-layout/mdx-provider.d.ts.map +1 -0
  109. package/dist/docs-layout/types.d.ts +88 -0
  110. package/dist/docs-layout/types.d.ts.map +1 -0
  111. package/dist/file-tree/file-tree.d.ts +12 -0
  112. package/dist/file-tree/file-tree.d.ts.map +1 -0
  113. package/dist/file-tree/index.d.ts +2 -0
  114. package/dist/file-tree/index.d.ts.map +1 -0
  115. package/dist/file-tree/index.js +3 -0
  116. package/dist/file-tree/index.js.map +7 -0
  117. package/dist/not-found/index.d.ts +2 -0
  118. package/dist/not-found/index.d.ts.map +1 -0
  119. package/dist/not-found/index.js +3 -0
  120. package/dist/not-found/index.js.map +7 -0
  121. package/dist/not-found/not-found.d.ts +5 -0
  122. package/dist/not-found/not-found.d.ts.map +1 -0
  123. package/dist/npm-install-tabs/index.d.ts +2 -0
  124. package/dist/npm-install-tabs/index.d.ts.map +1 -0
  125. package/dist/npm-install-tabs/index.js +3 -0
  126. package/dist/npm-install-tabs/index.js.map +7 -0
  127. package/dist/npm-install-tabs/npm-install-tabs.d.ts +19 -0
  128. package/dist/npm-install-tabs/npm-install-tabs.d.ts.map +1 -0
  129. package/dist/qui-ecosystem/index.d.ts +2 -0
  130. package/dist/qui-ecosystem/index.d.ts.map +1 -0
  131. package/dist/qui-ecosystem/index.js +3 -0
  132. package/dist/qui-ecosystem/index.js.map +7 -0
  133. package/dist/qui-ecosystem/qui-ecosystem.d.ts +8 -0
  134. package/dist/qui-ecosystem/qui-ecosystem.d.ts.map +1 -0
  135. package/dist/react-logo/index.d.ts +2 -0
  136. package/dist/react-logo/index.d.ts.map +1 -0
  137. package/dist/react-logo/index.js +3 -0
  138. package/dist/react-logo/index.js.map +7 -0
  139. package/dist/react-logo/react-logo.d.ts +6 -0
  140. package/dist/react-logo/react-logo.d.ts.map +1 -0
  141. package/dist/runner/index.d.ts +5 -0
  142. package/dist/runner/index.d.ts.map +1 -0
  143. package/dist/runner/index.js +3 -0
  144. package/dist/runner/index.js.map +7 -0
  145. package/dist/runner/runner.d.ts +26 -0
  146. package/dist/runner/runner.d.ts.map +1 -0
  147. package/dist/runner/transform.d.ts +3 -0
  148. package/dist/runner/transform.d.ts.map +1 -0
  149. package/dist/runner/types.d.ts +11 -0
  150. package/dist/runner/types.d.ts.map +1 -0
  151. package/dist/runner/use-runner.d.ts +12 -0
  152. package/dist/runner/use-runner.d.ts.map +1 -0
  153. package/dist/runner/utils.d.ts +6 -0
  154. package/dist/runner/utils.d.ts.map +1 -0
  155. package/dist/shiki/index.d.ts +3 -0
  156. package/dist/shiki/index.d.ts.map +1 -0
  157. package/dist/shiki/index.js +3 -0
  158. package/dist/shiki/index.js.map +7 -0
  159. package/dist/shiki/shiki-highlighter.d.ts +12 -0
  160. package/dist/shiki/shiki-highlighter.d.ts.map +1 -0
  161. package/dist/shiki/shiki-instance.d.ts +10 -0
  162. package/dist/shiki/shiki-instance.d.ts.map +1 -0
  163. package/dist/site-search/grouped-result-item.d.ts +9 -0
  164. package/dist/site-search/grouped-result-item.d.ts.map +1 -0
  165. package/dist/site-search/index.d.ts +6 -0
  166. package/dist/site-search/index.d.ts.map +1 -0
  167. package/dist/site-search/index.js +3 -0
  168. package/dist/site-search/index.js.map +7 -0
  169. package/dist/site-search/search-result-item.d.ts +11 -0
  170. package/dist/site-search/search-result-item.d.ts.map +1 -0
  171. package/dist/site-search/site-search.d.ts +12 -0
  172. package/dist/site-search/site-search.d.ts.map +1 -0
  173. package/dist/site-search/use-grouped-results.d.ts +11 -0
  174. package/dist/site-search/use-grouped-results.d.ts.map +1 -0
  175. package/dist/site-search/use-site-search.d.ts +6 -0
  176. package/dist/site-search/use-site-search.d.ts.map +1 -0
  177. package/dist/spoiler/index.d.ts +2 -0
  178. package/dist/spoiler/index.d.ts.map +1 -0
  179. package/dist/spoiler/index.js +3 -0
  180. package/dist/spoiler/index.js.map +7 -0
  181. package/dist/spoiler/spoiler.d.ts +25 -0
  182. package/dist/spoiler/spoiler.d.ts.map +1 -0
  183. package/dist/tsbuildinfo +1 -0
  184. package/dist/typedoc/docs-external-link.d.ts +9 -0
  185. package/dist/typedoc/docs-external-link.d.ts.map +1 -0
  186. package/dist/typedoc/index.d.ts +15 -0
  187. package/dist/typedoc/index.d.ts.map +1 -0
  188. package/dist/typedoc/index.js +10 -0
  189. package/dist/typedoc/index.js.map +7 -0
  190. package/dist/typedoc/internal/index.d.ts +3 -0
  191. package/dist/typedoc/internal/index.d.ts.map +1 -0
  192. package/dist/typedoc/internal/jsdoc-comment.d.ts +7 -0
  193. package/dist/typedoc/internal/jsdoc-comment.d.ts.map +1 -0
  194. package/dist/typedoc/internal/prop-types.utils.d.ts +30 -0
  195. package/dist/typedoc/internal/prop-types.utils.d.ts.map +1 -0
  196. package/dist/typedoc/prop-default.d.ts +7 -0
  197. package/dist/typedoc/prop-default.d.ts.map +1 -0
  198. package/dist/typedoc/prop-description/index.d.ts +9 -0
  199. package/dist/typedoc/prop-description/index.d.ts.map +1 -0
  200. package/dist/typedoc/prop-description/prop-description-block-tags.d.ts +7 -0
  201. package/dist/typedoc/prop-description/prop-description-block-tags.d.ts.map +1 -0
  202. package/dist/typedoc/prop-description/prop-description-extra-details.d.ts +8 -0
  203. package/dist/typedoc/prop-description/prop-description-extra-details.d.ts.map +1 -0
  204. package/dist/typedoc/prop-description/prop-description-function-args.d.ts +8 -0
  205. package/dist/typedoc/prop-description/prop-description-function-args.d.ts.map +1 -0
  206. package/dist/typedoc/prop-description/prop-description-inline-tag.d.ts +8 -0
  207. package/dist/typedoc/prop-description/prop-description-inline-tag.d.ts.map +1 -0
  208. package/dist/typedoc/prop-description/prop-description-option-tags.d.ts +8 -0
  209. package/dist/typedoc/prop-description/prop-description-option-tags.d.ts.map +1 -0
  210. package/dist/typedoc/prop-description/prop-description-see-tags.d.ts +9 -0
  211. package/dist/typedoc/prop-description/prop-description-see-tags.d.ts.map +1 -0
  212. package/dist/typedoc/prop-description/prop-description-summary.d.ts +8 -0
  213. package/dist/typedoc/prop-description/prop-description-summary.d.ts.map +1 -0
  214. package/dist/typedoc/prop-description/prop-description.d.ts +8 -0
  215. package/dist/typedoc/prop-description/prop-description.d.ts.map +1 -0
  216. package/dist/typedoc/prop-name.d.ts +10 -0
  217. package/dist/typedoc/prop-name.d.ts.map +1 -0
  218. package/dist/typedoc/prop-types/index.d.ts +7 -0
  219. package/dist/typedoc/prop-types/index.d.ts.map +1 -0
  220. package/dist/typedoc/prop-types/prop-type.d.ts +8 -0
  221. package/dist/typedoc/prop-types/prop-type.d.ts.map +1 -0
  222. package/dist/typedoc/prop-types/reference.d.ts +8 -0
  223. package/dist/typedoc/prop-types/reference.d.ts.map +1 -0
  224. package/dist/typedoc/prop-types/reflection.d.ts +7 -0
  225. package/dist/typedoc/prop-types/reflection.d.ts.map +1 -0
  226. package/dist/typedoc/prop-types/simple-type.d.ts +10 -0
  227. package/dist/typedoc/prop-types/simple-type.d.ts.map +1 -0
  228. package/dist/typedoc/prop-types/ts-icon.d.ts +5 -0
  229. package/dist/typedoc/prop-types/ts-icon.d.ts.map +1 -0
  230. package/dist/typedoc/prop-types/type-info-popup.d.ts +7 -0
  231. package/dist/typedoc/prop-types/type-info-popup.d.ts.map +1 -0
  232. package/dist/typedoc/reflection/index.d.ts +4 -0
  233. package/dist/typedoc/reflection/index.d.ts.map +1 -0
  234. package/dist/typedoc/reflection/type-doc-parameters-table.d.ts +7 -0
  235. package/dist/typedoc/reflection/type-doc-parameters-table.d.ts.map +1 -0
  236. package/dist/typedoc/reflection/type-doc-reflection-return.d.ts +7 -0
  237. package/dist/typedoc/reflection/type-doc-reflection-return.d.ts.map +1 -0
  238. package/dist/typedoc/reflection/type-doc-reflection.d.ts +9 -0
  239. package/dist/typedoc/reflection/type-doc-reflection.d.ts.map +1 -0
  240. package/dist/typedoc/type-doc-angular-attributes.d.ts +6 -0
  241. package/dist/typedoc/type-doc-angular-attributes.d.ts.map +1 -0
  242. package/dist/typedoc/type-doc-attributes.d.ts +10 -0
  243. package/dist/typedoc/type-doc-attributes.d.ts.map +1 -0
  244. package/dist/typedoc/type-doc-props.d.ts +71 -0
  245. package/dist/typedoc/type-doc-props.d.ts.map +1 -0
  246. package/dist/typedoc/typedoc-props-list.d.ts +11 -0
  247. package/dist/typedoc/typedoc-props-list.d.ts.map +1 -0
  248. package/dist/typedoc/typedoc-props-table.d.ts +11 -0
  249. package/dist/typedoc/typedoc-props-table.d.ts.map +1 -0
  250. package/dist/typedoc/use-props-context.d.ts +6 -0
  251. package/dist/typedoc/use-props-context.d.ts.map +1 -0
  252. package/dist/typedoc/use-props-layout-context.d.ts +16 -0
  253. package/dist/typedoc/use-props-layout-context.d.ts.map +1 -0
  254. package/dist/typedoc/use-typedoc-context.d.ts +21 -0
  255. package/dist/typedoc/use-typedoc-context.d.ts.map +1 -0
  256. package/package.json +53 -0
package/LICENSE.txt ADDED
@@ -0,0 +1,31 @@
1
+ Copyright (c) Qualcomm Technologies, Inc. and/or its subsidiaries.
2
+
3
+ Redistribution and use in source and binary forms, with or without
4
+ modification, are permitted (subject to the limitations in the
5
+ disclaimer below) provided that the following conditions are met:
6
+
7
+ * Redistributions of source code must retain the above copyright
8
+ notice, this list of conditions and the following disclaimer.
9
+
10
+ * Redistributions in binary form must reproduce the above
11
+ copyright notice, this list of conditions and the following
12
+ disclaimer in the documentation and/or other materials provided
13
+ with the distribution.
14
+
15
+ * Neither the name of Qualcomm Technologies, Inc. nor the names of its
16
+ contributors may be used to endorse or promote products derived
17
+ from this software without specific prior written permission.
18
+
19
+ NO EXPRESS OR IMPLIED LICENSES TO ANY PARTY'S PATENT RIGHTS ARE
20
+ GRANTED BY THIS LICENSE. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT
21
+ HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED
22
+ WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
23
+ MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED.
24
+ IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
25
+ ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
26
+ DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
27
+ GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
28
+ INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
29
+ IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR
30
+ OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN
31
+ IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
@@ -0,0 +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 * 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}.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{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}.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}.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{height:22px;outline:none;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)}.qui-docs__not-found{display:flex;flex-direction:column;gap:24px;margin-top:16px}:root{--qui-docs-search-width:calc(95vw - 32px)}@media (min-width: 640px){:root{--qui-docs-search-width:calc(80vw - 32px)}}@media (min-width: 1024px){:root{--qui-docs-search-width:800px}}.qui-site-search__floating-panel-mobile{background:var(--color-background-neutral-03);border-radius:var(--border-radius-md);flex-direction:column;max-height:400px;overflow-y:auto;width:var(--qui-docs-search-width)}.qui-site-search__mobile-icon{width:100%}.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}.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-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.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{align-items:center;color:var(--color-text-neutral-primary);display:inline-flex;font:var(--font-static-body-sm-default);white-space:nowrap}.qui-page-link__root{border:solid 1px var(--color-border-neutral-01);border-radius:3px;display:flex;flex-direction:column;gap:4px;margin-top:64px;padding:16px;width:100%}.qui-page-link__root.q-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-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)}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-top:32px;padding-bottom:8px;width:100%}h3.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-sm-default);margin-top:32px}h4.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xs-default);margin-top:24px}h5.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin-top:20px}h6.mdx{color:var(--color-text-neutral-primary);font:var(--font-static-heading-xxs-default);margin-top:var(--qui-mdx-margin-default)}img.mdx{margin-top:var(--qui-mdx-margin-default)}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;color:var(--qui-docs-code-color);display:inline-block;font:var(--font-static-code-sm-default);line-height:normal;padding: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%}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)!important;color:var(--shiki-dark)!important}.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)}: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);height:var(--qui-header-height);position:sticky;top:0;width:100%;z-index:20}.qui-docs__header .qui-header-bar__root{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{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}}.qui-docs-sidebar__root{-webkit-appearance:none;-moz-appearance:none;appearance:none;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}@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}}@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{--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,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{--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,950px)}}.qui-docs__app-content .qui-docs-sidebar__root>.q-side-navigation--root{padding-left:16px;padding-right:16px}.qui-docs__app-content .qui-docs-heading{align-items:center;color:var(--color-text-neutral-primary)!important;display:inline-flex;gap:8px}.keyboard-focus-indicator .indicator{align-items:center;border:solid 1px var(--color-border-neutral-02);border-radius:4px;display:flex;font-size:12px;gap:2px;height:20px;padding:1px 3px 1px 2px}.keyboard-focus-indicator .indicator .ctrl-indicator{margin-right:2px}.keyboard-focus-indicator .indicator svg{height:10px;width:10px}pre.qui-docs-code{line-height:1.45;padding:4px}pre.qui-docs-code * code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font-family:var(--q-font-mono),monospace;font-size:14px!important;padding:2px 4px}pre.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code{background:var(--qui-docs-code-background);border-radius:3px;color:var(--qui-docs-code-color);font:var(--font-static-code-sm-default);font-size:14px;padding:1px 4px}.qui-docs-code.fit{width:-moz-fit-content;width:fit-content}.qui-docs-code:has(* pre[class*=language-]){background:transparent}.doc-props * pre{padding:6px 8px!important}.qui-docs-sidebar__root .qui-side-nav__root{padding:0 8px}.qui-docs-sidebar__root .qui-side-nav__group-label{margin-top:12px;padding-bottom:8px;padding-left:calc(var(--indent-spacing) * var(--depth))}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator{margin-top:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__branch-root){margin-bottom:16px}.qui-docs-sidebar__root .qui-docs-sidebar__group-separator:has(+.qui-side-nav__node-root){margin-bottom:16px}.qui-docs-sidebar__mobile-close-trigger{margin-left:auto}:root{--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;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 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}pre.shiki{border-bottom-left-radius:4px;border-bottom-right-radius:4px;font:var(--font-static-code-sm-default);padding: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{display:inline-flex}.qui-demo-runner__action-bar{align-items:center;border-bottom:solid 1px var(--color-border-neutral-02);display:flex;flex:1;justify-content:space-between;min-height:32px;padding-right:12px;z-index:1}.qui-demo-runner__action-bar[data-state=closed]{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}.mdx.qui-docs-highlighter__root pre.shiki-code{background:var(--docs-code-demo-background);border:solid 1px var(--color-border-neutral-02)}.qui-demo-runner__brand-selection-wrapper{align-items:center;background:var(--docs-code-demo-background);border-bottom:solid 1px var(--color-border-neutral-02);border-top-left-radius:4px;border-top-right-radius:4px;display:flex;gap:4px;justify-content:flex-end;padding:8px 12px}.qui-demo-runner__brand-selection-wrapper .qui-select__root{align-items:center;flex-direction:row;gap:8px;width:170px}angular-demo{display:contents}angular-demo .angular-demo-container{display:contents}angular-demo .angular-demo-container>*{display:contents}.qds-demo-runner__ssr-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.qds-demo-runner__ssr-placeholder>*{display:contents}.qds-demo-runner__ssr-placeholder+angular-demo[data-bootstrapped]{display:none}.qds-demo-runner__render-error{align-items:center;align-self:center;color:var(--color-text-neutral-primary);display:flex;font:var(--font-static-body-sm-default);gap:8px;height:-moz-fit-content;height:fit-content}.qui-deprecated-module__root{display:flex;flex:1 0 auto;width:100%}.qui-deprecated-module__notification{width:100%}.qui-deprecated-message{display:flex;flex:1 0 auto;flex-direction:column}.qui-docs-highlighter__root{border-radius:6px;position:relative}.qui-docs-highlighter__root.not-allowed pre.shiki-code{background:var(--color-background-support-warning-subtle)!important;border:1px solid var(--color-border-support-warning)!important}.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;padding:16px}.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-code-copy-button{border-radius:4px;position:absolute;right:8px;top:7px;z-index:2}.qui-code-copy-button[data-centered]{top:calc(50% - 16px)}.qui-code-copy-button.has-title{top:44px}.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 .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}[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)}
@@ -0,0 +1,3 @@
1
+ import type { ReactElement, SVGProps } from "react";
2
+ export declare function AngularLogo(props: SVGProps<SVGSVGElement>): ReactElement;
3
+ //# sourceMappingURL=angular-logo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"angular-logo.d.ts","sourceRoot":"","sources":["../../src/angular-logo/angular-logo.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEjD,wBAAgB,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,YAAY,CA4BxE"}
@@ -0,0 +1,2 @@
1
+ export * from "./angular-logo";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/angular-logo/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
@@ -0,0 +1,3 @@
1
+ "use client";
2
+ import{jsx as l,jsxs as e}from"react/jsx-runtime";function f(t){return e("svg",{viewBox:"0 0 250 250",xmlSpace:"preserve",xmlns:"http://www.w3.org/2000/svg",...t,children:[l("path",{d:"M125 30 31.9 63.2l14.2 123.1L125 230l78.9-43.7 14.2-123.1z",style:{fill:"#dd0031"}}),l("path",{d:"M125 30v22.2-.1V230l78.9-43.7 14.2-123.1L125 30z",style:{fill:"#c3002f"}}),l("path",{d:"M125 52.1 66.8 182.6h21.7l11.7-29.2h49.4l11.7 29.2H183L125 52.1zm17 83.3h-34l17-40.9 17 40.9z",style:{fill:"#fff"}})]})}export{f as AngularLogo};
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/angular-logo/angular-logo.tsx"],
4
+ "sourcesContent": ["import { jsx, jsxs } from \"react/jsx-runtime\";\nexport function AngularLogo(props) {\n return /* @__PURE__ */jsxs(\"svg\", {\n viewBox: \"0 0 250 250\",\n xmlSpace: \"preserve\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ...props,\n children: [/* @__PURE__ */jsx(\"path\", {\n d: \"M125 30 31.9 63.2l14.2 123.1L125 230l78.9-43.7 14.2-123.1z\",\n style: {\n fill: \"#dd0031\"\n }\n }), /* @__PURE__ */jsx(\"path\", {\n d: \"M125 30v22.2-.1V230l78.9-43.7 14.2-123.1L125 30z\",\n style: {\n fill: \"#c3002f\"\n }\n }), /* @__PURE__ */jsx(\"path\", {\n d: \"M125 52.1 66.8 182.6h21.7l11.7-29.2h49.4l11.7 29.2H183L125 52.1zm17 83.3h-34l17-40.9 17 40.9z\",\n style: {\n fill: \"#fff\"\n }\n })]\n });\n}"],
5
+ "mappings": ";AAAA,OAAS,OAAAA,EAAK,QAAAC,MAAY,oBACnB,SAASC,EAAYC,EAAO,CACjC,OAAsBF,EAAK,MAAO,CAChC,QAAS,cACT,SAAU,WACV,MAAO,6BACP,GAAGE,EACH,SAAU,CAAgBH,EAAI,OAAQ,CACpC,EAAG,6DACH,MAAO,CACL,KAAM,SACR,CACF,CAAC,EAAkBA,EAAI,OAAQ,CAC7B,EAAG,mDACH,MAAO,CACL,KAAM,SACR,CACF,CAAC,EAAkBA,EAAI,OAAQ,CAC7B,EAAG,gGACH,MAAO,CACL,KAAM,MACR,CACF,CAAC,CAAC,CACJ,CAAC,CACH",
6
+ "names": ["jsx", "jsxs", "AngularLogo", "props"]
7
+ }
@@ -0,0 +1,14 @@
1
+ import type { FunctionComponent } from "react";
2
+ export interface CodeSource {
3
+ code: string;
4
+ fileName: string;
5
+ /**
6
+ * @default 'tsx'
7
+ */
8
+ language?: string;
9
+ }
10
+ export interface CodeDemoNode {
11
+ component: FunctionComponent;
12
+ source: CodeSource[];
13
+ }
14
+ //# sourceMappingURL=code-demo.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"code-demo.types.d.ts","sourceRoot":"","sources":["../../src/code-demo/code-demo.types.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,iBAAiB,CAAA;IAC5B,MAAM,EAAE,UAAU,EAAE,CAAA;CACrB"}
@@ -0,0 +1,54 @@
1
+ import type { SourceCodeData } from "@qualcomm-ui/mdx-common";
2
+ export interface PreviewBlock {
3
+ content: string;
4
+ endLine: number;
5
+ startLine: number;
6
+ }
7
+ export interface ExtractedPreview {
8
+ formattedPreview?: string;
9
+ previewBlocks?: PreviewBlock[];
10
+ sourceWithoutPreviews: string;
11
+ }
12
+ /**
13
+ * Extracts preview blocks from source code and returns both the blocks and the
14
+ * original source with preview marker lines removed.
15
+ *
16
+ * This function identifies `// preview` comment pairs, extracts the content between
17
+ * them as preview blocks, and returns a cleaned version of the source code with
18
+ * all preview marker lines removed but preview content preserved.
19
+ *
20
+ * @param code - The source code string to process
21
+ * @returns Object containing the extracted preview blocks and cleaned source code
22
+ *
23
+ * @example
24
+ * ```typescript
25
+ * const sourceCode = `
26
+ * function Component() {
27
+ * return (
28
+ * // preview
29
+ * <div>Hello World</div>
30
+ * // preview
31
+ * )
32
+ * }`
33
+ *
34
+ * const {previewBlocks, sourceWithoutPreviews} = extractPreviewsAndCleanSource(sourceCode)
35
+ *
36
+ * console.log(previewBlocks[0].content) // "<div>Hello World</div>"
37
+ * console.log(sourceWithoutPreviews)
38
+ * // Output:
39
+ * // function Component() {
40
+ * // return (
41
+ * // <div>Hello World</div>
42
+ * // )
43
+ * // }
44
+ * ```
45
+ * @deprecated this is done automatically by the vite plugin backend.
46
+ */
47
+ export declare function extractPreviewsAndCleanSource(code: string): ExtractedPreview;
48
+ /**
49
+ * Matches JSX / normal JS preview snippets.
50
+ */
51
+ export declare function isPreviewLine(trimmedLine: string): boolean;
52
+ export declare function isImportLine(trimmedLine: string): boolean;
53
+ export declare function getDefaultSourceCode(): SourceCodeData;
54
+ //# sourceMappingURL=code-demo.utils.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"code-demo.utils.d.ts","sourceRoot":"","sources":["../../src/code-demo/code-demo.utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAA;AAG3D,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,qBAAqB,EAAE,MAAM,CAAA;CAC9B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,MAAM,GAAG,gBAAgB,CA4C5E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAK1D;AAED,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,CAEzD;AAED,wBAAgB,oBAAoB,IAAI,cAAc,CAYrD"}
@@ -0,0 +1,6 @@
1
+ export type * from "./code-demo.types";
2
+ export * from "./code-demo.utils";
3
+ export * from "./qds-angular-demo-runner";
4
+ export * from "./qds-demo-runner";
5
+ export * from "./qds-react-demo";
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/code-demo/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,mBAAmB,CAAA;AACtC,cAAc,mBAAmB,CAAA;AACjC,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA"}
@@ -0,0 +1,7 @@
1
+ "use client";
2
+ import{dedent as Ce}from"@qualcomm-ui/utils/dedent";function xe(o){let e=o.split(`
3
+ `),s=[],l=[],i=!1,a=[],d=-1;for(let r=0;r<e.length;r++){let c=e[r],x=c.trim();_e(x)?i?(s.push({content:a.join(`
4
+ `),endLine:r-1,startLine:d}),a=[],i=!1):(i=!0,d=r+1):(l.push(c),i&&a.push(c))}return{formattedPreview:Ce(s.map(r=>r.content).join(`
5
+ `)),previewBlocks:s,sourceWithoutPreviews:l.join(`
6
+ `)}}function _e(o){return o==="// preview"||/^\{\s*\/\*\s*preview\s*\*\/\s*\}$/.test(o)}function Oe(o){return o.startsWith("import")}function J(){return{fileName:"",highlighted:{full:""},raw:{full:"",preview:"",withoutImports:""}}}import{c as qe}from"react/compiler-runtime";import{jsx as f,jsxs as P}from"react/jsx-runtime";import{useState as ee}from"react";import{ChevronsLeftRight as De}from"lucide-react";import{Button as Ie}from"@qualcomm-ui/react/button";import{InlineNotification as Te}from"@qualcomm-ui/react/inline-notification";import{ProgressRing as Be}from"@qualcomm-ui/react/progress-ring";import{Tab as te,Tabs as K}from"@qualcomm-ui/react/tabs";import{CopyToClipboardButton as Re}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{booleanDataAttr as oe}from"@qualcomm-ui/utils/attributes";import{mergeProps as re}from"@qualcomm-ui/utils/merge-props";import{c as Se}from"react/compiler-runtime";import{jsx as Z}from"react/jsx-runtime";import{Select as Pe}from"@qualcomm-ui/react/select";import{c as be}from"react/compiler-runtime";import"react";import{ListCollection as Ne}from"@qualcomm-ui/utils/collection";var z=new Ne({itemLabel:o=>o.label,items:[{id:"qualcomm",label:"Qualcomm"},{id:"snapdragon",label:"Snapdragon"},{id:"dragonwing",label:"Dragonwing"}],itemValue:o=>o.id});function Y(o){let e=be(7),{qdsBrand:s,setQdsBrand:l}=o,i;e[0]!==s?(i=z.find(s)??z.at(0),e[0]=s,e[1]=i):i=e[1];let a=i,d;e[2]!==l?(d=(x,h)=>{l(h.items[0]?.id??"qualcomm")},e[2]=l,e[3]=d):d=e[3];let r=d,c;return e[4]!==r||e[5]!==a.id?(c={onChange:r,value:a.id},e[4]=r,e[5]=a.id,e[6]=c):c=e[6],c}function V(o){let e=Se(6),{qdsBrand:s,setQdsBrand:l}=o,i;e[0]!==s||e[1]!==l?(i={qdsBrand:s,setQdsBrand:l},e[0]=s,e[1]=l,e[2]=i):i=e[2];let{onChange:a,value:d}=Y(i),r;return e[3]!==a||e[4]!==d?(r=Z("div",{className:"qui-demo-runner__brand-selection-wrapper",children:Z(Pe,{clearable:!1,collection:z,label:"Brand",onValueChange:a,placeholder:"Brand",size:"sm",value:[d]})}),e[3]=a,e[4]=d,e[5]=r):r=e[5],r}import{c as st}from"react/compiler-runtime";import{useState as ct}from"react";function Rt(o){let e=qe(13),{children:s,colorScheme:l,demoName:i,expanded:a,hideDemoBrandSwitcher:d,notFound:r,qdsBrand:c,setQdsBrand:x,sourceCode:h,updating:N,wrapperProps:j,...F}=o,[p,Q]=ee(a),[D,I]=ee(h?.[0]?.fileName||""),t;e[0]===Symbol.for("react.memo_cache_sentinel")?(t=()=>Q(Le),e[0]=t):t=e[0];let _=t,H=l==="light"?"light":"dark",b;e[1]!==h?(b=h?.map(ke)??[],e[1]=h,e[2]=b):b=e[2];let T=b,w;e[3]!==D||e[4]!==h?(w=h?.find(g=>g.fileName===D)||h?.[0],e[3]=D,e[4]=h,e[5]=w):w=e[5];let m=w,n=!!m?.raw?.preview,M=re({className:"qui-docs-demo-container__root"},F),B=re({className:"qui-demo-runner__wrapper"},j??{}),C;e[6]!==m||e[7]!==p?(C=()=>m?p?m.raw.full:m.raw.preview||m.raw.full:"",e[6]=m,e[7]=p,e[8]=C):C=e[8];let R=C,k;e[9]!==m||e[10]!==p||e[11]!==n?(k=()=>m?n?p?m.highlighted.full:m.highlighted.preview||"":m.highlighted.full:"",e[9]=m,e[10]=p,e[11]=n,e[12]=k):k=e[12];let A=k;return P("div",{"data-has-preview":oe(n),"data-state":p?"expanded":"collapsed","data-updating":oe(N),...M,children:[d?null:f(V,{qdsBrand:c,setQdsBrand:x}),P("div",{"data-brand":c,"data-theme":H,suppressHydrationWarning:!0,...B,children:[r?f(Te,{emphasis:"danger",label:P("div",{children:[f("span",{children:"Demo Not Found: "}),f("code",{className:"qui-docs-code",children:i})]})}):null,s]}),r?null:P("div",{className:"qui-demo-runner__tabs",children:[P("div",{className:"qui-demo-runner__action-bar","data-state":p||n?"open":"closed",children:[T.length>1?f(K.Root,{onValueChange:g=>{I(g),p||Q(!0)},value:D,children:P(K.List,{children:[f(K.Indicator,{}),T.map(g=>f(te.Root,{value:g,children:f(te.Button,{onClick:()=>{p||Q(!0)},children:g})},g))]})}):f("div",{}),P("div",{className:"qui-demo-runner__actions",children:[N?f(Be,{size:"xs"}):null,f(Ie,{"data-brand":"qualcomm",emphasis:"primary",endIcon:De,onClick:_,size:"sm",variant:"ghost",children:n?p?"Collapse Code":"Expand Code":p?"Hide Code":"Show Code"}),f(Re,{code:R()})]})]}),(n||p)&&m?f("div",{className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:A()},suppressHydrationWarning:!0}):null]})]})}function ke(o){return o.fileName}function Le(o){return!o}import{jsx as ce}from"react/jsx-runtime";import{c as ye}from"react/compiler-runtime";import{Fragment as ne,jsx as v,jsxs as q}from"react/jsx-runtime";import{useState as ie}from"react";import*as Qe from"react";import{ChevronsLeftRight as Me}from"lucide-react";import{Button as Ee}from"@qualcomm-ui/react/button";import{ProgressRing as je}from"@qualcomm-ui/react/progress-ring";import{Tab as se,Tabs as U}from"@qualcomm-ui/react/tabs";import{useSafeLayoutEffect as He}from"@qualcomm-ui/react-core/effects";import{useMdxDocsContext as Ae}from"@qualcomm-ui/react-mdx/context";import{CopyToClipboardButton as We}from"@qualcomm-ui/react-mdx/copy-to-clipboard";import{useRunner as $e}from"@qualcomm-ui/react-mdx/runner";import{booleanDataAttr as ae}from"@qualcomm-ui/utils/attributes";import{mergeProps as le}from"@qualcomm-ui/utils/merge-props";function de(o){let e=ye(27),{children:s,colorScheme:l,defaultSourceIndex:i,demo:a,expandable:d,expanded:r,name:c,onDemoRendered:x,qdsBrand:h,updating:N,wrapperProps:j,...F}=o,p=d===void 0?!0:d,Q=r===void 0?!1:r,D=j===void 0?{}:j,I;e[0]!==a?(I=a||{demoName:"",fileName:"",imports:[],pageId:"",scope:{},sourceCode:[]},e[0]=a,e[1]=I):I=e[1];let t=I,[_,H]=ie(t?.fileName||""),{demoState:b,updateDemoState:T}=Ae(),w;e[2]!==t.pageId||e[3]!==b?(w=b[t.pageId]||{},e[2]=t.pageId,e[3]=b,e[4]=w):w=e[4];let m=w,[n,M]=ie(m?.[c]?.expanded||Q),B,C;e[5]!==_||e[6]!==t.fileName?(B=()=>{t.fileName&&!_&&H(t.fileName)},C=[_,t.fileName],e[5]=_,e[6]=t.fileName,e[7]=B,e[8]=C):(B=e[7],C=e[8]),He(B,C);let R;e[9]!==t.pageId||e[10]!==n||e[11]!==c||e[12]!==T?(R=()=>{queueMicrotask(()=>{T(t.pageId,c,{expanded:!n})}),M(Ve)},e[9]=t.pageId,e[10]=n,e[11]=c,e[12]=T,e[13]=R):R=e[13];let k=R,A=t.sourceCode?.map(ze)??[],g;e[14]!==t.sourceCode?.[0]?(g=t.sourceCode?.[0]??J(),e[14]=t.sourceCode?.[0],e[15]=g):g=e[15];let E=g,S=(t.sourceCode??[]).find(u=>u.fileName===_)??J(),L=!!S.raw.preview,me=l||"dark",pe=!E.raw.full.includes("export default")&&!E.raw.full.includes("function Demo()"),W;e[16]!==t.scope?(W={...t.scope,React:Qe},e[16]=t.scope,e[17]=W):W=e[17];let O=W,ue=le({className:"qui-docs-demo-container__root","data-has-preview":ae(L),"data-state":n?"expanded":"collapsed"},F),y;e[18]!==x?(y=u=>{x?.(u)},e[18]=x,e[19]=y):y=e[19];let $;e[20]!==O||e[21]!==E.raw.withoutImports||e[22]!==y?($={code:E.raw.withoutImports,disableCache:!0,onRendered:y,scope:O},e[20]=O,e[21]=E.raw.withoutImports,e[22]=y,e[23]=$):$=e[23];let fe=$,{element:he,error:ge}=$e(fe),G;e:{if(t.errorMessage||pe){let u;e[24]!==t.errorMessage||e[25]!==N?(u=v("div",{className:"qds-demo-runner__render-error","data-updating":ae(N),children:N?q(ne,{children:[v("div",{children:"Loading..."}),v(je,{size:"xs"})]}):t.errorMessage||"Error: missing default export"}),e[24]=t.errorMessage,e[25]=N,e[26]=u):u=e[26],G=u;break e}G=he||ge}let X=G,ve=()=>n?S.raw.full:S.raw.preview||S.raw.full,we=()=>L?n?S.highlighted.full:S.highlighted.preview:S.highlighted.full;return q("div",{...ue,children:[s,p?q(ne,{children:[v("div",{...le({className:"qui-demo-runner__wrapper"},D),"data-brand":h,"data-theme":me,children:X}),q("div",{className:"qui-demo-runner__tabs",children:[q("div",{className:"qui-demo-runner__action-bar","data-state":n||L?"open":"closed",children:[A.length>1?v(U.Root,{onValueChange:u=>{H(u),n||M(!0)},value:n||L?_:null,children:q(U.List,{children:[v(U.Indicator,{}),A.map(u=>v(se.Root,{value:u,children:v(se.Button,{onClick:()=>{n||M(!0)},children:u})},u))]})}):v("div",{}),q("div",{className:"qui-demo-runner__actions",children:[v(Ee,{"data-brand":"qualcomm",emphasis:"primary",endIcon:Me,onClick:k,size:"sm",variant:"ghost",children:L?n?"Collapse Code":"Expand Code":n?"Hide Code":"Show Code"}),v(We,{code:ve})]})]}),L||n?v("div",{className:"qui-docs-highlighter__root",dangerouslySetInnerHTML:{__html:we()}}):null]})]}):X]})}function ze(o){return o.fileName}function Ve(o){return!o}function Yt({hideBrandSwitcher:o,qdsBrand:e="qualcomm",setQdsBrand:s,...l}){return ce(de,{qdsBrand:e,...l,children:o?null:ce(V,{qdsBrand:e,setQdsBrand:s})})}export{Rt as QdsAngularDemoRunner,Yt as QdsDemoRunner,de as QdsReactDemo,xe as extractPreviewsAndCleanSource,J as getDefaultSourceCode,Oe as isImportLine,_e as isPreviewLine};
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/code-demo/code-demo.utils.ts", "../../src/code-demo/qds-angular-demo-runner.tsx", "../../src/code-demo/internal/qds-demo-theme-selector.tsx", "../../src/code-demo/internal/use-qds-demo-theme.ts", "../../src/code-demo/internal/use-code-demo-preview.ts", "../../src/code-demo/qds-demo-runner.tsx", "../../src/code-demo/qds-react-demo.tsx"],
4
+ "sourcesContent": ["import { dedent } from \"@qualcomm-ui/utils/dedent\";\nexport function extractPreviewsAndCleanSource(code) {\n const lines = code.split(\"\\n\");\n const previewBlocks = [];\n const cleanedLines = [];\n let inPreview = false;\n let currentBlock = [];\n let startLine = -1;\n for (let i = 0; i < lines.length; i++) {\n const line = lines[i];\n const trimmedLine = line.trim();\n if (isPreviewLine(trimmedLine)) {\n if (inPreview) {\n previewBlocks.push({\n content: currentBlock.join(\"\\n\"),\n endLine: i - 1,\n startLine\n });\n currentBlock = [];\n inPreview = false;\n } else {\n inPreview = true;\n startLine = i + 1;\n }\n } else {\n cleanedLines.push(line);\n if (inPreview) {\n currentBlock.push(line);\n }\n }\n }\n return {\n formattedPreview: dedent(previewBlocks.map(block => block.content).join(\"\\n\")),\n previewBlocks,\n sourceWithoutPreviews: cleanedLines.join(\"\\n\")\n };\n}\nexport function isPreviewLine(trimmedLine) {\n return trimmedLine === \"// preview\" || /^\\{\\s*\\/\\*\\s*preview\\s*\\*\\/\\s*\\}$/.test(trimmedLine);\n}\nexport function isImportLine(trimmedLine) {\n return trimmedLine.startsWith(\"import\");\n}\nexport function getDefaultSourceCode() {\n return {\n fileName: \"\",\n highlighted: {\n full: \"\"\n },\n raw: {\n full: \"\",\n preview: \"\",\n withoutImports: \"\"\n }\n };\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { InlineNotification } from \"@qualcomm-ui/react/inline-notification\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { CopyToClipboardButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nexport function QdsAngularDemoRunner(t0) {\n const $ = _c(13);\n const {\n children,\n colorScheme,\n demoName,\n expanded: expandedProp,\n hideDemoBrandSwitcher,\n notFound,\n qdsBrand,\n setQdsBrand,\n sourceCode,\n updating,\n wrapperProps,\n ...props\n } = t0;\n const [expanded, setExpanded] = useState(expandedProp);\n const [activeTab, setActiveTab] = useState(sourceCode?.[0]?.fileName || \"\");\n let t1;\n if ($[0] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t1 = () => setExpanded(_temp);\n $[0] = t1;\n } else {\n t1 = $[0];\n }\n const toggleExpanded = t1;\n const scheme = colorScheme === \"light\" ? \"light\" : \"dark\";\n let t2;\n if ($[1] !== sourceCode) {\n t2 = sourceCode?.map(_temp2) ?? [];\n $[1] = sourceCode;\n $[2] = t2;\n } else {\n t2 = $[2];\n }\n const fileNames = t2;\n let t3;\n if ($[3] !== activeTab || $[4] !== sourceCode) {\n t3 = sourceCode?.find(item_0 => item_0.fileName === activeTab) || sourceCode?.[0];\n $[3] = activeTab;\n $[4] = sourceCode;\n $[5] = t3;\n } else {\n t3 = $[5];\n }\n const activeTabSourceCode = t3;\n const hasPreview = !!activeTabSourceCode?.raw?.preview;\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\"\n }, props);\n const mergedWrapperProps = mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps ?? {});\n let t4;\n if ($[6] !== activeTabSourceCode || $[7] !== expanded) {\n t4 = () => {\n if (!activeTabSourceCode) {\n return \"\";\n }\n return expanded ? activeTabSourceCode.raw.full : activeTabSourceCode.raw.preview || activeTabSourceCode.raw.full;\n };\n $[6] = activeTabSourceCode;\n $[7] = expanded;\n $[8] = t4;\n } else {\n t4 = $[8];\n }\n const getCopyableCode = t4;\n let t5;\n if ($[9] !== activeTabSourceCode || $[10] !== expanded || $[11] !== hasPreview) {\n t5 = () => {\n if (!activeTabSourceCode) {\n return \"\";\n }\n if (hasPreview) {\n return expanded ? activeTabSourceCode.highlighted.full : activeTabSourceCode.highlighted.preview || \"\";\n }\n return activeTabSourceCode.highlighted.full;\n };\n $[9] = activeTabSourceCode;\n $[10] = expanded;\n $[11] = hasPreview;\n $[12] = t5;\n } else {\n t5 = $[12];\n }\n const getHighlightedCode = t5;\n return jsxs(\"div\", {\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\",\n \"data-updating\": booleanDataAttr(updating),\n ...mergedProps,\n children: [hideDemoBrandSwitcher ? null : jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n }), jsxs(\"div\", {\n \"data-brand\": qdsBrand,\n \"data-theme\": scheme,\n suppressHydrationWarning: true,\n ...mergedWrapperProps,\n children: [notFound ? jsx(InlineNotification, {\n emphasis: \"danger\",\n label: jsxs(\"div\", {\n children: [jsx(\"span\", {\n children: \"Demo Not Found: \"\n }), jsx(\"code\", {\n className: \"qui-docs-code\",\n children: demoName\n })]\n })\n }) : null, children]\n }), notFound ? null : jsxs(\"div\", {\n className: \"qui-demo-runner__tabs\",\n children: [jsxs(\"div\", {\n className: \"qui-demo-runner__action-bar\",\n \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n children: [fileNames.length > 1 ? jsx(Tabs.Root, {\n onValueChange: value => {\n setActiveTab(value);\n if (!expanded) {\n setExpanded(true);\n }\n },\n value: activeTab,\n children: jsxs(Tabs.List, {\n children: [jsx(Tabs.Indicator, {}), fileNames.map(fileName => jsx(Tab.Root, {\n value: fileName,\n children: jsx(Tab.Button, {\n onClick: () => {\n if (!expanded) {\n setExpanded(true);\n }\n },\n children: fileName\n })\n }, fileName))]\n })\n }) : jsx(\"div\", {}), jsxs(\"div\", {\n className: \"qui-demo-runner__actions\",\n children: [updating ? jsx(ProgressRing, {\n size: \"xs\"\n }) : null, jsx(Button, {\n \"data-brand\": \"qualcomm\",\n emphasis: \"primary\",\n endIcon: ChevronsLeftRight,\n onClick: toggleExpanded,\n size: \"sm\",\n variant: \"ghost\",\n children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n }), jsx(CopyToClipboardButton, {\n code: getCopyableCode()\n })]\n })]\n }), (hasPreview || expanded) && activeTabSourceCode ? jsx(\"div\", {\n className: \"qui-docs-highlighter__root\",\n dangerouslySetInnerHTML: {\n __html: getHighlightedCode()\n },\n suppressHydrationWarning: true\n }) : null]\n })]\n });\n}\nfunction _temp2(item) {\n return item.fileName;\n}\nfunction _temp(prevState) {\n return !prevState;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { Select } from \"@qualcomm-ui/react/select\";\nimport { themeOptCollection, useQdsDemoTheme } from \"./use-qds-demo-theme\";\nexport function QdsDemoThemeSelector(t0) {\n const $ = _c(6);\n const {\n qdsBrand,\n setQdsBrand\n } = t0;\n let t1;\n if ($[0] !== qdsBrand || $[1] !== setQdsBrand) {\n t1 = {\n qdsBrand,\n setQdsBrand\n };\n $[0] = qdsBrand;\n $[1] = setQdsBrand;\n $[2] = t1;\n } else {\n t1 = $[2];\n }\n const {\n onChange,\n value\n } = useQdsDemoTheme(t1);\n let t2;\n if ($[3] !== onChange || $[4] !== value) {\n t2 = jsx(\"div\", {\n className: \"qui-demo-runner__brand-selection-wrapper\",\n children: jsx(Select, {\n clearable: false,\n collection: themeOptCollection,\n label: \"Brand\",\n onValueChange: onChange,\n placeholder: \"Brand\",\n size: \"sm\",\n value: [value]\n })\n });\n $[3] = onChange;\n $[4] = value;\n $[5] = t2;\n } else {\n t2 = $[5];\n }\n return t2;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo } from \"react\";\nimport { ListCollection } from \"@qualcomm-ui/utils/collection\";\nexport const themeOptCollection = new ListCollection({\n itemLabel: item => item.label,\n items: [{\n id: \"qualcomm\",\n label: \"Qualcomm\"\n }, {\n id: \"snapdragon\",\n label: \"Snapdragon\"\n }, {\n id: \"dragonwing\",\n label: \"Dragonwing\"\n }],\n itemValue: item => item.id\n});\nexport function useQdsDemoTheme(t0) {\n const $ = _c(7);\n const {\n qdsBrand,\n setQdsBrand\n } = t0;\n let t1;\n if ($[0] !== qdsBrand) {\n t1 = themeOptCollection.find(qdsBrand) ?? themeOptCollection.at(0);\n $[0] = qdsBrand;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const themeValue = t1;\n let t2;\n if ($[2] !== setQdsBrand) {\n t2 = (valueStrings, details) => {\n setQdsBrand(details.items[0]?.id ?? \"qualcomm\");\n };\n $[2] = setQdsBrand;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n const onChange = t2;\n let t3;\n if ($[4] !== onChange || $[5] !== themeValue.id) {\n t3 = {\n onChange,\n value: themeValue.id\n };\n $[4] = onChange;\n $[5] = themeValue.id;\n $[6] = t3;\n } else {\n t3 = $[6];\n }\n return t3;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { extractPreviewsAndCleanSource } from \"../code-demo.utils\";\nexport function useCodeDemoPreview(t0) {\n const $ = _c(9);\n const {\n disableSnippets,\n initialExpanded,\n sourceCode\n } = t0;\n const [expanded, setExpanded] = useState(initialExpanded);\n let t1;\n bb0: {\n if (disableSnippets) {\n let t2;\n if ($[0] !== sourceCode) {\n t2 = {\n sourceWithoutPreviews: sourceCode\n };\n $[0] = sourceCode;\n $[1] = t2;\n } else {\n t2 = $[1];\n }\n t1 = t2;\n break bb0;\n }\n let t2;\n if ($[2] !== sourceCode) {\n t2 = extractPreviewsAndCleanSource(sourceCode);\n $[2] = sourceCode;\n $[3] = t2;\n } else {\n t2 = $[3];\n }\n t1 = t2;\n }\n const extractedPreview = t1;\n const code = expanded ? extractedPreview.sourceWithoutPreviews : extractedPreview.formattedPreview || \"\";\n let t2;\n if ($[4] === Symbol.for(\"react.memo_cache_sentinel\")) {\n t2 = () => {\n setExpanded(_temp);\n };\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n const toggleExpanded = t2;\n const t3 = !!extractedPreview?.previewBlocks?.length;\n let t4;\n if ($[5] !== code || $[6] !== expanded || $[7] !== t3) {\n t4 = {\n code,\n expanded,\n hasPreview: t3,\n setExpanded,\n toggleExpanded\n };\n $[5] = code;\n $[6] = expanded;\n $[7] = t3;\n $[8] = t4;\n } else {\n t4 = $[8];\n }\n return t4;\n}\nfunction _temp(prevState) {\n return !prevState;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { QdsDemoThemeSelector } from \"./internal\";\nimport { QdsReactDemo } from \"./qds-react-demo\";\nexport function QdsDemoRunner({\n hideBrandSwitcher,\n qdsBrand = \"qualcomm\",\n setQdsBrand,\n ...props\n}) {\n return /* @__PURE__ */jsx(QdsReactDemo, {\n qdsBrand,\n ...props,\n children: hideBrandSwitcher ? null : /* @__PURE__ */jsx(QdsDemoThemeSelector, {\n qdsBrand,\n setQdsBrand\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nimport { useMemo, useState } from \"react\";\nimport * as React from \"react\";\nimport { ChevronsLeftRight } from \"lucide-react\";\nimport { Button } from \"@qualcomm-ui/react/button\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { Tab, Tabs } from \"@qualcomm-ui/react/tabs\";\nimport { useSafeLayoutEffect } from \"@qualcomm-ui/react-core/effects\";\nimport { useMdxDocsContext } from \"@qualcomm-ui/react-mdx/context\";\nimport { CopyToClipboardButton } from \"@qualcomm-ui/react-mdx/copy-to-clipboard\";\nimport { useRunner } from \"@qualcomm-ui/react-mdx/runner\";\nimport { booleanDataAttr } from \"@qualcomm-ui/utils/attributes\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { getDefaultSourceCode } from \"./code-demo.utils\";\nexport function QdsReactDemo(t0) {\n const $ = _c(27);\n const {\n children,\n colorScheme,\n defaultSourceIndex: t1,\n demo: demoProp,\n expandable: t2,\n expanded: t3,\n name,\n onDemoRendered,\n qdsBrand,\n updating,\n wrapperProps: t4,\n ...props\n } = t0;\n t1 === undefined ? 0 : t1;\n const expandable = t2 === undefined ? true : t2;\n const expandedProp = t3 === undefined ? false : t3;\n const wrapperProps = t4 === undefined ? {} : t4;\n let t5;\n if ($[0] !== demoProp) {\n t5 = demoProp || {\n demoName: \"\",\n fileName: \"\",\n imports: [],\n pageId: \"\",\n scope: {},\n sourceCode: []\n };\n $[0] = demoProp;\n $[1] = t5;\n } else {\n t5 = $[1];\n }\n const demo = t5;\n const [activeTab, setActiveTab] = useState(demo?.fileName || \"\");\n const {\n demoState,\n updateDemoState\n } = useMdxDocsContext();\n let t6;\n if ($[2] !== demo.pageId || $[3] !== demoState) {\n t6 = demoState[demo.pageId] || {};\n $[2] = demo.pageId;\n $[3] = demoState;\n $[4] = t6;\n } else {\n t6 = $[4];\n }\n const state = t6;\n const [expanded, setExpanded] = useState(state?.[name]?.expanded || expandedProp);\n let t7;\n let t8;\n if ($[5] !== activeTab || $[6] !== demo.fileName) {\n t7 = () => {\n if (demo.fileName && !activeTab) {\n setActiveTab(demo.fileName);\n }\n };\n t8 = [activeTab, demo.fileName];\n $[5] = activeTab;\n $[6] = demo.fileName;\n $[7] = t7;\n $[8] = t8;\n } else {\n t7 = $[7];\n t8 = $[8];\n }\n useSafeLayoutEffect(t7, t8);\n let t9;\n if ($[9] !== demo.pageId || $[10] !== expanded || $[11] !== name || $[12] !== updateDemoState) {\n t9 = () => {\n queueMicrotask(() => {\n updateDemoState(demo.pageId, name, {\n expanded: !expanded\n });\n });\n setExpanded(_temp);\n };\n $[9] = demo.pageId;\n $[10] = expanded;\n $[11] = name;\n $[12] = updateDemoState;\n $[13] = t9;\n } else {\n t9 = $[13];\n }\n const toggleCollapsed = t9;\n const fileNames = demo.sourceCode?.map(_temp2) ?? [];\n let t10;\n if ($[14] !== demo.sourceCode?.[0]) {\n t10 = demo.sourceCode?.[0] ?? getDefaultSourceCode();\n $[14] = demo.sourceCode?.[0];\n $[15] = t10;\n } else {\n t10 = $[15];\n }\n const sourceCode = t10;\n const activeTabSourceCode = (demo.sourceCode ?? []).find(item_0 => item_0.fileName === activeTab) ?? getDefaultSourceCode();\n const hasPreview = !!activeTabSourceCode.raw.preview;\n const scheme = colorScheme || \"dark\";\n const missingDefaultExport = !sourceCode.raw.full.includes(\"export default\") && !sourceCode.raw.full.includes(\"function Demo()\");\n let t11;\n if ($[16] !== demo.scope) {\n t11 = {\n ...demo.scope,\n React\n };\n $[16] = demo.scope;\n $[17] = t11;\n } else {\n t11 = $[17];\n }\n const scope = t11;\n const mergedProps = mergeProps({\n className: \"qui-docs-demo-container__root\",\n \"data-has-preview\": booleanDataAttr(hasPreview),\n \"data-state\": expanded ? \"expanded\" : \"collapsed\"\n }, props);\n let t12;\n if ($[18] !== onDemoRendered) {\n t12 = error2 => {\n onDemoRendered?.(error2);\n };\n $[18] = onDemoRendered;\n $[19] = t12;\n } else {\n t12 = $[19];\n }\n let t13;\n if ($[20] !== scope || $[21] !== sourceCode.raw.withoutImports || $[22] !== t12) {\n t13 = {\n code: sourceCode.raw.withoutImports,\n disableCache: true,\n onRendered: t12,\n scope\n };\n $[20] = scope;\n $[21] = sourceCode.raw.withoutImports;\n $[22] = t12;\n $[23] = t13;\n } else {\n t13 = $[23];\n }\n const runnerProps = t13;\n const {\n element: demoComponent,\n error\n } = useRunner(runnerProps);\n let t14;\n bb0: {\n if (demo.errorMessage || missingDefaultExport) {\n let t15;\n if ($[24] !== demo.errorMessage || $[25] !== updating) {\n t15 = jsx(\"div\", {\n className: \"qds-demo-runner__render-error\",\n \"data-updating\": booleanDataAttr(updating),\n children: updating ? jsxs(Fragment, {\n children: [jsx(\"div\", {\n children: \"Loading...\"\n }), jsx(ProgressRing, {\n size: \"xs\"\n })]\n }) : demo.errorMessage || \"Error: missing default export\"\n });\n $[24] = demo.errorMessage;\n $[25] = updating;\n $[26] = t15;\n } else {\n t15 = $[26];\n }\n t14 = t15;\n break bb0;\n }\n t14 = demoComponent || error;\n }\n const renderedDemo = t14;\n const getCopyableCode = () => expanded ? activeTabSourceCode.raw.full : activeTabSourceCode.raw.preview || activeTabSourceCode.raw.full;\n const getHighlightedCode = () => {\n if (hasPreview) {\n return expanded ? activeTabSourceCode.highlighted.full : activeTabSourceCode.highlighted.preview;\n }\n return activeTabSourceCode.highlighted.full;\n };\n return jsxs(\"div\", {\n ...mergedProps,\n children: [children, !expandable ? renderedDemo : jsxs(Fragment, {\n children: [jsx(\"div\", {\n ...mergeProps({\n className: \"qui-demo-runner__wrapper\"\n }, wrapperProps),\n \"data-brand\": qdsBrand,\n \"data-theme\": scheme,\n children: renderedDemo\n }), jsxs(\"div\", {\n className: \"qui-demo-runner__tabs\",\n children: [jsxs(\"div\", {\n className: \"qui-demo-runner__action-bar\",\n \"data-state\": expanded || hasPreview ? \"open\" : \"closed\",\n children: [fileNames.length > 1 ? jsx(Tabs.Root, {\n onValueChange: value => {\n setActiveTab(value);\n if (!expanded) {\n setExpanded(true);\n }\n },\n value: expanded || hasPreview ? activeTab : null,\n children: jsxs(Tabs.List, {\n children: [jsx(Tabs.Indicator, {}), fileNames.map(fileName => jsx(Tab.Root, {\n value: fileName,\n children: jsx(Tab.Button, {\n onClick: () => {\n if (!expanded) {\n setExpanded(true);\n }\n },\n children: fileName\n })\n }, fileName))]\n })\n }) : jsx(\"div\", {}), jsxs(\"div\", {\n className: \"qui-demo-runner__actions\",\n children: [jsx(Button, {\n \"data-brand\": \"qualcomm\",\n emphasis: \"primary\",\n endIcon: ChevronsLeftRight,\n onClick: toggleCollapsed,\n size: \"sm\",\n variant: \"ghost\",\n children: hasPreview ? expanded ? \"Collapse Code\" : \"Expand Code\" : expanded ? \"Hide Code\" : \"Show Code\"\n }), jsx(CopyToClipboardButton, {\n code: getCopyableCode\n })]\n })]\n }), hasPreview || expanded ? jsx(\"div\", {\n className: \"qui-docs-highlighter__root\",\n dangerouslySetInnerHTML: {\n __html: getHighlightedCode()\n }\n }) : null]\n })]\n })]\n });\n}\nfunction _temp2(item) {\n return item.fileName;\n}\nfunction _temp(prevState) {\n return !prevState;\n}"],
5
+ "mappings": "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",
6
+ "names": ["dedent", "extractPreviewsAndCleanSource", "code", "lines", "previewBlocks", "cleanedLines", "inPreview", "currentBlock", "startLine", "i", "line", "trimmedLine", "isPreviewLine", "block", "isImportLine", "getDefaultSourceCode", "_c", "jsx", "jsxs", "useState", "ChevronsLeftRight", "Button", "InlineNotification", "ProgressRing", "Tab", "Tabs", "CopyToClipboardButton", "booleanDataAttr", "mergeProps", "_c", "jsx", "Select", "_c", "ListCollection", "themeOptCollection", "item", "useQdsDemoTheme", "t0", "$", "qdsBrand", "setQdsBrand", "t1", "themeValue", "t2", "valueStrings", "details", "onChange", "t3", "QdsDemoThemeSelector", "t0", "$", "_c", "qdsBrand", "setQdsBrand", "t1", "onChange", "value", "useQdsDemoTheme", "t2", "jsx", "Select", "themeOptCollection", "_c", "useState", "QdsAngularDemoRunner", "t0", "$", "_c", "children", "colorScheme", "demoName", "expandedProp", "hideDemoBrandSwitcher", "notFound", "qdsBrand", "setQdsBrand", "sourceCode", "updating", "wrapperProps", "props", "expanded", "setExpanded", "useState", "activeTab", "setActiveTab", "t1", "_temp", "toggleExpanded", "scheme", "t2", "_temp2", "fileNames", "t3", "item_0", "activeTabSourceCode", "hasPreview", "mergedProps", "mergeProps", "mergedWrapperProps", "t4", "getCopyableCode", "t5", "getHighlightedCode", "jsxs", "booleanDataAttr", "jsx", "QdsDemoThemeSelector", "InlineNotification", "Tabs", "value", "fileName", "Tab", "ProgressRing", "Button", "ChevronsLeftRight", "CopyToClipboardButton", "item", "prevState", "jsx", "_c", "Fragment", "jsx", "jsxs", "useState", "React", "ChevronsLeftRight", "Button", "ProgressRing", "Tab", "Tabs", "useSafeLayoutEffect", "useMdxDocsContext", "CopyToClipboardButton", "useRunner", "booleanDataAttr", "mergeProps", "QdsReactDemo", "t0", "$", "_c", "children", "colorScheme", "t1", "demoProp", "t2", "t3", "name", "onDemoRendered", "qdsBrand", "updating", "t4", "props", "expandable", "expandedProp", "wrapperProps", "t5", "demo", "activeTab", "setActiveTab", "useState", "demoState", "updateDemoState", "useMdxDocsContext", "t6", "state", "expanded", "setExpanded", "t7", "t8", "useSafeLayoutEffect", "t9", "_temp", "toggleCollapsed", "fileNames", "_temp2", "t10", "getDefaultSourceCode", "sourceCode", "activeTabSourceCode", "item_0", "hasPreview", "scheme", "missingDefaultExport", "t11", "React", "scope", "mergedProps", "mergeProps", "booleanDataAttr", "t12", "error2", "t13", "runnerProps", "demoComponent", "error", "useRunner", "t14", "bb0", "t15", "jsx", "jsxs", "Fragment", "ProgressRing", "renderedDemo", "getCopyableCode", "getHighlightedCode", "Tabs", "value", "fileName", "Tab", "Button", "ChevronsLeftRight", "CopyToClipboardButton", "item", "prevState", "QdsDemoRunner", "hideBrandSwitcher", "qdsBrand", "setQdsBrand", "props", "jsx", "QdsReactDemo", "QdsDemoThemeSelector"]
7
+ }
@@ -0,0 +1,4 @@
1
+ export * from "./qds-demo-theme-selector";
2
+ export * from "./use-code-demo-preview";
3
+ export * from "./use-qds-demo-theme";
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAA;AACzC,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import type { ReactElement } from "react";
2
+ import { type UseQdsDemoThemeProps } from "./use-qds-demo-theme";
3
+ export interface QdsDemoThemeSelectorProps extends UseQdsDemoThemeProps {
4
+ }
5
+ export declare function QdsDemoThemeSelector({ qdsBrand, setQdsBrand, }: QdsDemoThemeSelectorProps): ReactElement;
6
+ //# sourceMappingURL=qds-demo-theme-selector.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"qds-demo-theme-selector.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/qds-demo-theme-selector.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AAIvC,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAA;AAE7B,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB;CAAG;AAE1E,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,GACZ,EAAE,yBAAyB,GAAG,YAAY,CAgB1C"}
@@ -0,0 +1,21 @@
1
+ import { type Dispatch, type SetStateAction } from "react";
2
+ /**
3
+ * @public
4
+ */
5
+ export interface UseCodeDemoPreviewProps {
6
+ disableSnippets?: boolean;
7
+ initialExpanded: boolean;
8
+ sourceCode: string;
9
+ }
10
+ export interface UseCodeDemoPreviewReturn {
11
+ code: string;
12
+ expanded: boolean;
13
+ hasPreview: boolean;
14
+ setExpanded: Dispatch<SetStateAction<boolean>>;
15
+ toggleExpanded: () => void;
16
+ }
17
+ /**
18
+ * @deprecated this is handled automatically by the vite plugin backend
19
+ */
20
+ export declare function useCodeDemoPreview({ disableSnippets, initialExpanded, sourceCode, }: UseCodeDemoPreviewProps): UseCodeDemoPreviewReturn;
21
+ //# sourceMappingURL=use-code-demo-preview.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-code-demo-preview.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/use-code-demo-preview.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,QAAQ,EACb,KAAK,cAAc,EAIpB,MAAM,OAAO,CAAA;AAOd;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,eAAe,EAAE,OAAO,CAAA;IACxB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,cAAc,EAAE,MAAM,IAAI,CAAA;CAC3B;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,eAAe,EACf,eAAe,EACf,UAAU,GACX,EAAE,uBAAuB,GAAG,wBAAwB,CA2BpD"}
@@ -0,0 +1,19 @@
1
+ import type { SelectApiProps } from "@qualcomm-ui/core/select";
2
+ import type { QdsBrand } from "@qualcomm-ui/react/qds-theme";
3
+ import { ListCollection } from "@qualcomm-ui/utils/collection";
4
+ interface ThemeOpt {
5
+ id: QdsBrand;
6
+ label: string;
7
+ }
8
+ export interface UseQdsDemoThemeProps {
9
+ qdsBrand: QdsBrand;
10
+ setQdsBrand: (brand: QdsBrand) => void;
11
+ }
12
+ export interface UseQdsDemoThemeReturn {
13
+ onChange: SelectApiProps["onValueChange"];
14
+ value: string;
15
+ }
16
+ export declare const themeOptCollection: ListCollection<ThemeOpt>;
17
+ export declare function useQdsDemoTheme({ qdsBrand, setQdsBrand, }: UseQdsDemoThemeProps): UseQdsDemoThemeReturn;
18
+ export {};
19
+ //# sourceMappingURL=use-qds-demo-theme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-qds-demo-theme.d.ts","sourceRoot":"","sources":["../../../src/code-demo/internal/use-qds-demo-theme.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAC,QAAQ,EAAC,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAC,cAAc,EAAC,MAAM,+BAA+B,CAAA;AAE5D,UAAU,QAAQ;IAChB,EAAE,EAAE,QAAQ,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;CACvC;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IACzC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,kBAAkB,EAAE,cAAc,CAAC,QAAQ,CASpD,CAAA;AAEJ,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,WAAW,GACZ,EAAE,oBAAoB,GAAG,qBAAqB,CAc9C"}
@@ -0,0 +1,32 @@
1
+ import { type ComponentPropsWithRef, type ReactElement, type ReactNode } from "react";
2
+ import type { SourceCodeData } from "@qualcomm-ui/mdx-common";
3
+ import type { ColorScheme, QdsBrand } from "@qualcomm-ui/react/qds-theme";
4
+ import { type WithDataAttributes } from "@qualcomm-ui/utils/attributes";
5
+ export interface QdsAngularDemoRunnerProps extends ComponentPropsWithRef<"div"> {
6
+ /**
7
+ * React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
8
+ */
9
+ children: ReactNode;
10
+ colorScheme?: ColorScheme;
11
+ demoName: string;
12
+ expanded?: boolean;
13
+ /**
14
+ * The stored height of the demo from the first render.
15
+ */
16
+ height?: number;
17
+ hideDemoBrandSwitcher?: boolean | undefined;
18
+ /**
19
+ * `true` if the demo component couldn't be located.
20
+ */
21
+ notFound?: boolean;
22
+ qdsBrand: QdsBrand;
23
+ setQdsBrand: (brand: QdsBrand) => void;
24
+ sourceCode: SourceCodeData[];
25
+ /**
26
+ * True if the demo is currently updating.
27
+ */
28
+ updating?: boolean;
29
+ wrapperProps?: WithDataAttributes<ComponentPropsWithRef<"div">>;
30
+ }
31
+ export declare function QdsAngularDemoRunner({ children, colorScheme, demoName, expanded: expandedProp, hideDemoBrandSwitcher, notFound, qdsBrand, setQdsBrand, sourceCode, updating, wrapperProps, ...props }: QdsAngularDemoRunnerProps): ReactElement;
32
+ //# sourceMappingURL=qds-angular-demo-runner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"qds-angular-demo-runner.d.ts","sourceRoot":"","sources":["../../src/code-demo/qds-angular-demo-runner.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,YAAY,EACjB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAA;AAI3D,OAAO,KAAK,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,8BAA8B,CAAA;AAGvE,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,+BAA+B,CAAA;AAKtC,MAAM,WAAW,yBACf,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACpC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,QAAQ,CAAA;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,kBAAkB,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,CAAA;CAChE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,qBAAqB,EACrB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,yBAAyB,GAAG,YAAY,CA+J1C"}
@@ -0,0 +1,46 @@
1
+ import type { ComponentPropsWithRef, HTMLAttributes, ReactElement, ReactNode } from "react";
2
+ import type { ReactDemoWithScope } from "@qualcomm-ui/mdx-common";
3
+ import type { ColorScheme, QdsBrand } from "@qualcomm-ui/react/qds-theme";
4
+ import { type QdsReactDemoProps } from "./qds-react-demo";
5
+ export interface QdsDemoRunnerProps extends ComponentPropsWithRef<"div">, Pick<QdsReactDemoProps, "name" | "updating" | "onDemoRendered"> {
6
+ className?: string;
7
+ colorScheme?: ColorScheme;
8
+ /**
9
+ * The default source code index to render.
10
+ */
11
+ defaultSourceIndex?: number;
12
+ /**
13
+ * Demo getter function provided by the vite plugin.
14
+ */
15
+ demo: ReactDemoWithScope | null;
16
+ /**
17
+ * Disable snippet comment functionality like `// preview`
18
+ */
19
+ disableSnippets?: boolean;
20
+ /**
21
+ * Whether the source code is viewable. If false, the source code and filename
22
+ * tabs will not render.
23
+ */
24
+ expandable?: boolean;
25
+ /**
26
+ * Whether the source code is initially expanded.
27
+ */
28
+ expanded?: boolean;
29
+ hideBrandSwitcher?: boolean;
30
+ /**
31
+ * Lines to highlight.
32
+ */
33
+ highlight?: number[];
34
+ qdsBrand: QdsBrand;
35
+ setQdsBrand: (brand: QdsBrand) => void;
36
+ /**
37
+ * Optional top element to insert above the component demo.
38
+ */
39
+ topBar?: ReactElement;
40
+ /**
41
+ * Props applied to the element that wraps the component demo.
42
+ */
43
+ wrapperProps?: HTMLAttributes<HTMLDivElement>;
44
+ }
45
+ export declare function QdsDemoRunner({ hideBrandSwitcher, qdsBrand, setQdsBrand, ...props }: QdsDemoRunnerProps): ReactNode;
46
+ //# sourceMappingURL=qds-demo-runner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"qds-demo-runner.d.ts","sourceRoot":"","sources":["../../src/code-demo/qds-demo-runner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,yBAAyB,CAAA;AAC/D,OAAO,KAAK,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,8BAA8B,CAAA;AAGvE,OAAO,EAAe,KAAK,iBAAiB,EAAC,MAAM,kBAAkB,CAAA;AAErE,MAAM,WAAW,kBACf,SAAQ,qBAAqB,CAAC,KAAK,CAAC,EAClC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,UAAU,GAAG,gBAAgB,CAAC;IACjE,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IAEzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,EAAE,CAAA;IAEpB,QAAQ,EAAE,QAAQ,CAAA;IAElB,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAA;IAEtC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAA;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC9C;AAED,wBAAgB,aAAa,CAAC,EAC5B,iBAAiB,EACjB,QAAqB,EACrB,WAAW,EACX,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,SAAS,CAQhC"}
@@ -0,0 +1,56 @@
1
+ import { type ComponentPropsWithRef, type HTMLAttributes, type ReactNode } from "react";
2
+ import type { ReactDemoWithScope } from "@qualcomm-ui/mdx-common";
3
+ import type { ColorScheme, QdsBrand } from "@qualcomm-ui/react/qds-theme";
4
+ export interface QdsReactDemoProps extends ComponentPropsWithRef<"div"> {
5
+ /**
6
+ * Optional child element, rendered above the component demo.
7
+ */
8
+ children?: ReactNode;
9
+ colorScheme?: ColorScheme;
10
+ /**
11
+ * The default source code index to render.
12
+ */
13
+ defaultSourceIndex?: number;
14
+ /**
15
+ * Demo getter function provided by the vite plugin.
16
+ */
17
+ demo: ReactDemoWithScope | null;
18
+ /**
19
+ * Whether the source code is viewable. If false, the source code and filename
20
+ * tabs will not render.
21
+ */
22
+ expandable?: boolean;
23
+ /**
24
+ * Whether the source code is initially expanded.
25
+ */
26
+ expanded?: boolean;
27
+ /**
28
+ * The name of the primary demo. This is the PascalCase name of the demo file
29
+ * without its extension.
30
+ *
31
+ * @example
32
+ * ```tsx
33
+ * // demos/my-demo-file.tsx
34
+ * export default function Demo() {
35
+ * // ...
36
+ * }
37
+ *
38
+ * // <QdsReactDemo name="MyDemoFile" />
39
+ * ```
40
+ *
41
+ * TODO: link to docs
42
+ */
43
+ name: string;
44
+ onDemoRendered?: ((error: Error | undefined) => void) | undefined;
45
+ qdsBrand?: QdsBrand;
46
+ /**
47
+ * Whether the demo is currently updating from the vite HMR backend.
48
+ */
49
+ updating?: boolean | undefined;
50
+ /**
51
+ * Props applied to the element that wraps the component demo.
52
+ */
53
+ wrapperProps?: HTMLAttributes<HTMLDivElement>;
54
+ }
55
+ export declare function QdsReactDemo({ children, colorScheme, defaultSourceIndex: _defaultSourceIndex, demo: demoProp, expandable, expanded: expandedProp, name, onDemoRendered, qdsBrand, updating, wrapperProps, ...props }: QdsReactDemoProps): ReactNode;
56
+ //# sourceMappingURL=qds-react-demo.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"qds-react-demo.d.ts","sourceRoot":"","sources":["../../src/code-demo/qds-react-demo.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,OAAO,CAAA;AAMd,OAAO,KAAK,EAAC,kBAAkB,EAAiB,MAAM,yBAAyB,CAAA;AAG/E,OAAO,KAAK,EAAC,WAAW,EAAE,QAAQ,EAAC,MAAM,8BAA8B,CAAA;AAWvE,MAAM,WAAW,iBAAkB,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,WAAW,CAAC,EAAE,WAAW,CAAA;IAEzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAE/B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;;;;;;;;;;;;;;OAeG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ,cAAc,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;IAEjE,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAA;CAC9C;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,WAAW,EACX,kBAAkB,EAAE,mBAAuB,EAC3C,IAAI,EAAE,QAAQ,EACd,UAAiB,EACjB,QAAQ,EAAE,YAAoB,EAC9B,IAAI,EACJ,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,YAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,SAAS,CAiN/B"}