@mich8060/unified-design-system 0.2.13 → 0.2.15

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 (385) hide show
  1. package/dist/ai/discovery.json +41 -0
  2. package/dist/ai/examples/index.cjs +1 -0
  3. package/dist/ai/examples/index.js +1 -0
  4. package/dist/ai/examples/training.examples.cjs +1 -0
  5. package/dist/ai/examples/training.examples.js +1 -0
  6. package/dist/ai/figma-make.contract.json +178 -0
  7. package/dist/ai/figma-make.md +50 -0
  8. package/dist/ai/icons/catalog.json +76 -0
  9. package/dist/ai/index.cjs +1 -1
  10. package/dist/ai/index.js +1 -1
  11. package/dist/ai/manifest/components.manifest.cjs +1 -1
  12. package/dist/ai/manifest/components.manifest.js +1 -1
  13. package/dist/ai/manifest/composition.manifest.cjs +1 -0
  14. package/dist/ai/manifest/composition.manifest.js +1 -0
  15. package/dist/ai/manifest/governance.manifest.cjs +1 -1
  16. package/dist/ai/manifest/governance.manifest.js +1 -1
  17. package/dist/ai/manifest/index.cjs +1 -0
  18. package/dist/ai/manifest/index.js +1 -0
  19. package/dist/ai/manifest/intent-mappings.manifest.cjs +1 -0
  20. package/dist/ai/manifest/intent-mappings.manifest.js +1 -0
  21. package/dist/ai/manifest/layout.manifest.cjs +1 -1
  22. package/dist/ai/manifest/layout.manifest.js +1 -1
  23. package/dist/ai/manifest/prop-aliases.manifest.cjs +1 -0
  24. package/dist/ai/manifest/prop-aliases.manifest.js +1 -0
  25. package/dist/ai/manifest/system.manifest.cjs +1 -1
  26. package/dist/ai/manifest/system.manifest.js +1 -1
  27. package/dist/ai/manifest.json +3165 -0
  28. package/dist/ai/policies/policy.engine.cjs +1 -1
  29. package/dist/ai/policies/policy.engine.js +1 -1
  30. package/dist/ai/policies/rules/composition.rules.cjs +1 -1
  31. package/dist/ai/policies/rules/composition.rules.js +1 -1
  32. package/dist/ai/policies/rules/props.rules.cjs +1 -0
  33. package/dist/ai/policies/rules/props.rules.js +1 -0
  34. package/dist/ai/policies/rules/tailwind.rules.cjs +1 -0
  35. package/dist/ai/policies/rules/tailwind.rules.js +1 -0
  36. package/dist/ai/policies/rules/token-variable.rules.cjs +1 -0
  37. package/dist/ai/policies/rules/token-variable.rules.js +1 -0
  38. package/dist/ai/prompts/figma-make.prompt.md +48 -0
  39. package/dist/ai/schemas/ai-output.schema.json +71 -0
  40. package/dist/ai/sdk/index.cjs +1 -0
  41. package/dist/ai/sdk/index.js +1 -0
  42. package/dist/ai/sdk/runtime-sdk.cjs +2 -0
  43. package/dist/ai/sdk/runtime-sdk.js +2 -0
  44. package/dist/ai/templates/layouts.json +416 -0
  45. package/dist/ai/validation/deterministicFeedback.cjs +1 -0
  46. package/dist/ai/validation/deterministicFeedback.js +1 -0
  47. package/dist/ai/validation/driftDetection.cjs +1 -1
  48. package/dist/ai/validation/driftDetection.js +1 -1
  49. package/dist/ai/validation/index.cjs +1 -0
  50. package/dist/ai/validation/index.js +1 -0
  51. package/dist/ai/validation/validateAIOutput.cjs +1 -1
  52. package/dist/ai/validation/validateAIOutput.js +1 -1
  53. package/dist/app-shell/AppShell.d.ts +8 -0
  54. package/dist/charts/BizChartsAdapters.cjs +1 -0
  55. package/dist/charts/BizChartsAdapters.js +1 -0
  56. package/dist/charts-bizcharts/index.cjs +1 -0
  57. package/dist/charts-bizcharts/index.js +1 -0
  58. package/dist/components/Breadcrumb/Breadcrumb.cjs +1 -1
  59. package/dist/components/Breadcrumb/Breadcrumb.js +1 -1
  60. package/dist/components/Button/Button.cjs +1 -1
  61. package/dist/components/Button/Button.js +1 -1
  62. package/dist/components/ButtonGroup/ButtonGroup.cjs +1 -0
  63. package/dist/components/ButtonGroup/ButtonGroup.js +1 -0
  64. package/dist/components/CheckboxGroup/CheckboxGroup.cjs +1 -0
  65. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -0
  66. package/dist/components/Checklist/Checklist.cjs +1 -0
  67. package/dist/components/Checklist/Checklist.js +1 -0
  68. package/dist/components/Chip/Chip.cjs +1 -1
  69. package/dist/components/Chip/Chip.js +1 -1
  70. package/dist/components/CurrencyInput/CurrencyInput.cjs +1 -0
  71. package/dist/components/CurrencyInput/CurrencyInput.js +1 -0
  72. package/dist/components/DateInput/DateInput.cjs +1 -0
  73. package/dist/components/DateInput/DateInput.js +1 -0
  74. package/dist/components/DateRangeInput/DateRangeInput.cjs +1 -0
  75. package/dist/components/DateRangeInput/DateRangeInput.js +1 -0
  76. package/dist/components/Dialog/Dialog.cjs +1 -1
  77. package/dist/components/Dialog/Dialog.js +1 -1
  78. package/dist/components/DotStatus/DotStatus.cjs +1 -1
  79. package/dist/components/DotStatus/DotStatus.js +1 -1
  80. package/dist/components/EmptyState/EmptyState.cjs +1 -1
  81. package/dist/components/EmptyState/EmptyState.js +1 -1
  82. package/dist/components/Field/Field.cjs +1 -1
  83. package/dist/components/Field/Field.js +1 -1
  84. package/dist/components/FileUpload/FileUpload.cjs +1 -1
  85. package/dist/components/FileUpload/FileUpload.js +1 -1
  86. package/dist/components/Icon/Icon.cjs +1 -1
  87. package/dist/components/Icon/Icon.js +1 -1
  88. package/dist/components/Menu/Menu.cjs +1 -1
  89. package/dist/components/Menu/Menu.js +1 -1
  90. package/dist/components/Modal/Modal.cjs +1 -1
  91. package/dist/components/Modal/Modal.js +1 -1
  92. package/dist/components/NumberInput/NumberInput.cjs +1 -0
  93. package/dist/components/NumberInput/NumberInput.js +1 -0
  94. package/dist/components/Pagination/Pagination.cjs +1 -1
  95. package/dist/components/Pagination/Pagination.js +1 -1
  96. package/dist/components/PasswordInput/PasswordInput.cjs +1 -0
  97. package/dist/components/PasswordInput/PasswordInput.js +1 -0
  98. package/dist/components/PhoneInput/PhoneInput.cjs +1 -0
  99. package/dist/components/PhoneInput/PhoneInput.js +1 -0
  100. package/dist/components/ProgressCircle/ProgressCircle.cjs +1 -1
  101. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  102. package/dist/components/ProgressIndicator/ProgressIndicator.cjs +1 -1
  103. package/dist/components/ProgressIndicator/ProgressIndicator.js +1 -1
  104. package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
  105. package/dist/components/RadioGroup/RadioGroup.js +1 -0
  106. package/dist/components/SearchInput/SearchInput.cjs +1 -0
  107. package/dist/components/SearchInput/SearchInput.js +1 -0
  108. package/dist/components/SectionHeader/SectionHeader.cjs +1 -0
  109. package/dist/components/SectionHeader/SectionHeader.js +1 -0
  110. package/dist/components/Statistics/Statistics.cjs +1 -0
  111. package/dist/components/Statistics/Statistics.js +1 -0
  112. package/dist/components/Status/Status.cjs +1 -1
  113. package/dist/components/Status/Status.js +1 -1
  114. package/dist/components/Steps/Steps.cjs +1 -1
  115. package/dist/components/Steps/Steps.js +1 -1
  116. package/dist/components/Table/Table.cjs +1 -1
  117. package/dist/components/Table/Table.js +1 -1
  118. package/dist/components/Tabs/Tabs.cjs +1 -1
  119. package/dist/components/Tabs/Tabs.js +1 -1
  120. package/dist/components/Text/Text.cjs +1 -1
  121. package/dist/components/Text/Text.js +1 -1
  122. package/dist/components/TimeInput/TimeInput.cjs +1 -0
  123. package/dist/components/TimeInput/TimeInput.js +1 -0
  124. package/dist/components/TokenInput/TokenInput.cjs +1 -0
  125. package/dist/components/TokenInput/TokenInput.js +1 -0
  126. package/dist/components/Toolbar/Toolbar.cjs +1 -0
  127. package/dist/components/Toolbar/Toolbar.js +1 -0
  128. package/dist/components/Tooltip/Tooltip.cjs +1 -1
  129. package/dist/components/Tooltip/Tooltip.js +1 -1
  130. package/dist/design-system/ai/audit/audit.types.d.ts +1 -0
  131. package/dist/design-system/ai/examples/index.d.ts +4 -0
  132. package/dist/design-system/ai/examples/training.examples.d.ts +22 -0
  133. package/dist/design-system/ai/index.d.ts +10 -3
  134. package/dist/design-system/ai/manifest/composition.manifest.d.ts +11 -0
  135. package/dist/design-system/ai/manifest/governance.manifest.d.ts +5 -0
  136. package/dist/design-system/ai/manifest/index.d.ts +10 -0
  137. package/dist/design-system/ai/manifest/intent-mappings.manifest.d.ts +63 -0
  138. package/dist/design-system/ai/manifest/prop-aliases.manifest.d.ts +10 -0
  139. package/dist/design-system/ai/manifest/system.manifest.d.ts +2 -0
  140. package/dist/design-system/ai/manifest/types.d.ts +11 -0
  141. package/dist/design-system/ai/policies/rules/props.rules.d.ts +2 -0
  142. package/dist/design-system/ai/policies/rules/tailwind.rules.d.ts +2 -0
  143. package/dist/design-system/ai/policies/rules/token-variable.rules.d.ts +2 -0
  144. package/dist/design-system/ai/sdk/index.d.ts +1 -0
  145. package/dist/design-system/ai/sdk/runtime-sdk.d.ts +21 -0
  146. package/dist/design-system/ai/validation/deterministicFeedback.d.ts +15 -0
  147. package/dist/design-system/ai/validation/index.d.ts +5 -0
  148. package/dist/design-system/ai/validation/validateAIOutput.d.ts +13 -0
  149. package/dist/design-system/charts/BizChartsAdapters.d.ts +40 -0
  150. package/dist/design-system/charts/index.d.ts +1 -0
  151. package/dist/design-system/components/Button/Button.d.ts +1 -1
  152. package/dist/design-system/components/Button/Button.types.d.ts +1 -0
  153. package/dist/design-system/components/ButtonGroup/ButtonGroup.d.ts +3 -0
  154. package/dist/design-system/components/ButtonGroup/ButtonGroup.types.d.ts +19 -0
  155. package/dist/design-system/components/ButtonGroup/index.d.ts +2 -0
  156. package/dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts +3 -0
  157. package/dist/design-system/components/CheckboxGroup/CheckboxGroup.types.d.ts +15 -0
  158. package/dist/design-system/components/CheckboxGroup/index.d.ts +2 -0
  159. package/dist/design-system/components/Checklist/Checklist.d.ts +3 -0
  160. package/dist/design-system/components/Checklist/Checklist.types.d.ts +13 -0
  161. package/dist/design-system/components/Checklist/index.d.ts +2 -0
  162. package/dist/design-system/components/Chip/Chip.d.ts +4 -3
  163. package/dist/design-system/components/Chip/Chip.types.d.ts +13 -9
  164. package/dist/design-system/components/CurrencyInput/CurrencyInput.d.ts +2 -0
  165. package/dist/design-system/components/CurrencyInput/CurrencyInput.types.d.ts +3 -0
  166. package/dist/design-system/components/CurrencyInput/index.d.ts +2 -0
  167. package/dist/design-system/components/DateInput/DateInput.d.ts +2 -0
  168. package/dist/design-system/components/DateInput/DateInput.types.d.ts +3 -0
  169. package/dist/design-system/components/DateInput/index.d.ts +2 -0
  170. package/dist/design-system/components/DateRangeInput/DateRangeInput.d.ts +3 -0
  171. package/dist/design-system/components/DateRangeInput/DateRangeInput.types.d.ts +15 -0
  172. package/dist/design-system/components/DateRangeInput/index.d.ts +2 -0
  173. package/dist/design-system/components/Dialog/Dialog.types.d.ts +9 -8
  174. package/dist/design-system/components/Field/Field.d.ts +1 -1
  175. package/dist/design-system/components/Field/Field.types.d.ts +11 -9
  176. package/dist/design-system/components/FileUpload/FileUpload.d.ts +1 -1
  177. package/dist/design-system/components/FileUpload/FileUpload.types.d.ts +2 -0
  178. package/dist/design-system/components/Menu/index.d.ts +3 -0
  179. package/dist/design-system/components/NumberInput/NumberInput.d.ts +3 -0
  180. package/dist/design-system/components/NumberInput/NumberInput.types.d.ts +2 -0
  181. package/dist/design-system/components/NumberInput/index.d.ts +2 -0
  182. package/dist/design-system/components/Pagination/Pagination.d.ts +5 -3
  183. package/dist/design-system/components/Pagination/Pagination.types.d.ts +4 -1
  184. package/dist/design-system/components/PasswordInput/PasswordInput.d.ts +2 -0
  185. package/dist/design-system/components/PasswordInput/PasswordInput.types.d.ts +5 -0
  186. package/dist/design-system/components/PasswordInput/index.d.ts +2 -0
  187. package/dist/design-system/components/PhoneInput/PhoneInput.d.ts +2 -0
  188. package/dist/design-system/components/PhoneInput/PhoneInput.types.d.ts +5 -0
  189. package/dist/design-system/components/PhoneInput/index.d.ts +2 -0
  190. package/dist/design-system/components/ProgressCircle/ProgressCircle.d.ts +3 -2
  191. package/dist/design-system/components/ProgressCircle/ProgressCircle.types.d.ts +7 -3
  192. package/dist/design-system/components/ProgressIndicator/ProgressIndicator.d.ts +2 -1
  193. package/dist/design-system/components/ProgressIndicator/ProgressIndicator.types.d.ts +8 -4
  194. package/dist/design-system/components/RadioGroup/RadioGroup.d.ts +3 -0
  195. package/dist/design-system/components/RadioGroup/RadioGroup.types.d.ts +16 -0
  196. package/dist/design-system/components/RadioGroup/index.d.ts +2 -0
  197. package/dist/design-system/components/SearchInput/SearchInput.d.ts +2 -0
  198. package/dist/design-system/components/SearchInput/SearchInput.types.d.ts +3 -0
  199. package/dist/design-system/components/SearchInput/index.d.ts +2 -0
  200. package/dist/design-system/components/SectionHeader/SectionHeader.d.ts +3 -0
  201. package/dist/design-system/components/SectionHeader/SectionHeader.types.d.ts +9 -0
  202. package/dist/design-system/components/SectionHeader/index.d.ts +2 -0
  203. package/dist/design-system/components/Statistics/Statistics.d.ts +3 -0
  204. package/dist/design-system/components/Statistics/Statistics.types.d.ts +18 -0
  205. package/dist/design-system/components/Statistics/index.d.ts +2 -0
  206. package/dist/design-system/components/Status/Status.types.d.ts +4 -2
  207. package/dist/design-system/components/Tabs/Tabs.d.ts +1 -1
  208. package/dist/design-system/components/Tabs/Tabs.types.d.ts +4 -1
  209. package/dist/design-system/components/TimeInput/TimeInput.d.ts +2 -0
  210. package/dist/design-system/components/TimeInput/TimeInput.types.d.ts +3 -0
  211. package/dist/design-system/components/TimeInput/index.d.ts +2 -0
  212. package/dist/design-system/components/Toggle/index.d.ts +2 -0
  213. package/dist/design-system/components/TokenInput/TokenInput.d.ts +4 -0
  214. package/dist/design-system/components/TokenInput/TokenInput.types.d.ts +17 -0
  215. package/dist/design-system/components/TokenInput/index.d.ts +3 -0
  216. package/dist/design-system/components/Toolbar/Toolbar.d.ts +3 -0
  217. package/dist/design-system/components/Toolbar/Toolbar.types.d.ts +8 -0
  218. package/dist/design-system/components/Toolbar/index.d.ts +2 -0
  219. package/dist/design-system/components/Tooltip/Tooltip.d.ts +1 -1
  220. package/dist/design-system/components/Tooltip/Tooltip.types.d.ts +1 -0
  221. package/dist/design-system/figma-make/index.d.ts +42 -0
  222. package/dist/design-system/generated/component-api.d.ts +2043 -0
  223. package/dist/design-system/index.d.ts +18 -2
  224. package/dist/figma-make/index.cjs +1 -0
  225. package/dist/figma-make/index.js +1 -0
  226. package/dist/generated/component-api.cjs +1 -0
  227. package/dist/generated/component-api.js +1 -0
  228. package/dist/index.cjs +1 -1
  229. package/dist/index.js +1 -1
  230. package/dist/src/app-shell/AppShell.cjs +1 -1
  231. package/dist/src/app-shell/AppShell.js +1 -1
  232. package/dist/style.css +1 -1
  233. package/package.json +70 -19
  234. package/dist/components/Accordion/Accordion.spec.cjs +0 -1
  235. package/dist/components/Accordion/Accordion.spec.js +0 -1
  236. package/dist/components/ActionMenu/ActionMenu.spec.cjs +0 -1
  237. package/dist/components/ActionMenu/ActionMenu.spec.js +0 -1
  238. package/dist/components/Avatar/Avatar.spec.cjs +0 -1
  239. package/dist/components/Avatar/Avatar.spec.js +0 -1
  240. package/dist/components/Badge/Badge.spec.cjs +0 -1
  241. package/dist/components/Badge/Badge.spec.js +0 -1
  242. package/dist/components/Branding/Branding.spec.cjs +0 -1
  243. package/dist/components/Branding/Branding.spec.js +0 -1
  244. package/dist/components/Breadcrumb/Breadcrumb.spec.cjs +0 -1
  245. package/dist/components/Breadcrumb/Breadcrumb.spec.js +0 -1
  246. package/dist/components/Button/Button.spec.cjs +0 -1
  247. package/dist/components/Button/Button.spec.js +0 -1
  248. package/dist/components/Calendar/Calendar.spec.cjs +0 -1
  249. package/dist/components/Calendar/Calendar.spec.js +0 -1
  250. package/dist/components/Card/Card.spec.cjs +0 -1
  251. package/dist/components/Card/Card.spec.js +0 -1
  252. package/dist/components/Checkbox/Checkbox.spec.cjs +0 -1
  253. package/dist/components/Checkbox/Checkbox.spec.js +0 -1
  254. package/dist/components/Chip/Chip.spec.cjs +0 -1
  255. package/dist/components/Chip/Chip.spec.js +0 -1
  256. package/dist/components/Code/Code.spec.cjs +0 -1
  257. package/dist/components/Code/Code.spec.js +0 -1
  258. package/dist/components/Container/Container.spec.cjs +0 -1
  259. package/dist/components/Container/Container.spec.js +0 -1
  260. package/dist/components/Datepicker/Datepicker.spec.cjs +0 -1
  261. package/dist/components/Datepicker/Datepicker.spec.js +0 -1
  262. package/dist/components/Dialog/Dialog.spec.cjs +0 -1
  263. package/dist/components/Dialog/Dialog.spec.js +0 -1
  264. package/dist/components/Divider/Divider.spec.cjs +0 -1
  265. package/dist/components/Divider/Divider.spec.js +0 -1
  266. package/dist/components/DotStatus/DotStatus.spec.cjs +0 -1
  267. package/dist/components/DotStatus/DotStatus.spec.js +0 -1
  268. package/dist/components/Dropdown/Dropdown.spec.cjs +0 -1
  269. package/dist/components/Dropdown/Dropdown.spec.js +0 -1
  270. package/dist/components/EmptyState/EmptyState.spec.cjs +0 -1
  271. package/dist/components/EmptyState/EmptyState.spec.js +0 -1
  272. package/dist/components/EventCard/EventCard.spec.cjs +0 -1
  273. package/dist/components/EventCard/EventCard.spec.js +0 -1
  274. package/dist/components/Field/Field.spec.cjs +0 -1
  275. package/dist/components/Field/Field.spec.js +0 -1
  276. package/dist/components/FileUpload/FileUpload.spec.cjs +0 -1
  277. package/dist/components/FileUpload/FileUpload.spec.js +0 -1
  278. package/dist/components/Flex/Flex.spec.cjs +0 -1
  279. package/dist/components/Flex/Flex.spec.js +0 -1
  280. package/dist/components/Icon/Icon.spec.cjs +0 -1
  281. package/dist/components/Icon/Icon.spec.js +0 -1
  282. package/dist/components/ImageAspect/ImageAspect.spec.cjs +0 -1
  283. package/dist/components/ImageAspect/ImageAspect.spec.js +0 -1
  284. package/dist/components/Key/Key.spec.cjs +0 -1
  285. package/dist/components/Key/Key.spec.js +0 -1
  286. package/dist/components/Menu/Menu.spec.cjs +0 -1
  287. package/dist/components/Menu/Menu.spec.js +0 -1
  288. package/dist/components/MicroCalendar/MicroCalendar.spec.cjs +0 -1
  289. package/dist/components/MicroCalendar/MicroCalendar.spec.js +0 -1
  290. package/dist/components/Modal/Modal.spec.cjs +0 -1
  291. package/dist/components/Modal/Modal.spec.js +0 -1
  292. package/dist/components/Pagination/Pagination.spec.cjs +0 -1
  293. package/dist/components/Pagination/Pagination.spec.js +0 -1
  294. package/dist/components/PillToggle/PillToggle.cjs +0 -1
  295. package/dist/components/PillToggle/PillToggle.js +0 -1
  296. package/dist/components/PillToggle/PillToggle.spec.cjs +0 -1
  297. package/dist/components/PillToggle/PillToggle.spec.js +0 -1
  298. package/dist/components/Playground/Playground.cjs +0 -9
  299. package/dist/components/Playground/Playground.js +0 -9
  300. package/dist/components/Playground/Playground.spec.cjs +0 -1
  301. package/dist/components/Playground/Playground.spec.js +0 -1
  302. package/dist/components/ProgressCircle/ProgressCircle.spec.cjs +0 -1
  303. package/dist/components/ProgressCircle/ProgressCircle.spec.js +0 -1
  304. package/dist/components/ProgressIndicator/ProgressIndicator.spec.cjs +0 -1
  305. package/dist/components/ProgressIndicator/ProgressIndicator.spec.js +0 -1
  306. package/dist/components/Radio/Radio.spec.cjs +0 -1
  307. package/dist/components/Radio/Radio.spec.js +0 -1
  308. package/dist/components/Slider/Slider.spec.cjs +0 -1
  309. package/dist/components/Slider/Slider.spec.js +0 -1
  310. package/dist/components/Status/Status.spec.cjs +0 -1
  311. package/dist/components/Status/Status.spec.js +0 -1
  312. package/dist/components/Steps/Steps.spec.cjs +0 -1
  313. package/dist/components/Steps/Steps.spec.js +0 -1
  314. package/dist/components/Table/Table.spec.cjs +0 -1
  315. package/dist/components/Table/Table.spec.js +0 -1
  316. package/dist/components/Tabs/Tabs.spec.cjs +0 -1
  317. package/dist/components/Tabs/Tabs.spec.js +0 -1
  318. package/dist/components/Tag/Tag.spec.cjs +0 -1
  319. package/dist/components/Tag/Tag.spec.js +0 -1
  320. package/dist/components/Text/Text.spec.cjs +0 -1
  321. package/dist/components/Text/Text.spec.js +0 -1
  322. package/dist/components/TextInput/TextInput.spec.cjs +0 -1
  323. package/dist/components/TextInput/TextInput.spec.js +0 -1
  324. package/dist/components/Textarea/Textarea.spec.cjs +0 -1
  325. package/dist/components/Textarea/Textarea.spec.js +0 -1
  326. package/dist/components/Toast/Toast.spec.cjs +0 -1
  327. package/dist/components/Toast/Toast.spec.js +0 -1
  328. package/dist/components/Toggle/Toggle.spec.cjs +0 -1
  329. package/dist/components/Toggle/Toggle.spec.js +0 -1
  330. package/dist/components/Tooltip/Tooltip.spec.cjs +0 -1
  331. package/dist/components/Tooltip/Tooltip.spec.js +0 -1
  332. package/dist/design-system/components/Accordion/Accordion.spec.d.ts +0 -4
  333. package/dist/design-system/components/ActionMenu/ActionMenu.spec.d.ts +0 -4
  334. package/dist/design-system/components/Avatar/Avatar.spec.d.ts +0 -6
  335. package/dist/design-system/components/Badge/Badge.spec.d.ts +0 -12
  336. package/dist/design-system/components/Branding/Branding.spec.d.ts +0 -6
  337. package/dist/design-system/components/Breadcrumb/Breadcrumb.spec.d.ts +0 -4
  338. package/dist/design-system/components/Button/Button.spec.d.ts +0 -12
  339. package/dist/design-system/components/Calendar/Calendar.spec.d.ts +0 -4
  340. package/dist/design-system/components/Card/Card.spec.d.ts +0 -4
  341. package/dist/design-system/components/Checkbox/Checkbox.spec.d.ts +0 -4
  342. package/dist/design-system/components/Chip/Chip.spec.d.ts +0 -13
  343. package/dist/design-system/components/Code/Code.spec.d.ts +0 -10
  344. package/dist/design-system/components/Container/Container.spec.d.ts +0 -2
  345. package/dist/design-system/components/Datepicker/Datepicker.spec.d.ts +0 -6
  346. package/dist/design-system/components/Dialog/Dialog.spec.d.ts +0 -8
  347. package/dist/design-system/components/Divider/Divider.spec.d.ts +0 -10
  348. package/dist/design-system/components/DotStatus/DotStatus.spec.d.ts +0 -10
  349. package/dist/design-system/components/Dropdown/Dropdown.spec.d.ts +0 -12
  350. package/dist/design-system/components/EmptyState/EmptyState.spec.d.ts +0 -2
  351. package/dist/design-system/components/EventCard/EventCard.spec.d.ts +0 -8
  352. package/dist/design-system/components/Field/Field.spec.d.ts +0 -4
  353. package/dist/design-system/components/FileUpload/FileUpload.spec.d.ts +0 -6
  354. package/dist/design-system/components/Flex/Flex.spec.d.ts +0 -2
  355. package/dist/design-system/components/Icon/Icon.spec.d.ts +0 -6
  356. package/dist/design-system/components/ImageAspect/ImageAspect.spec.d.ts +0 -8
  357. package/dist/design-system/components/Key/Key.spec.d.ts +0 -8
  358. package/dist/design-system/components/Menu/Menu.spec.d.ts +0 -6
  359. package/dist/design-system/components/MicroCalendar/MicroCalendar.spec.d.ts +0 -4
  360. package/dist/design-system/components/Modal/Modal.spec.d.ts +0 -8
  361. package/dist/design-system/components/Pagination/Pagination.spec.d.ts +0 -6
  362. package/dist/design-system/components/PillToggle/PillToggle.d.ts +0 -13
  363. package/dist/design-system/components/PillToggle/PillToggle.spec.d.ts +0 -6
  364. package/dist/design-system/components/PillToggle/PillToggle.types.d.ts +0 -9
  365. package/dist/design-system/components/PillToggle/index.d.ts +0 -3
  366. package/dist/design-system/components/Playground/Playground.d.ts +0 -12
  367. package/dist/design-system/components/Playground/Playground.spec.d.ts +0 -6
  368. package/dist/design-system/components/Playground/Playground.types.d.ts +0 -7
  369. package/dist/design-system/components/Playground/index.d.ts +0 -3
  370. package/dist/design-system/components/ProgressCircle/ProgressCircle.spec.d.ts +0 -10
  371. package/dist/design-system/components/ProgressIndicator/ProgressIndicator.spec.d.ts +0 -10
  372. package/dist/design-system/components/Radio/Radio.spec.d.ts +0 -4
  373. package/dist/design-system/components/Slider/Slider.spec.d.ts +0 -4
  374. package/dist/design-system/components/Status/Status.spec.d.ts +0 -11
  375. package/dist/design-system/components/Steps/Steps.spec.d.ts +0 -11
  376. package/dist/design-system/components/Table/Table.spec.d.ts +0 -4
  377. package/dist/design-system/components/Tabs/Tabs.spec.d.ts +0 -7
  378. package/dist/design-system/components/Tag/Tag.spec.d.ts +0 -13
  379. package/dist/design-system/components/Text/Text.spec.d.ts +0 -2
  380. package/dist/design-system/components/TextInput/TextInput.spec.d.ts +0 -12
  381. package/dist/design-system/components/Textarea/Textarea.spec.d.ts +0 -10
  382. package/dist/design-system/components/Toast/Toast.spec.d.ts +0 -8
  383. package/dist/design-system/components/Toggle/Toggle.spec.d.ts +0 -8
  384. package/dist/design-system/components/Tooltip/Tooltip.spec.d.ts +0 -8
  385. package/dist/design-system/specs/spec.types.d.ts +0 -18
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mich8060/unified-design-system",
3
3
  "private": false,
4
- "version": "0.2.13",
4
+ "version": "0.2.15",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
7
  "publishConfig": {
@@ -33,6 +33,22 @@
33
33
  "default": "./dist/ai/index.js"
34
34
  },
35
35
  "./ai/schema": "./dist/ai/schemas/ai-output.schema.json",
36
+ "./ai/icons.json": "./dist/ai/icons/catalog.json",
37
+ "./ai/icons": "./dist/ai/icons/catalog.json",
38
+ "./ai/templates.json": "./dist/ai/templates/layouts.json",
39
+ "./ai/templates": "./dist/ai/templates/layouts.json",
40
+ "./ai/figma-make.json": "./dist/ai/figma-make.contract.json",
41
+ "./ai/figma-make": "./dist/ai/figma-make.md",
42
+ "./ai/prompts/figma-make": "./dist/ai/prompts/figma-make.prompt.md",
43
+ "./ai/manifest.json": "./dist/ai/manifest.json",
44
+ "./ai/discovery.json": "./dist/ai/discovery.json",
45
+ "./ai/discovery": "./dist/ai/discovery.json",
46
+ "./figma-make": {
47
+ "types": "./dist/design-system/figma-make/index.d.ts",
48
+ "import": "./dist/figma-make/index.js",
49
+ "require": "./dist/figma-make/index.cjs",
50
+ "default": "./dist/figma-make/index.js"
51
+ },
36
52
  "./Accordion": {
37
53
  "types": "./dist/design-system/components/Accordion/Accordion.d.ts",
38
54
  "import": "./dist/components/Accordion/Accordion.js",
@@ -81,6 +97,12 @@
81
97
  "require": "./dist/components/Button/Button.cjs",
82
98
  "default": "./dist/components/Button/Button.js"
83
99
  },
100
+ "./ButtonGroup": {
101
+ "types": "./dist/design-system/components/ButtonGroup/ButtonGroup.d.ts",
102
+ "import": "./dist/components/ButtonGroup/ButtonGroup.js",
103
+ "require": "./dist/components/ButtonGroup/ButtonGroup.cjs",
104
+ "default": "./dist/components/ButtonGroup/ButtonGroup.js"
105
+ },
84
106
  "./Calendar": {
85
107
  "types": "./dist/design-system/components/Calendar/Calendar.d.ts",
86
108
  "import": "./dist/components/Calendar/Calendar.js",
@@ -99,6 +121,12 @@
99
121
  "require": "./dist/components/Checkbox/Checkbox.cjs",
100
122
  "default": "./dist/components/Checkbox/Checkbox.js"
101
123
  },
124
+ "./CheckboxGroup": {
125
+ "types": "./dist/design-system/components/CheckboxGroup/CheckboxGroup.d.ts",
126
+ "import": "./dist/components/CheckboxGroup/CheckboxGroup.js",
127
+ "require": "./dist/components/CheckboxGroup/CheckboxGroup.cjs",
128
+ "default": "./dist/components/CheckboxGroup/CheckboxGroup.js"
129
+ },
102
130
  "./Chip": {
103
131
  "types": "./dist/design-system/components/Chip/Chip.d.ts",
104
132
  "import": "./dist/components/Chip/Chip.js",
@@ -219,18 +247,6 @@
219
247
  "require": "./dist/components/Pagination/Pagination.cjs",
220
248
  "default": "./dist/components/Pagination/Pagination.js"
221
249
  },
222
- "./PillToggle": {
223
- "types": "./dist/design-system/components/PillToggle/PillToggle.d.ts",
224
- "import": "./dist/components/PillToggle/PillToggle.js",
225
- "require": "./dist/components/PillToggle/PillToggle.cjs",
226
- "default": "./dist/components/PillToggle/PillToggle.js"
227
- },
228
- "./Playground": {
229
- "types": "./dist/design-system/components/Playground/Playground.d.ts",
230
- "import": "./dist/components/Playground/Playground.js",
231
- "require": "./dist/components/Playground/Playground.cjs",
232
- "default": "./dist/components/Playground/Playground.js"
233
- },
234
250
  "./ProgressCircle": {
235
251
  "types": "./dist/design-system/components/ProgressCircle/ProgressCircle.d.ts",
236
252
  "import": "./dist/components/ProgressCircle/ProgressCircle.js",
@@ -249,6 +265,12 @@
249
265
  "require": "./dist/components/Radio/Radio.cjs",
250
266
  "default": "./dist/components/Radio/Radio.js"
251
267
  },
268
+ "./RadioGroup": {
269
+ "types": "./dist/design-system/components/RadioGroup/RadioGroup.d.ts",
270
+ "import": "./dist/components/RadioGroup/RadioGroup.js",
271
+ "require": "./dist/components/RadioGroup/RadioGroup.cjs",
272
+ "default": "./dist/components/RadioGroup/RadioGroup.js"
273
+ },
252
274
  "./Slider": {
253
275
  "types": "./dist/design-system/components/Slider/Slider.d.ts",
254
276
  "import": "./dist/components/Slider/Slider.js",
@@ -261,6 +283,12 @@
261
283
  "require": "./dist/components/Status/Status.cjs",
262
284
  "default": "./dist/components/Status/Status.js"
263
285
  },
286
+ "./Statistics": {
287
+ "types": "./dist/design-system/components/Statistics/Statistics.d.ts",
288
+ "import": "./dist/components/Statistics/Statistics.js",
289
+ "require": "./dist/components/Statistics/Statistics.cjs",
290
+ "default": "./dist/components/Statistics/Statistics.js"
291
+ },
264
292
  "./Steps": {
265
293
  "types": "./dist/design-system/components/Steps/Steps.d.ts",
266
294
  "import": "./dist/components/Steps/Steps.js",
@@ -279,6 +307,12 @@
279
307
  "require": "./dist/components/Tabs/Tabs.cjs",
280
308
  "default": "./dist/components/Tabs/Tabs.js"
281
309
  },
310
+ "./charts-bizcharts": {
311
+ "types": "./dist/design-system/charts/index.d.ts",
312
+ "import": "./dist/charts-bizcharts/index.js",
313
+ "require": "./dist/charts-bizcharts/index.cjs",
314
+ "default": "./dist/charts-bizcharts/index.js"
315
+ },
282
316
  "./Tag": {
283
317
  "types": "./dist/design-system/components/Tag/Tag.d.ts",
284
318
  "import": "./dist/components/Tag/Tag.js",
@@ -351,6 +385,12 @@
351
385
  "require": "./dist/ai/validation/index.cjs",
352
386
  "default": "./dist/ai/validation/index.js"
353
387
  },
388
+ "./ai/sdk": {
389
+ "types": "./dist/design-system/ai/sdk/index.d.ts",
390
+ "import": "./dist/ai/sdk/index.js",
391
+ "require": "./dist/ai/sdk/index.cjs",
392
+ "default": "./dist/ai/sdk/index.js"
393
+ },
354
394
  "./ai/examples": {
355
395
  "types": "./dist/design-system/ai/examples/index.d.ts",
356
396
  "import": "./dist/ai/examples/index.js",
@@ -402,16 +442,28 @@
402
442
  "sideEffects": false,
403
443
  "scripts": {
404
444
  "dev": "vite --configLoader native",
405
- "build": "vite build --configLoader native && npm run build:types && npm run build:tokens",
445
+ "dev:preact": "UDS_USE_PREACT_COMPAT=1 vite --configLoader native",
446
+ "build": "vite build --configLoader native && npm run build:types && npm run build:tokens && npm run build:ai:schema && npm run build:ai:icons && npm run build:ai:templates && npm run build:ai:figma && npm run build:api && npm run build:ai:manifest && npm run build:ai:discovery",
406
447
  "build:types": "tsc -p tsconfig.build.json",
407
448
  "build:tokens": "tsc -p tsconfig.tokens.json && node --experimental-specifier-resolution=node scripts/generate-tokens-css.mjs",
449
+ "build:ai:schema": "node scripts/copy-ai-schema.mjs",
450
+ "build:ai:icons": "node scripts/copy-ai-icons.mjs",
451
+ "build:ai:templates": "node scripts/copy-ai-templates.mjs",
452
+ "build:ai:figma": "node scripts/copy-ai-figma-assets.mjs",
453
+ "build:api": "node --experimental-strip-types scripts/generate-api-artifacts.ts",
454
+ "build:ai:manifest": "node --experimental-strip-types --experimental-specifier-resolution=node scripts/generate-ai-manifest.ts",
455
+ "build:ai:discovery": "node --experimental-strip-types --experimental-specifier-resolution=node scripts/generate-ai-discovery.ts",
408
456
  "ai:validate": "node scripts/validate-ai-output.mjs",
457
+ "ai:validate:examples": "node --experimental-strip-types --experimental-specifier-resolution=node scripts/validate-ai-training-examples.ts",
458
+ "ai:gate:contracts": "node scripts/check-ai-contract-integrity.mjs",
409
459
  "ai:enforce": "node scripts/enforce-ai-usage.mjs",
410
460
  "ai:token-diff": "node scripts/diff-token-usage.mjs",
411
461
  "ai:generate-ui": "node --experimental-strip-types scripts/ai/generate-ui.ts",
412
- "ci:ai": "npm run ai:validate && npm run ai:enforce && npm run ai:token-diff",
462
+ "ci:ai": "npm run ai:validate && npm run ai:validate:examples && npm run ai:gate:contracts && npm run ai:enforce && npm run ai:token-diff",
413
463
  "size:check": "node scripts/check-bundle-size.mjs",
464
+ "perf:smoke": "node scripts/perf-smoke.mjs",
414
465
  "ci:bundle": "npm run build && npm run size:check",
466
+ "ci:perf": "npm run build && npm run size:check && npm run perf:smoke",
415
467
  "preview": "vite preview --configLoader native",
416
468
  "lint": "eslint .",
417
469
  "lint:styles": "stylelint \"src/**/*.scss\"",
@@ -419,10 +471,10 @@
419
471
  "generate:component": "node scripts/create-component.js",
420
472
  "storybook": "storybook dev -p 6006",
421
473
  "build-storybook": "storybook build",
422
- "sass:watch": "sass --watch src/design-system:src/design-system",
423
- "prepare": "husky install"
474
+ "sass:watch": "sass --watch src/design-system:src/design-system"
424
475
  },
425
476
  "dependencies": {
477
+ "bizcharts": "^4.1.23",
426
478
  "prismjs": "^1.30.0"
427
479
  },
428
480
  "peerDependencies": {
@@ -460,7 +512,6 @@
460
512
  "stylelint-config-standard-scss": "^13.1.0",
461
513
  "typescript": "^5.9.3",
462
514
  "typescript-eslint": "^8.56.1",
463
- "vite": "^6.4.1",
464
- "husky": "^8.0.0"
515
+ "vite": "^6.4.1"
465
516
  }
466
517
  }
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.AccordionSpec=e;
@@ -1 +0,0 @@
1
- const o={allowedVariants:{},defaults:{}};export{o as AccordionSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.ActionMenuSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{}};export{e as ActionMenuSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{size:"default"}};exports.AvatarSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{size:"default"}};export{a as AvatarSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{variant:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],appearance:["solid","outlined"],rounded:["true","false"]},defaults:{variant:"red",appearance:"solid",rounded:"true"}};exports.BadgeSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{variant:["blue","cyan","green","magenta","indigo","rose","neutral","orange","purple","red","sky","yellow","inverse","lime"],appearance:["solid","outlined"],rounded:["true","false"]},defaults:{variant:"red",appearance:"solid",rounded:"true"}};export{e as BadgeSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{size:"default"}};exports.BrandingSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{size:"default"}};export{a as BrandingSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.BreadcrumbSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{}};export{a as BreadcrumbSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{layout:["label-only","icon-left","icon-right","icon-only","only"],appearance:["primary","soft","outline","text","ghost","disabled","destructive"],size:["large","default","small","xsmall"]},defaults:{appearance:"primary",layout:"label-only",size:"default"}};exports.ButtonSpec=e;
@@ -1 +0,0 @@
1
- const l={allowedVariants:{layout:["label-only","icon-left","icon-right","icon-only","only"],appearance:["primary","soft","outline","text","ghost","disabled","destructive"],size:["large","default","small","xsmall"]},defaults:{appearance:"primary",layout:"label-only",size:"default"}};export{l as ButtonSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.CalendarSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{}};export{a as CalendarSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.CardSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{}};export{a as CardSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.CheckboxSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{}};export{e as CheckboxSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{appearance:["outline","primary"],shape:["pill","rounded"],iconplacement:["both","left","right","none"]},defaults:{appearance:"outline",shape:"pill",iconPlacement:"none",badgeVariant:"red"}};exports.ChipSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{appearance:["outline","primary"],shape:["pill","rounded"],iconplacement:["both","left","right","none"]},defaults:{appearance:"outline",shape:"pill",iconPlacement:"none",badgeVariant:"red"}};export{e as ChipSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{language:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],inline:[!0,!1]},defaults:{language:"javascript",inline:!1}};exports.CodeSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{language:["markup","css","clike","javascript","typescript","tsx","jsx","json","bash","sql"],inline:[!0,!1]},defaults:{language:"javascript",inline:!1}};export{a as CodeSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Container",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",variants:{appearance:{type:"enum",values:["default","transparent"],default:"default"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"default"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]};exports.ContainerSpec=e;
@@ -1 +0,0 @@
1
- const a={name:"Container",tier:2,purpose:"Provides a reusable content wrapper with optional filled or transparent surface styles and standardized padding.",variants:{appearance:{type:"enum",values:["default","transparent"],default:"default"},padding:{type:"enum",values:["none","xsmall","small","default","large","xlarge"],default:"default"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-width-1","--uds-border-primary","--uds-radius-8","--uds-spacing-0","--uds-spacing-8","--uds-spacing-12","--uds-spacing-16","--uds-spacing-24","--uds-spacing-32"],accessibility:{role:"generic",keyboard:[]},antiPatterns:["Do not use Container for semantic landmarks where <section>, <article>, or <aside> is required.","Do not hardcode spacing values on top of Container padding variants."]};export{a as ContainerSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{size:"desktop"}};exports.DatepickerSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{size:"desktop"}};export{e as DatepickerSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"}};exports.DialogSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{intent:"info",confirmLabel:"Confirm",cancelLabel:"Cancel"}};export{a as DialogSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{alignment:["left","center","right"],variant:["line","solid"]},defaults:{variant:"line",alignment:"center"}};exports.DividerSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{alignment:["left","center","right"],variant:["line","solid"]},defaults:{variant:"line",alignment:"center"}};export{e as DividerSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{variant:["light-gray","red","orange","yellow","light-green","green","blue","dark-blue","teal","purple","pink","magenta","dark-red","dark-gray"],size:["small","medium","large"]},defaults:{variant:"blue",size:"medium"}};exports.DotStatusSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{variant:["light-gray","red","orange","yellow","light-green","green","blue","dark-blue","teal","purple","pink","magenta","dark-red","dark-gray"],size:["small","medium","large"]},defaults:{variant:"blue",size:"medium"}};export{e as DotStatusSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{size:["compact","default"],state:["default","focused","error","disabled"]},defaults:{placeholder:"Select an option",size:"default",state:"default",placement:"bottom-start"}};exports.DropdownSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{size:["compact","default"],state:["default","focused","error","disabled"]},defaults:{placeholder:"Select an option",size:"default",state:"default",placement:"bottom-start"}};export{e as DropdownSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"EmptyState",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",variants:{align:{type:"enum",values:["left","center"],default:"center"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]};exports.EmptyStateSpec=e;
@@ -1 +0,0 @@
1
- const e={name:"EmptyState",tier:2,purpose:"Provide a clear, branded fallback when a section has no content, data, or search results.",variants:{align:{type:"enum",values:["left","center"],default:"center"}},states:["default"],tokensUsed:["--uds-surface-secondary","--uds-border-primary","--uds-radius-8","--uds-text-primary","--uds-text-secondary","--uds-spacing-24"],accessibility:{role:"region",keyboard:[]},antiPatterns:["Do not use EmptyState when content is loading; use a loading indicator instead.","Do not place multiple primary actions inside a single EmptyState."]};export{e as EmptyStateSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={allowedVariants:{},defaults:{title:"Title",type:"travel",status:"active"}};exports.EventCardSpec=t;
@@ -1 +0,0 @@
1
- const t={allowedVariants:{},defaults:{title:"Title",type:"travel",status:"active"}};export{t as EventCardSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.FieldSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{}};export{e as FieldSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{instructionText:"Drop files here or click to upload"}};exports.FileUploadSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{instructionText:"Drop files here or click to upload"}};export{e as FileUploadSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Flex",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",variants:{fullWidth:{type:"boolean",default:!1}},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]}};exports.FlexSpec=e;
@@ -1 +0,0 @@
1
- const e={name:"Flex",tier:2,purpose:"Creates token-driven flexbox layouts with controlled direction, alignment, wrapping, and width behavior.",variants:{fullWidth:{type:"boolean",default:!1}},states:["default"],tokensUsed:[],accessibility:{role:"generic",keyboard:[]}};export{e as FlexSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{appearance:"regular"}};exports.IconSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{appearance:"regular"}};export{a as IconSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{aspectratio:["square","video","4-3","3-2","21-9","portrait","auto"]},defaults:{ratio:"square"}};exports.ImageAspectSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{aspectratio:["square","video","4-3","3-2","21-9","portrait","auto"]},defaults:{ratio:"square"}};export{a as ImageAspectSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{appearance:["light","dark"]},defaults:{appearance:"light"}};exports.KeySpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{appearance:["light","dark"]},defaults:{appearance:"light"}};export{a as KeySpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{identity:"design-system"}};exports.MenuSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{identity:"design-system"}};export{e as MenuSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.MicroCalendarSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{}};export{a as MicroCalendarSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{size:["small","default","large","fullscreen"]},defaults:{size:"default"}};exports.ModalSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{size:["small","default","large","fullscreen"]},defaults:{size:"default"}};export{e as ModalSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={allowedVariants:{},defaults:{variant:"default"}};exports.PaginationSpec=a;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{variant:"default"}};export{a as PaginationSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime");;/* empty css */const e="uds-pill-toggle";function h({label:o="Label States",selected:s=!1,onChange:a,id:c,disabled:l=!1,className:i="",...r}){const n=c||`pill-toggle-${Math.random().toString(36).substr(2,9)}`,u=d=>{!l&&a&&a(d.target.checked)},g=[e,s&&`${e}--selected`,l&&`${e}--disabled`,i].filter(Boolean).join(" ");return t.jsxs("label",{className:g,htmlFor:n,...r,children:[t.jsx("input",{type:"checkbox",id:n,className:`${e}__input`,checked:s,onChange:u,disabled:l}),t.jsx("span",{className:`${e}__label`,children:o})]})}exports.default=h;
@@ -1 +0,0 @@
1
- import{jsxs as p,jsx as o}from"react/jsx-runtime";/* empty css */const e="uds-pill-toggle";function u({label:n="Label States",selected:t=!1,onChange:s,id:c,disabled:l=!1,className:i="",...r}){const a=c||`pill-toggle-${Math.random().toString(36).substr(2,9)}`,g=m=>{!l&&s&&s(m.target.checked)},h=[e,t&&`${e}--selected`,l&&`${e}--disabled`,i].filter(Boolean).join(" ");return p("label",{className:h,htmlFor:a,...r,children:[o("input",{type:"checkbox",id:a,className:`${e}__input`,checked:t,onChange:g,disabled:l}),o("span",{className:`${e}__label`,children:n})]})}export{u as default};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{label:"Label States"}};exports.PillToggleSpec=e;
@@ -1 +0,0 @@
1
- const l={allowedVariants:{},defaults:{label:"Label States"}};export{l as PillToggleSpec};
@@ -1,9 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("react"),h=require("../Icon/Icon.cjs"),N=require("../Button/Button.cjs"),z=require("../ActionMenu/ActionMenu.cjs");;/* empty css */const J=["Placeholder","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Check","Close","X","Plus","Minus","Edit","Pencil","Trash","Search","MagnifyingGlass","Settings","Gear","User","Users","Home","House","Star","Heart","Bookmark","Share","Download","Upload","Copy","CopySimple","Code","GearSix","List","SquaresFour","DiamondsFour","CirclesThree","CaretDown","CaretUp","CaretLeft","CaretRight","Info","Warning","CheckCircle","XCircle","Bell","Notification","Mail","Phone","Calendar","Clock","Image","File","Folder","Lock","Unlock","Eye","EyeSlash","Filter","Sort","Grid","Menu","More","DotsThree"];function V({component:t,propDefinitions:u={},title:X="Playground",initialProps:I={},renderComponent:v}){const[m,C]=g.useState("inspector"),S=()=>{const a={...I};return Object.keys(u).forEach(l=>{if(a[l]===void 0){const o=l.toLowerCase().includes("icon")||u[l].type==="icon",s=u[l].default;o&&(s===void 0||s==="")?a[l]="Placeholder":s!==void 0&&(a[l]=s)}}),a},[i,$]=g.useState(S),_=g.useCallback((a,l)=>{$(o=>({...o,[a]:l}))},[]);g.useCallback(()=>{$(S())},[]);const A=g.useCallback(()=>{const a=(t==null?void 0:t.name)||"Component",l=Object.entries(i).filter(([s,r])=>r!=null&&r!==""&&r!=="Placeholder").map(([s,r])=>typeof r=="string"?`${s}="${r}"`:typeof r=="boolean"?r?s:`${s}={false}`:`${s}={${JSON.stringify(r)}}`).join(" "),o=`<${a}${l?" "+l:""} />`;navigator.clipboard.writeText(o)},[i,t]),w=(a,l)=>{const{type:o,label:s,options:r,min:T,max:U,step:G,placeholder:D}=l,j=a.toLowerCase().includes("icon")||o==="icon",y=l.default,E=j&&(y===void 0||y==="")?"Placeholder":y??"",c=i[a]??E,M=j&&!r?J.map(d=>({value:d,label:d})):r;switch(o){case"icon":case"select":const d=M||r||[],b=d.find(n=>n.value===c)||d[0],H=b?b.label||b.value:c||"Select...",R=d.map(n=>({id:n.value,label:n.label||n.value,onClick:()=>_(a,n.value)}));return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx(z.default,{trigger:e.jsxs("button",{type:"button",className:"playground__select-trigger","aria-label":s||a,children:[e.jsx("span",{className:"playground__select-value",children:H}),e.jsx(h.default,{name:"CaretDown",size:16,appearance:"regular"})]}),items:R,placement:"bottom-start"})})]},a);case"boolean":return e.jsxs("div",{className:"playground__state-item",children:[e.jsx("label",{className:"playground__state-label",children:s||a}),e.jsx("input",{type:"checkbox",className:"playground__checkbox",checked:c,onChange:n=>_(a,n.target.checked)})]},a);case"number":return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx("input",{id:`playground-${a}`,type:"number",className:"playground__input",value:c,min:T,max:U,step:G,onChange:n=>_(a,Number(n.target.value))})})]},a);case"text":case"string":default:if(j){const n=M||[],f=n.find(p=>p.value===c)||n[0],Z=f?f.label||f.value:c||"Placeholder",B=n.map(p=>({id:p.value,label:p.label||p.value,onClick:()=>_(a,p.value)}));return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx(z.default,{trigger:e.jsxs("button",{type:"button",className:"playground__select-trigger","aria-label":s||a,children:[e.jsx("span",{className:"playground__select-value",children:Z}),e.jsx(h.default,{name:"CaretDown",size:16,appearance:"regular"})]}),items:B,placement:"bottom-start"})})]},a)}return e.jsxs("div",{className:"playground__field",children:[e.jsx("div",{className:"playground__field-head",children:e.jsx("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:s||a})}),e.jsx("div",{className:"playground__field-body",children:e.jsx("input",{id:`playground-${a}`,type:"text",className:"playground__input",value:c,placeholder:D,onChange:n=>_(a,n.target.value)})})]},a)}},P=Object.entries(u).filter(([a,l])=>l.type!=="boolean"),O=Object.entries(u).filter(([a,l])=>l.type==="boolean"),x=(t==null?void 0:t.name)||"Component",F=Object.entries(i).filter(([a,l])=>l!=null&&l!==""&&l!=="Placeholder").map(([a,l])=>typeof l=="string"?` ${a}="${l}"`:typeof l=="boolean"?l?` ${a}`:` ${a}={false}`:` ${a}={${JSON.stringify(l)}}`).join(`
2
- `),q=`import { ${x} } from '@/components/${x}';
3
-
4
- export function Example() {
5
- return (
6
- <${x}${F?`
7
- `+F+`
8
- `:" "}/> );
9
- }`,L=a=>{let l=a;return l=l.replace(/\b(import|export|function|return|from)\b/g,'<span style="color: #c085fd;">$1</span>'),l=l.replace(/(['"])((?:\\.|(?!\1)[^\\])*?)\1/g,'<span style="color: #4ade80;">$1$2$1</span>'),l=l.replace(/&lt;(\/?)([A-Z][a-zA-Z0-9]*)/g,'<span style="color: #f87070;">&lt;$1$2</span>'),l=l.replace(/\b([A-Z][a-zA-Z0-9]*)\b(?=\s*[={])/g,'<span style="color: #61a5fa;">$1</span>'),l=l.replace(/(\w+)=/g,'<span style="color: #ca8a04;">$1</span>='),l};return e.jsx("div",{className:"playground",children:e.jsxs("div",{className:"playground__container",children:[e.jsxs("div",{className:"playground__canvas",children:[e.jsx("div",{className:"playground__canvas-content",children:v?v(i):e.jsx(t,{...i})}),e.jsxs("div",{className:"playground__actions",children:[e.jsx(N.default,{appearance:m==="code"?"primary":"text",layout:"icon-only",size:"small",icon:"Code","aria-label":"Show code",onClick:()=>C("code")}),e.jsx("div",{className:"playground__actions-divider"}),e.jsx(N.default,{appearance:m==="inspector"?"primary":"text",layout:"icon-only",size:"small",icon:"GearSix","aria-label":"Show inspector",onClick:()=>C("inspector")})]})]}),e.jsx("div",{className:"playground__panel",children:m==="inspector"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"playground__panel-header",children:e.jsxs("div",{className:"playground__panel-header-content",children:[e.jsxs("div",{className:"playground__panel-title-row",children:[e.jsx(h.default,{name:"GearSix",size:16,appearance:"bold"}),e.jsx("h3",{className:"playground__panel-title",children:"Inspector"})]}),e.jsx("p",{className:"playground__panel-subtitle",children:"Customize component properties"})]})}),e.jsxs("div",{className:"playground__panel-content",children:[P.length>0&&e.jsxs("div",{className:"playground__section",children:[e.jsxs("div",{className:"playground__section-title",children:[e.jsx(h.default,{name:"SquaresFour",size:16,appearance:"bold"}),e.jsx("span",{children:"Properties"})]}),e.jsx("div",{className:"playground__section-content",children:P.map(([a,l])=>w(a,l))})]}),O.length>0&&e.jsxs("div",{className:"playground__section",children:[e.jsxs("div",{className:"playground__section-title",children:[e.jsx(h.default,{name:"SquaresFour",size:16,appearance:"bold"}),e.jsx("span",{children:"States"})]}),e.jsx("div",{className:"playground__section-content",children:e.jsx("div",{className:"playground__states-list",children:O.map(([a,l])=>w(a,l))})})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"playground__panel-header",children:[e.jsxs("div",{className:"playground__panel-header-content",children:[e.jsx("div",{className:"playground__panel-title-row",children:e.jsx("h3",{className:"playground__panel-title",children:"Component Code"})}),e.jsx("p",{className:"playground__panel-subtitle",children:"Copy and paste into your project"})]}),e.jsx(N.default,{appearance:"outline",layout:"icon-left",size:"small",icon:"CopySimple",label:"Copy",onClick:A})]}),e.jsx("div",{className:"playground__code-container",children:e.jsx("div",{className:"playground__code-block",children:e.jsx("pre",{className:"playground__code-pre",children:e.jsx("code",{className:"playground__code",dangerouslySetInnerHTML:{__html:L(q)}})})})}),e.jsxs("div",{className:"playground__pro-tips",children:[e.jsx("p",{className:"playground__pro-tips-title",children:"Pro Tips:"}),e.jsxs("ul",{className:"playground__pro-tips-list",children:[e.jsx("li",{children:"Customize props in the inspector to update the code"}),e.jsx("li",{children:"All components are fully typed with TypeScript"}),e.jsx("li",{children:"Use Cmd/Ctrl + K to toggle the panel"})]})]})]})})]})})}exports.default=V;
@@ -1,9 +0,0 @@
1
- import{jsx as e,jsxs as n,Fragment as j}from"react/jsx-runtime";import{useState as A,useCallback as C}from"react";import h from"../Icon/Icon.js";import $ from"../Button/Button.js";import L from"../ActionMenu/ActionMenu.js";/* empty css */const K=["Placeholder","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Check","Close","X","Plus","Minus","Edit","Pencil","Trash","Search","MagnifyingGlass","Settings","Gear","User","Users","Home","House","Star","Heart","Bookmark","Share","Download","Upload","Copy","CopySimple","Code","GearSix","List","SquaresFour","DiamondsFour","CirclesThree","CaretDown","CaretUp","CaretLeft","CaretRight","Info","Warning","CheckCircle","XCircle","Bell","Notification","Mail","Phone","Calendar","Clock","Image","File","Folder","Lock","Unlock","Eye","EyeSlash","Filter","Sort","Grid","Menu","More","DotsThree"];function ne({component:s,propDefinitions:m={},title:W="Playground",initialProps:T={},renderComponent:S}){const[g,w]=A("inspector"),x=()=>{const a={...T};return Object.keys(m).forEach(l=>{if(a[l]===void 0){const c=l.toLowerCase().includes("icon")||m[l].type==="icon",r=m[l].default;c&&(r===void 0||r==="")?a[l]="Placeholder":r!==void 0&&(a[l]=r)}}),a},[d,P]=A(x),_=C((a,l)=>{P(c=>({...c,[a]:l}))},[]);C(()=>{P(x())},[]);const U=C(()=>{const a=(s==null?void 0:s.name)||"Component",l=Object.entries(d).filter(([r,t])=>t!=null&&t!==""&&t!=="Placeholder").map(([r,t])=>typeof t=="string"?`${r}="${t}"`:typeof t=="boolean"?t?r:`${r}={false}`:`${r}={${JSON.stringify(t)}}`).join(" "),c=`<${a}${l?" "+l:""} />`;navigator.clipboard.writeText(c)},[d,s]),O=(a,l)=>{const{type:c,label:r,options:t,min:E,max:H,step:Z,placeholder:q}=l,N=a.toLowerCase().includes("icon")||c==="icon",b=l.default,B=N&&(b===void 0||b==="")?"Placeholder":b??"",i=d[a]??B,M=N&&!t?K.map(p=>({value:p,label:p})):t;switch(c){case"icon":case"select":const p=M||t||[],f=p.find(o=>o.value===i)||p[0],J=f?f.label||f.value:i||"Select...",R=p.map(o=>({id:o.value,label:o.label||o.value,onClick:()=>_(a,o.value)}));return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e(L,{trigger:n("button",{type:"button",className:"playground__select-trigger","aria-label":r||a,children:[e("span",{className:"playground__select-value",children:J}),e(h,{name:"CaretDown",size:16,appearance:"regular"})]}),items:R,placement:"bottom-start"})})]},a);case"boolean":return n("div",{className:"playground__state-item",children:[e("label",{className:"playground__state-label",children:r||a}),e("input",{type:"checkbox",className:"playground__checkbox",checked:i,onChange:o=>_(a,o.target.checked)})]},a);case"number":return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e("input",{id:`playground-${a}`,type:"number",className:"playground__input",value:i,min:E,max:H,step:Z,onChange:o=>_(a,Number(o.target.value))})})]},a);case"text":case"string":default:if(N){const o=M||[],v=o.find(u=>u.value===i)||o[0],V=v?v.label||v.value:i||"Placeholder",X=o.map(u=>({id:u.value,label:u.label||u.value,onClick:()=>_(a,u.value)}));return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e(L,{trigger:n("button",{type:"button",className:"playground__select-trigger","aria-label":r||a,children:[e("span",{className:"playground__select-value",children:V}),e(h,{name:"CaretDown",size:16,appearance:"regular"})]}),items:X,placement:"bottom-start"})})]},a)}return n("div",{className:"playground__field",children:[e("div",{className:"playground__field-head",children:e("label",{className:"playground__field-label",htmlFor:`playground-${a}`,children:r||a})}),e("div",{className:"playground__field-body",children:e("input",{id:`playground-${a}`,type:"text",className:"playground__input",value:i,placeholder:q,onChange:o=>_(a,o.target.value)})})]},a)}},z=Object.entries(m).filter(([a,l])=>l.type!=="boolean"),F=Object.entries(m).filter(([a,l])=>l.type==="boolean"),y=(s==null?void 0:s.name)||"Component",I=Object.entries(d).filter(([a,l])=>l!=null&&l!==""&&l!=="Placeholder").map(([a,l])=>typeof l=="string"?` ${a}="${l}"`:typeof l=="boolean"?l?` ${a}`:` ${a}={false}`:` ${a}={${JSON.stringify(l)}}`).join(`
2
- `),G=`import { ${y} } from '@/components/${y}';
3
-
4
- export function Example() {
5
- return (
6
- <${y}${I?`
7
- `+I+`
8
- `:" "}/> );
9
- }`,D=a=>{let l=a;return l=l.replace(/\b(import|export|function|return|from)\b/g,'<span style="color: #c085fd;">$1</span>'),l=l.replace(/(['"])((?:\\.|(?!\1)[^\\])*?)\1/g,'<span style="color: #4ade80;">$1$2$1</span>'),l=l.replace(/&lt;(\/?)([A-Z][a-zA-Z0-9]*)/g,'<span style="color: #f87070;">&lt;$1$2</span>'),l=l.replace(/\b([A-Z][a-zA-Z0-9]*)\b(?=\s*[={])/g,'<span style="color: #61a5fa;">$1</span>'),l=l.replace(/(\w+)=/g,'<span style="color: #ca8a04;">$1</span>='),l};return e("div",{className:"playground",children:n("div",{className:"playground__container",children:[n("div",{className:"playground__canvas",children:[e("div",{className:"playground__canvas-content",children:S?S(d):e(s,{...d})}),n("div",{className:"playground__actions",children:[e($,{appearance:g==="code"?"primary":"text",layout:"icon-only",size:"small",icon:"Code","aria-label":"Show code",onClick:()=>w("code")}),e("div",{className:"playground__actions-divider"}),e($,{appearance:g==="inspector"?"primary":"text",layout:"icon-only",size:"small",icon:"GearSix","aria-label":"Show inspector",onClick:()=>w("inspector")})]})]}),e("div",{className:"playground__panel",children:g==="inspector"?n(j,{children:[e("div",{className:"playground__panel-header",children:n("div",{className:"playground__panel-header-content",children:[n("div",{className:"playground__panel-title-row",children:[e(h,{name:"GearSix",size:16,appearance:"bold"}),e("h3",{className:"playground__panel-title",children:"Inspector"})]}),e("p",{className:"playground__panel-subtitle",children:"Customize component properties"})]})}),n("div",{className:"playground__panel-content",children:[z.length>0&&n("div",{className:"playground__section",children:[n("div",{className:"playground__section-title",children:[e(h,{name:"SquaresFour",size:16,appearance:"bold"}),e("span",{children:"Properties"})]}),e("div",{className:"playground__section-content",children:z.map(([a,l])=>O(a,l))})]}),F.length>0&&n("div",{className:"playground__section",children:[n("div",{className:"playground__section-title",children:[e(h,{name:"SquaresFour",size:16,appearance:"bold"}),e("span",{children:"States"})]}),e("div",{className:"playground__section-content",children:e("div",{className:"playground__states-list",children:F.map(([a,l])=>O(a,l))})})]})]})]}):n(j,{children:[n("div",{className:"playground__panel-header",children:[n("div",{className:"playground__panel-header-content",children:[e("div",{className:"playground__panel-title-row",children:e("h3",{className:"playground__panel-title",children:"Component Code"})}),e("p",{className:"playground__panel-subtitle",children:"Copy and paste into your project"})]}),e($,{appearance:"outline",layout:"icon-left",size:"small",icon:"CopySimple",label:"Copy",onClick:U})]}),e("div",{className:"playground__code-container",children:e("div",{className:"playground__code-block",children:e("pre",{className:"playground__code-pre",children:e("code",{className:"playground__code",dangerouslySetInnerHTML:{__html:D(G)}})})})}),n("div",{className:"playground__pro-tips",children:[e("p",{className:"playground__pro-tips-title",children:"Pro Tips:"}),n("ul",{className:"playground__pro-tips-list",children:[e("li",{children:"Customize props in the inspector to update the code"}),e("li",{children:"All components are fully typed with TypeScript"}),e("li",{children:"Use Cmd/Ctrl + K to toggle the panel"})]})]})]})})]})})}export{ne as default};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{title:"Playground"}};exports.PlaygroundSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{title:"Playground"}};export{a as PlaygroundSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{size:["xxs","xs","sm","md","lg"],shape:["circle","half-circle"]},defaults:{size:"md",shape:"circle"}};exports.ProgressCircleSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{size:["xxs","xs","sm","md","lg"],shape:["circle","half-circle"]},defaults:{size:"md",shape:"circle"}};export{e as ProgressCircleSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{variant:["default","blue","green","success","orange","warning","red","error","purple"],size:["small","medium","large"]},defaults:{variant:"default",size:"medium"}};exports.ProgressIndicatorSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{variant:["default","blue","green","success","orange","warning","red","error","purple"],size:["small","medium","large"]},defaults:{variant:"default",size:"medium"}};export{e as ProgressIndicatorSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.RadioSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{}};export{a as RadioSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.SliderSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{},defaults:{}};export{e as SliderSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={allowedVariants:{appearance:["light-gray","white"],shape:["pill","rounded"]},defaults:{variant:"blue",appearance:"light-gray",shape:"pill"}};exports.StatusSpec=a;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{appearance:["light-gray","white"],shape:["pill","rounded"]},defaults:{variant:"blue",appearance:"light-gray",shape:"pill"}};export{a as StatusSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{orientation:["horizontal","vertical"],status:["complete","active","incomplete","disabled","error","warning"],size:["default","compact"]},defaults:{orientation:"horizontal",size:"default"}};exports.StepsSpec=e;
@@ -1 +0,0 @@
1
- const t={allowedVariants:{orientation:["horizontal","vertical"],status:["complete","active","incomplete","disabled","error","warning"],size:["default","compact"]},defaults:{orientation:"horizontal",size:"default"}};export{t as StepsSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{}};exports.TableSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{}};export{a as TableSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{},defaults:{appearance:"underline",tagVariant:"red"}};exports.TabsSpec=e;
@@ -1 +0,0 @@
1
- const a={allowedVariants:{},defaults:{appearance:"underline",tagVariant:"red"}};export{a as TabsSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={allowedVariants:{appearance:["label-only","icon-left"],size:["compact","default"],color:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"]},defaults:{label:"Label",appearance:"label-only",size:"compact",color:"transparent"}};exports.TagSpec=e;
@@ -1 +0,0 @@
1
- const e={allowedVariants:{appearance:["label-only","icon-left"],size:["compact","default"],color:["transparent","neutral","red","orange","yellow","emerald","green","sky","cyan","blue","indigo","purple","fuchsia","magenta","inverse"]},defaults:{label:"Label",appearance:"label-only",size:"compact",color:"transparent"}};export{e as TagSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"Text",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",variants:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]};exports.TextSpec=e;
@@ -1 +0,0 @@
1
- const e={name:"Text",tier:2,purpose:"Applies UDS typography variants with governed weight and leading options while preserving semantic tags via `as`.",variants:{variant:{type:"enum",values:["display-128","display-96","display-72","display-60","display-48","display-36","heading-32","heading-28","heading-24","body-20","body-16","body-14","body-12"],default:"body-16"},weight:{type:"enum",values:["regular","medium","semibold","bold"],default:"regular"},leading:{type:"enum",values:["tight","regular","loose"],default:"regular"}},states:["default"],tokensUsed:["--uds-font-family","--uds-font-size-*","--uds-line-*","--uds-font-weight*","--uds-type-*"],accessibility:{role:"text",keyboard:[]},antiPatterns:["Do not set font-size/line-height directly on consumer elements; use Text variant + leading.","Do not reintroduce tailwind-like typography utilities that bypass semantic tokens."]};export{e as TextSpec};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={allowedVariants:{size:["compact","default"],state:["default","focused","error","disabled"]},defaults:{type:"text",size:"default",state:"default",iconPosition:"right"}};exports.TextInputSpec=t;