@once-ui-system/core 1.8.4 → 2.0.0-alpha.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 (561) hide show
  1. package/ai/catalog.json +166 -78
  2. package/ai/components/Accordion.json +1 -1
  3. package/ai/components/BarChart.json +34 -3
  4. package/ai/components/Book.json +128 -0
  5. package/ai/components/Button.json +1 -1
  6. package/ai/components/Card.json +1 -0
  7. package/ai/components/Carousel.json +1 -1
  8. package/ai/components/ChartHeader.json +2 -1
  9. package/ai/components/ChartStatus.json +2 -1
  10. package/ai/components/Checkbox.json +2 -2
  11. package/ai/components/CodeBlock.json +23 -2
  12. package/ai/components/ColorInput.json +1 -1
  13. package/ai/components/DataTooltip.json +3 -2
  14. package/ai/components/DatePicker.json +2 -2
  15. package/ai/components/Dialog.json +1 -1
  16. package/ai/components/DropdownWrapper.json +6 -4
  17. package/ai/components/Effect.json +133 -0
  18. package/ai/components/Fade.json +1 -1
  19. package/ai/components/Feedback.json +1 -1
  20. package/ai/components/IconButton.json +1 -1
  21. package/ai/components/InfoTip.json +125 -0
  22. package/ai/components/Input.json +5 -4
  23. package/ai/components/Legend.json +2 -1
  24. package/ai/components/LineBarChart.json +34 -3
  25. package/ai/components/LineChart.json +39 -3
  26. package/ai/components/LinearGauge.json +3 -2
  27. package/ai/components/LinearGradient.json +2 -1
  28. package/ai/components/Logo.json +2 -2
  29. package/ai/components/Media.json +1 -1
  30. package/ai/components/MediaUpload.json +21 -2
  31. package/ai/components/Modal.json +1 -1
  32. package/ai/components/NavGroup.json +130 -0
  33. package/ai/components/NavIcon.json +1 -1
  34. package/ai/components/NavItem.json +14 -0
  35. package/ai/components/Option.json +2 -2
  36. package/ai/components/Particle.json +1 -1
  37. package/ai/components/PieChart.json +32 -3
  38. package/ai/components/ProgressBar.json +1 -1
  39. package/ai/components/Pulse.json +1 -1
  40. package/ai/components/RadialGauge.json +4 -3
  41. package/ai/components/RadialGradient.json +2 -1
  42. package/ai/components/RadioButton.json +1 -1
  43. package/ai/components/RevealFx.json +1 -1
  44. package/ai/components/Scrubber.json +136 -0
  45. package/ai/components/SegmentedControl.json +3 -3
  46. package/ai/components/Setting.json +128 -0
  47. package/ai/components/SettingAxes.json +127 -0
  48. package/ai/components/SettingGroup.json +129 -0
  49. package/ai/components/ShineFx.json +1 -1
  50. package/ai/components/Skeleton.json +2 -3
  51. package/ai/components/SplitView.json +2 -0
  52. package/ai/components/StylePanel.json +4 -2
  53. package/ai/components/Swatch.json +11 -0
  54. package/ai/components/Swiper.json +1 -1
  55. package/ai/components/Switch.json +1 -1
  56. package/ai/components/Tag.json +1 -1
  57. package/ai/components/Textarea.json +6 -5
  58. package/ai/components/ThemeSwitcher.json +3 -0
  59. package/ai/components/Toast.json +1 -1
  60. package/ai/components/ToggleButton.json +2 -1
  61. package/ai/eval-tasks.md +8 -0
  62. package/ai/examples/app-shell.tsx +111 -0
  63. package/ai/examples/auth.tsx +1 -1
  64. package/ai/examples/blocks/Dashboard1.tsx +17 -28
  65. package/ai/examples/blocks/Feed3.tsx +4 -4
  66. package/ai/examples/blocks/Footer1.tsx +5 -3
  67. package/ai/examples/blocks/Footer2.tsx +3 -3
  68. package/ai/examples/blocks/Footer3.tsx +1 -1
  69. package/ai/examples/blocks/Footer4.tsx +6 -5
  70. package/ai/examples/blocks/Header1.tsx +7 -6
  71. package/ai/examples/blocks/Header3.tsx +7 -7
  72. package/ai/examples/blocks/Header4.tsx +5 -5
  73. package/ai/examples/blocks/Sidebar4.tsx +1 -1
  74. package/ai/examples/blocks/Streaming1.tsx +4 -4
  75. package/ai/examples/blocks/Table1.tsx +6 -6
  76. package/ai/examples/blocks/Waitlist1.tsx +5 -5
  77. package/ai/examples/blocks/content/resources.ts +3 -1
  78. package/ai/examples/dashboard.tsx +8 -9
  79. package/ai/examples/marketing-hero.tsx +2 -2
  80. package/ai/examples/pricing.tsx +4 -5
  81. package/ai/examples/settings.tsx +3 -3
  82. package/ai/gotchas.json +80 -23
  83. package/ai/layouts.md +154 -0
  84. package/ai/manifest.json +3 -2
  85. package/ai/recipes.md +49 -4
  86. package/ai/rules.compact.md +18 -3
  87. package/ai/rules.md +68 -10
  88. package/ai/spec.json +634 -176
  89. package/dist/ai/catalog.json +166 -78
  90. package/dist/ai/components/Accordion.json +1 -1
  91. package/dist/ai/components/BarChart.json +34 -3
  92. package/dist/ai/components/Book.json +128 -0
  93. package/dist/ai/components/Button.json +1 -1
  94. package/dist/ai/components/Card.json +1 -0
  95. package/dist/ai/components/Carousel.json +1 -1
  96. package/dist/ai/components/ChartHeader.json +2 -1
  97. package/dist/ai/components/ChartStatus.json +2 -1
  98. package/dist/ai/components/Checkbox.json +2 -2
  99. package/dist/ai/components/CodeBlock.json +23 -2
  100. package/dist/ai/components/ColorInput.json +1 -1
  101. package/dist/ai/components/DataTooltip.json +3 -2
  102. package/dist/ai/components/DatePicker.json +2 -2
  103. package/dist/ai/components/Dialog.json +1 -1
  104. package/dist/ai/components/DropdownWrapper.json +6 -4
  105. package/dist/ai/components/Effect.json +133 -0
  106. package/dist/ai/components/Fade.json +1 -1
  107. package/dist/ai/components/Feedback.json +1 -1
  108. package/dist/ai/components/IconButton.json +1 -1
  109. package/dist/ai/components/InfoTip.json +125 -0
  110. package/dist/ai/components/Input.json +5 -4
  111. package/dist/ai/components/Legend.json +2 -1
  112. package/dist/ai/components/LineBarChart.json +34 -3
  113. package/dist/ai/components/LineChart.json +39 -3
  114. package/dist/ai/components/LinearGauge.json +3 -2
  115. package/dist/ai/components/LinearGradient.json +2 -1
  116. package/dist/ai/components/Logo.json +2 -2
  117. package/dist/ai/components/Media.json +1 -1
  118. package/dist/ai/components/MediaUpload.json +21 -2
  119. package/dist/ai/components/Modal.json +1 -1
  120. package/dist/ai/components/NavGroup.json +130 -0
  121. package/dist/ai/components/NavIcon.json +1 -1
  122. package/dist/ai/components/NavItem.json +14 -0
  123. package/dist/ai/components/Option.json +2 -2
  124. package/dist/ai/components/Particle.json +1 -1
  125. package/dist/ai/components/PieChart.json +32 -3
  126. package/dist/ai/components/ProgressBar.json +1 -1
  127. package/dist/ai/components/Pulse.json +1 -1
  128. package/dist/ai/components/RadialGauge.json +4 -3
  129. package/dist/ai/components/RadialGradient.json +2 -1
  130. package/dist/ai/components/RadioButton.json +1 -1
  131. package/dist/ai/components/RevealFx.json +1 -1
  132. package/dist/ai/components/Scrubber.json +136 -0
  133. package/dist/ai/components/SegmentedControl.json +3 -3
  134. package/dist/ai/components/Setting.json +128 -0
  135. package/dist/ai/components/SettingAxes.json +127 -0
  136. package/dist/ai/components/SettingGroup.json +129 -0
  137. package/dist/ai/components/ShineFx.json +1 -1
  138. package/dist/ai/components/Skeleton.json +2 -3
  139. package/dist/ai/components/SplitView.json +2 -0
  140. package/dist/ai/components/StylePanel.json +4 -2
  141. package/dist/ai/components/Swatch.json +11 -0
  142. package/dist/ai/components/Swiper.json +1 -1
  143. package/dist/ai/components/Switch.json +1 -1
  144. package/dist/ai/components/Tag.json +1 -1
  145. package/dist/ai/components/Textarea.json +6 -5
  146. package/dist/ai/components/ThemeSwitcher.json +3 -0
  147. package/dist/ai/components/Toast.json +1 -1
  148. package/dist/ai/components/ToggleButton.json +2 -1
  149. package/dist/ai/eval-tasks.md +8 -0
  150. package/dist/ai/gotchas.json +80 -23
  151. package/dist/ai/layouts.md +154 -0
  152. package/dist/ai/manifest.json +3 -2
  153. package/dist/ai/recipes.md +49 -4
  154. package/dist/ai/rules.compact.md +18 -3
  155. package/dist/ai/rules.md +68 -10
  156. package/dist/ai/spec.json +634 -176
  157. package/dist/components/Accordion.d.ts +2 -1
  158. package/dist/components/Accordion.d.ts.map +1 -1
  159. package/dist/components/Accordion.js.map +1 -1
  160. package/dist/components/Avatar.js +1 -1
  161. package/dist/components/Avatar.js.map +1 -1
  162. package/dist/components/Background.d.ts +6 -6
  163. package/dist/components/Background.d.ts.map +1 -1
  164. package/dist/components/Book.d.ts +28 -0
  165. package/dist/components/Book.d.ts.map +1 -0
  166. package/dist/components/Book.js +24 -0
  167. package/dist/components/Book.js.map +1 -0
  168. package/dist/components/Book.module.scss +45 -0
  169. package/dist/components/Button.d.ts +1 -1
  170. package/dist/components/Button.d.ts.map +1 -1
  171. package/dist/components/Button.js +4 -4
  172. package/dist/components/Button.js.map +1 -1
  173. package/dist/components/Card.d.ts +8 -0
  174. package/dist/components/Card.d.ts.map +1 -1
  175. package/dist/components/Card.js +10 -2
  176. package/dist/components/Card.js.map +1 -1
  177. package/dist/components/Card.module.scss +11 -1
  178. package/dist/components/Carousel.d.ts +7 -1
  179. package/dist/components/Carousel.d.ts.map +1 -1
  180. package/dist/components/Carousel.js +7 -7
  181. package/dist/components/Carousel.js.map +1 -1
  182. package/dist/components/Carousel.module.scss +1 -8
  183. package/dist/components/Checkbox.d.ts +3 -3
  184. package/dist/components/Checkbox.d.ts.map +1 -1
  185. package/dist/components/Checkbox.js +5 -5
  186. package/dist/components/Checkbox.js.map +1 -1
  187. package/dist/components/ClientFlex.d.ts.map +1 -1
  188. package/dist/components/ClientFlex.js +5 -10
  189. package/dist/components/ClientFlex.js.map +1 -1
  190. package/dist/components/ClientGrid.d.ts.map +1 -1
  191. package/dist/components/ClientGrid.js +2 -7
  192. package/dist/components/ClientGrid.js.map +1 -1
  193. package/dist/components/ColorInput.d.ts +1 -1
  194. package/dist/components/ColorInput.d.ts.map +1 -1
  195. package/dist/components/ColorInput.js +7 -13
  196. package/dist/components/ColorInput.js.map +1 -1
  197. package/dist/components/CompareImage.d.ts.map +1 -1
  198. package/dist/components/CompareImage.js +2 -2
  199. package/dist/components/CompareImage.js.map +1 -1
  200. package/dist/components/DateInput.d.ts.map +1 -1
  201. package/dist/components/DateInput.js +10 -1
  202. package/dist/components/DateInput.js.map +1 -1
  203. package/dist/components/DatePicker.d.ts +2 -2
  204. package/dist/components/DatePicker.d.ts.map +1 -1
  205. package/dist/components/DatePicker.js +21 -14
  206. package/dist/components/DatePicker.js.map +1 -1
  207. package/dist/components/DateRangeInput.js +3 -3
  208. package/dist/components/DateRangeInput.js.map +1 -1
  209. package/dist/components/Dialog.d.ts +1 -1
  210. package/dist/components/Dialog.d.ts.map +1 -1
  211. package/dist/components/Dialog.js +14 -14
  212. package/dist/components/Dialog.js.map +1 -1
  213. package/dist/components/DropdownWrapper.d.ts +8 -3
  214. package/dist/components/DropdownWrapper.d.ts.map +1 -1
  215. package/dist/components/DropdownWrapper.js +17 -6
  216. package/dist/components/DropdownWrapper.js.map +1 -1
  217. package/dist/components/Effect.d.ts +41 -0
  218. package/dist/components/Effect.d.ts.map +1 -0
  219. package/dist/components/Effect.js +30 -0
  220. package/dist/components/Effect.js.map +1 -0
  221. package/dist/components/ElementType.d.ts +2 -1
  222. package/dist/components/ElementType.d.ts.map +1 -1
  223. package/dist/components/ElementType.js +4 -2
  224. package/dist/components/ElementType.js.map +1 -1
  225. package/dist/components/EmojiPicker.d.ts.map +1 -1
  226. package/dist/components/EmojiPicker.js +1 -1
  227. package/dist/components/EmojiPicker.js.map +1 -1
  228. package/dist/components/Feedback.d.ts +1 -1
  229. package/dist/components/Feedback.d.ts.map +1 -1
  230. package/dist/components/Feedback.js +2 -2
  231. package/dist/components/Feedback.js.map +1 -1
  232. package/dist/components/Flex.d.ts.map +1 -1
  233. package/dist/components/Flex.js +46 -5
  234. package/dist/components/Flex.js.map +1 -1
  235. package/dist/components/Icon.d.ts.map +1 -1
  236. package/dist/components/Icon.js.map +1 -1
  237. package/dist/components/IconButton.d.ts +1 -1
  238. package/dist/components/IconButton.d.ts.map +1 -1
  239. package/dist/components/IconButton.js +4 -4
  240. package/dist/components/IconButton.js.map +1 -1
  241. package/dist/components/InfoTip.d.ts +17 -0
  242. package/dist/components/InfoTip.d.ts.map +1 -0
  243. package/dist/components/InfoTip.js +12 -0
  244. package/dist/components/InfoTip.js.map +1 -0
  245. package/dist/components/Input.d.ts +11 -5
  246. package/dist/components/Input.d.ts.map +1 -1
  247. package/dist/components/Input.js +32 -16
  248. package/dist/components/Input.js.map +1 -1
  249. package/dist/components/Input.module.scss +313 -1
  250. package/dist/components/InteractiveDetails.d.ts.map +1 -1
  251. package/dist/components/InteractiveDetails.js +1 -1
  252. package/dist/components/InteractiveDetails.js.map +1 -1
  253. package/dist/components/Kbd.d.ts.map +1 -1
  254. package/dist/components/Kbd.js +4 -1
  255. package/dist/components/Kbd.js.map +1 -1
  256. package/dist/components/Logo.d.ts +16 -4
  257. package/dist/components/Logo.d.ts.map +1 -1
  258. package/dist/components/Logo.js +32 -14
  259. package/dist/components/Logo.js.map +1 -1
  260. package/dist/components/Media.d.ts +9 -2
  261. package/dist/components/Media.d.ts.map +1 -1
  262. package/dist/components/Media.js +25 -16
  263. package/dist/components/Media.js.map +1 -1
  264. package/dist/components/MediaAudioPlayer.d.ts +29 -0
  265. package/dist/components/MediaAudioPlayer.d.ts.map +1 -0
  266. package/dist/components/MediaAudioPlayer.js +115 -0
  267. package/dist/components/MediaAudioPlayer.js.map +1 -0
  268. package/dist/components/MediaAudioPlayer.module.scss +38 -0
  269. package/dist/components/Modal.d.ts +1 -1
  270. package/dist/components/Modal.d.ts.map +1 -1
  271. package/dist/components/Modal.js +10 -10
  272. package/dist/components/Modal.js.map +1 -1
  273. package/dist/components/NavGroup.d.ts +33 -0
  274. package/dist/components/NavGroup.d.ts.map +1 -0
  275. package/dist/components/NavGroup.js +27 -0
  276. package/dist/components/NavGroup.js.map +1 -0
  277. package/dist/components/NavIcon.d.ts +1 -1
  278. package/dist/components/NavIcon.d.ts.map +1 -1
  279. package/dist/components/NavIcon.js +2 -2
  280. package/dist/components/NavIcon.js.map +1 -1
  281. package/dist/components/NavItem.d.ts +24 -0
  282. package/dist/components/NavItem.d.ts.map +1 -0
  283. package/dist/components/NavItem.js +18 -0
  284. package/dist/components/NavItem.js.map +1 -0
  285. package/dist/components/NumberInput.js +1 -1
  286. package/dist/components/NumberInput.js.map +1 -1
  287. package/dist/components/OgCard.js +3 -3
  288. package/dist/components/OgCard.js.map +1 -1
  289. package/dist/components/Option.d.ts +3 -3
  290. package/dist/components/Option.d.ts.map +1 -1
  291. package/dist/components/Option.js +2 -2
  292. package/dist/components/Option.js.map +1 -1
  293. package/dist/components/Particle.d.ts +2 -2
  294. package/dist/components/Particle.d.ts.map +1 -1
  295. package/dist/components/PasswordInput.d.ts.map +1 -1
  296. package/dist/components/PasswordInput.js +2 -2
  297. package/dist/components/PasswordInput.js.map +1 -1
  298. package/dist/components/ProgressBar.d.ts +1 -1
  299. package/dist/components/ProgressBar.d.ts.map +1 -1
  300. package/dist/components/ProgressBar.js +2 -2
  301. package/dist/components/ProgressBar.js.map +1 -1
  302. package/dist/components/Pulse.d.ts +1 -1
  303. package/dist/components/Pulse.d.ts.map +1 -1
  304. package/dist/components/Pulse.js +2 -2
  305. package/dist/components/Pulse.js.map +1 -1
  306. package/dist/components/RadioButton.d.ts +2 -2
  307. package/dist/components/RadioButton.d.ts.map +1 -1
  308. package/dist/components/RadioButton.js +1 -1
  309. package/dist/components/RadioButton.js.map +1 -1
  310. package/dist/components/RevealFx.d.ts +2 -1
  311. package/dist/components/RevealFx.d.ts.map +1 -1
  312. package/dist/components/RevealFx.js +8 -8
  313. package/dist/components/RevealFx.js.map +1 -1
  314. package/dist/components/ScrollContainer.d.ts.map +1 -1
  315. package/dist/components/ScrollContainer.js +1 -1
  316. package/dist/components/ScrollContainer.js.map +1 -1
  317. package/dist/components/Scrubber.d.ts +70 -0
  318. package/dist/components/Scrubber.d.ts.map +1 -0
  319. package/dist/components/Scrubber.js +161 -0
  320. package/dist/components/Scrubber.js.map +1 -0
  321. package/dist/components/SegmentedControl.d.ts +4 -4
  322. package/dist/components/SegmentedControl.d.ts.map +1 -1
  323. package/dist/components/SegmentedControl.js +11 -11
  324. package/dist/components/SegmentedControl.js.map +1 -1
  325. package/dist/components/Select.d.ts.map +1 -1
  326. package/dist/components/Select.js +48 -15
  327. package/dist/components/Select.js.map +1 -1
  328. package/dist/components/ServerFlex.d.ts +0 -1
  329. package/dist/components/ServerFlex.d.ts.map +1 -1
  330. package/dist/components/ServerFlex.js +99 -52
  331. package/dist/components/ServerFlex.js.map +1 -1
  332. package/dist/components/ServerGrid.d.ts +0 -1
  333. package/dist/components/ServerGrid.d.ts.map +1 -1
  334. package/dist/components/ServerGrid.js +11 -9
  335. package/dist/components/ServerGrid.js.map +1 -1
  336. package/dist/components/Setting.d.ts +50 -0
  337. package/dist/components/Setting.d.ts.map +1 -0
  338. package/dist/components/Setting.js +43 -0
  339. package/dist/components/Setting.js.map +1 -0
  340. package/dist/components/ShineFx.d.ts +1 -0
  341. package/dist/components/ShineFx.d.ts.map +1 -1
  342. package/dist/components/ShineFx.js +2 -2
  343. package/dist/components/ShineFx.js.map +1 -1
  344. package/dist/components/Skeleton.d.ts +16 -3
  345. package/dist/components/Skeleton.d.ts.map +1 -1
  346. package/dist/components/Skeleton.js +2 -2
  347. package/dist/components/Skeleton.js.map +1 -1
  348. package/dist/components/Skeleton.module.scss +14 -51
  349. package/dist/components/SplitView.d.ts +23 -3
  350. package/dist/components/SplitView.d.ts.map +1 -1
  351. package/dist/components/SplitView.js +90 -58
  352. package/dist/components/SplitView.js.map +1 -1
  353. package/dist/components/StyleOverlay.d.ts.map +1 -1
  354. package/dist/components/StyleOverlay.js +1 -1
  355. package/dist/components/StyleOverlay.js.map +1 -1
  356. package/dist/components/StylePanel.d.ts +47 -6
  357. package/dist/components/StylePanel.d.ts.map +1 -1
  358. package/dist/components/StylePanel.js +16 -189
  359. package/dist/components/StylePanel.js.map +1 -1
  360. package/dist/components/StylePanel.module.scss +6 -1
  361. package/dist/components/StylePanelSections.d.ts +117 -0
  362. package/dist/components/StylePanelSections.d.ts.map +1 -0
  363. package/dist/components/StylePanelSections.js +175 -0
  364. package/dist/components/StylePanelSections.js.map +1 -0
  365. package/dist/components/Swiper.d.ts +7 -1
  366. package/dist/components/Swiper.d.ts.map +1 -1
  367. package/dist/components/Swiper.js +7 -7
  368. package/dist/components/Swiper.js.map +1 -1
  369. package/dist/components/Switch.d.ts +2 -2
  370. package/dist/components/Switch.d.ts.map +1 -1
  371. package/dist/components/Switch.js +4 -4
  372. package/dist/components/Switch.js.map +1 -1
  373. package/dist/components/Table.d.ts.map +1 -1
  374. package/dist/components/Table.js +2 -2
  375. package/dist/components/Table.js.map +1 -1
  376. package/dist/components/Tag.d.ts +1 -1
  377. package/dist/components/Tag.d.ts.map +1 -1
  378. package/dist/components/Tag.js +2 -2
  379. package/dist/components/Tag.js.map +1 -1
  380. package/dist/components/Textarea.d.ts +15 -5
  381. package/dist/components/Textarea.d.ts.map +1 -1
  382. package/dist/components/Textarea.js +31 -17
  383. package/dist/components/Textarea.js.map +1 -1
  384. package/dist/components/ThemeSwitcher.d.ts +14 -1
  385. package/dist/components/ThemeSwitcher.d.ts.map +1 -1
  386. package/dist/components/ThemeSwitcher.js +19 -9
  387. package/dist/components/ThemeSwitcher.js.map +1 -1
  388. package/dist/components/ThemeSwitcher.module.scss +54 -0
  389. package/dist/components/Toast.d.ts +1 -1
  390. package/dist/components/Toast.d.ts.map +1 -1
  391. package/dist/components/Toast.js +2 -2
  392. package/dist/components/Toast.js.map +1 -1
  393. package/dist/components/ToggleButton.d.ts +9 -2
  394. package/dist/components/ToggleButton.d.ts.map +1 -1
  395. package/dist/components/ToggleButton.js +5 -5
  396. package/dist/components/ToggleButton.js.map +1 -1
  397. package/dist/components/User.js +1 -1
  398. package/dist/components/User.js.map +1 -1
  399. package/dist/components/index.d.ts +7 -0
  400. package/dist/components/index.d.ts.map +1 -1
  401. package/dist/components/index.js +7 -0
  402. package/dist/components/index.js.map +1 -1
  403. package/dist/contexts/AdapterProvider.d.ts +50 -0
  404. package/dist/contexts/AdapterProvider.d.ts.map +1 -0
  405. package/dist/contexts/AdapterProvider.js +91 -0
  406. package/dist/contexts/AdapterProvider.js.map +1 -0
  407. package/dist/contexts/IconProvider.d.ts +2 -2
  408. package/dist/contexts/IconProvider.d.ts.map +1 -1
  409. package/dist/contexts/IconProvider.js +2 -2
  410. package/dist/contexts/IconProvider.js.map +1 -1
  411. package/dist/contexts/LayoutProvider.d.ts +0 -2
  412. package/dist/contexts/LayoutProvider.d.ts.map +1 -1
  413. package/dist/contexts/LayoutProvider.js +15 -10
  414. package/dist/contexts/LayoutProvider.js.map +1 -1
  415. package/dist/contexts/ThemeProvider.d.ts +29 -1
  416. package/dist/contexts/ThemeProvider.d.ts.map +1 -1
  417. package/dist/contexts/ThemeProvider.js +42 -15
  418. package/dist/contexts/ThemeProvider.js.map +1 -1
  419. package/dist/contexts/index.d.ts +3 -2
  420. package/dist/contexts/index.d.ts.map +1 -1
  421. package/dist/contexts/index.js +3 -2
  422. package/dist/contexts/index.js.map +1 -1
  423. package/dist/css/styles.css +1 -1
  424. package/dist/css/tokens.css +1 -1
  425. package/dist/hooks/index.d.ts +0 -1
  426. package/dist/hooks/index.d.ts.map +1 -1
  427. package/dist/hooks/index.js +0 -1
  428. package/dist/hooks/index.js.map +1 -1
  429. package/dist/icons/ATTRIBUTION.md +19 -0
  430. package/dist/icons/data.d.ts +1919 -0
  431. package/dist/icons/data.d.ts.map +1 -0
  432. package/dist/icons/data.js +102 -0
  433. package/dist/icons/data.js.map +1 -0
  434. package/dist/icons/renderIcon.d.ts +26 -0
  435. package/dist/icons/renderIcon.d.ts.map +1 -0
  436. package/dist/icons/renderIcon.js +22 -0
  437. package/dist/icons/renderIcon.js.map +1 -0
  438. package/dist/icons.d.ts +35 -4
  439. package/dist/icons.d.ts.map +1 -1
  440. package/dist/icons.js +13 -60
  441. package/dist/icons.js.map +1 -1
  442. package/dist/modules/code/CodeBlock.impl.d.ts +2 -1
  443. package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
  444. package/dist/modules/code/CodeBlock.impl.js +7 -2
  445. package/dist/modules/code/CodeBlock.impl.js.map +1 -1
  446. package/dist/modules/data/ChartHeader.d.ts.map +1 -1
  447. package/dist/modules/data/ChartHeader.js +1 -1
  448. package/dist/modules/data/ChartHeader.js.map +1 -1
  449. package/dist/modules/data/DataTooltip.d.ts +1 -1
  450. package/dist/modules/data/DataTooltip.d.ts.map +1 -1
  451. package/dist/modules/data/DataTooltip.js +2 -2
  452. package/dist/modules/data/DataTooltip.js.map +1 -1
  453. package/dist/modules/data/LinearGauge.d.ts +3 -2
  454. package/dist/modules/data/LinearGauge.d.ts.map +1 -1
  455. package/dist/modules/data/LinearGauge.js +1 -1
  456. package/dist/modules/data/LinearGauge.js.map +1 -1
  457. package/dist/modules/data/PieChart.impl.d.ts +1 -1
  458. package/dist/modules/data/PieChart.impl.d.ts.map +1 -1
  459. package/dist/modules/data/PieChart.impl.js +4 -1
  460. package/dist/modules/data/PieChart.impl.js.map +1 -1
  461. package/dist/modules/data/RadialGauge.d.ts +3 -2
  462. package/dist/modules/data/RadialGauge.d.ts.map +1 -1
  463. package/dist/modules/data/RadialGauge.js +1 -1
  464. package/dist/modules/data/RadialGauge.js.map +1 -1
  465. package/dist/modules/data/interfaces.d.ts +12 -3
  466. package/dist/modules/data/interfaces.d.ts.map +1 -1
  467. package/dist/modules/index.d.ts +1 -4
  468. package/dist/modules/index.d.ts.map +1 -1
  469. package/dist/modules/index.js +9 -3
  470. package/dist/modules/index.js.map +1 -1
  471. package/dist/modules/media/MediaUpload.impl.d.ts +1 -1
  472. package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
  473. package/dist/modules/media/MediaUpload.impl.js +1 -1
  474. package/dist/modules/media/MediaUpload.impl.js.map +1 -1
  475. package/dist/modules/navigation/Kbar.d.ts +5 -4
  476. package/dist/modules/navigation/Kbar.d.ts.map +1 -1
  477. package/dist/modules/navigation/Kbar.js +32 -35
  478. package/dist/modules/navigation/Kbar.js.map +1 -1
  479. package/dist/modules/navigation/MegaMenu.d.ts +5 -3
  480. package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
  481. package/dist/modules/navigation/MegaMenu.js +24 -12
  482. package/dist/modules/navigation/MegaMenu.js.map +1 -1
  483. package/dist/modules/navigation/MobileMegaMenu.d.ts +3 -2
  484. package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
  485. package/dist/modules/navigation/MobileMegaMenu.js +1 -1
  486. package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
  487. package/dist/modules/seo/Meta.d.ts +40 -2
  488. package/dist/modules/seo/Meta.d.ts.map +1 -1
  489. package/dist/modules/seo/Meta.js.map +1 -1
  490. package/dist/modules/seo/Schema.d.ts.map +1 -1
  491. package/dist/modules/seo/Schema.js +1 -2
  492. package/dist/modules/seo/Schema.js.map +1 -1
  493. package/dist/next/index.d.ts +35 -0
  494. package/dist/next/index.d.ts.map +1 -0
  495. package/dist/next/index.js +56 -0
  496. package/dist/next/index.js.map +1 -0
  497. package/dist/package.json +52 -7
  498. package/dist/scripts/init-agent.js +0 -0
  499. package/dist/scripts/validate-ai-code.js +74 -10
  500. package/dist/server/og-utils.d.ts +9 -3
  501. package/dist/server/og-utils.d.ts.map +1 -1
  502. package/dist/server/og-utils.js +15 -9
  503. package/dist/server/og-utils.js.map +1 -1
  504. package/dist/styles/breakpoints.scss +16 -5
  505. package/dist/test/setup.js +21 -0
  506. package/dist/test/setup.js.map +1 -1
  507. package/dist/types.d.ts +13 -1
  508. package/dist/types.d.ts.map +1 -1
  509. package/dist/types.js.map +1 -1
  510. package/dist/utils/colorScheme.d.ts +35 -0
  511. package/dist/utils/colorScheme.d.ts.map +1 -0
  512. package/dist/utils/colorScheme.js +140 -0
  513. package/dist/utils/colorScheme.js.map +1 -0
  514. package/dist/utils/index.d.ts +2 -0
  515. package/dist/utils/index.d.ts.map +1 -1
  516. package/dist/utils/index.js +2 -0
  517. package/dist/utils/index.js.map +1 -1
  518. package/dist/utils/navMatch.d.ts +21 -0
  519. package/dist/utils/navMatch.d.ts.map +1 -0
  520. package/dist/utils/navMatch.js +26 -0
  521. package/dist/utils/navMatch.js.map +1 -0
  522. package/package.json +228 -171
  523. package/scripts/init-agent.js +0 -0
  524. package/scripts/validate-ai-code.js +74 -10
  525. package/LICENSE.md +0 -21
  526. package/dist/css/styles.css.map +0 -1
  527. package/dist/css/tokens.css.map +0 -1
  528. package/dist/hooks/useResponsiveClasses.d.ts +0 -9
  529. package/dist/hooks/useResponsiveClasses.d.ts.map +0 -1
  530. package/dist/hooks/useResponsiveClasses.js +0 -293
  531. package/dist/hooks/useResponsiveClasses.js.map +0 -1
  532. package/dist/styles/background.scss +0 -423
  533. package/dist/styles/border.scss +0 -546
  534. package/dist/styles/color.scss +0 -183
  535. package/dist/styles/display.scss +0 -391
  536. package/dist/styles/flex.scss +0 -518
  537. package/dist/styles/global.scss +0 -36
  538. package/dist/styles/grid.scss +0 -293
  539. package/dist/styles/index.scss +0 -14
  540. package/dist/styles/position.scss +0 -1549
  541. package/dist/styles/shadow.scss +0 -19
  542. package/dist/styles/size.scss +0 -53
  543. package/dist/styles/spacing.scss +0 -1505
  544. package/dist/styles/typography.scss +0 -223
  545. package/dist/styles/utilities.scss +0 -23
  546. package/dist/tokens/border.scss +0 -95
  547. package/dist/tokens/data.scss +0 -107
  548. package/dist/tokens/function.scss +0 -742
  549. package/dist/tokens/index.scss +0 -8
  550. package/dist/tokens/layout.scss +0 -275
  551. package/dist/tokens/scheme.scss +0 -352
  552. package/dist/tokens/shadow.scss +0 -7
  553. package/dist/tokens/theme.scss +0 -657
  554. package/dist/tokens/typography.scss +0 -118
  555. package/next-env.d.ts +0 -5
  556. package/scripts/copy-files.js +0 -103
  557. package/scripts/generate-ai-spec.js +0 -464
  558. package/scripts/generate-emoji-data.js +0 -128
  559. package/scss.d.ts +0 -4
  560. package/tsconfig.vitest.json +0 -20
  561. package/vitest.config.ts +0 -19
@@ -0,0 +1,130 @@
1
+ {
2
+ "name": "NavGroup",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "label": "!ReactNode",
17
+ "icon": "IconName",
18
+ "children": "!ReactNode",
19
+ "open": "boolean",
20
+ "onToggle": "() => void",
21
+ "defaultOpen": "boolean = false",
22
+ "selected": "boolean = false"
23
+ },
24
+ "mixinsRef": [
25
+ "CommonProps",
26
+ "DisplayProps",
27
+ "FlexProps",
28
+ "SizeProps",
29
+ "SpacingProps",
30
+ "StyleProps"
31
+ ],
32
+ "tokensRef": "see spec.json mixins",
33
+ "resolvedMixins": {
34
+ "CommonProps": {
35
+ "onBackground": "Colors",
36
+ "onSolid": "Colors",
37
+ "align": "CSSProperties[\"textAlign\"]"
38
+ },
39
+ "DisplayProps": {
40
+ "as": "ElementType",
41
+ "inline": "boolean",
42
+ "hide": "boolean",
43
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
44
+ "position": "CSSProperties[\"position\"]",
45
+ "overflow": "CSSProperties[\"overflow\"]",
46
+ "overflowX": "CSSProperties[\"overflowX\"]",
47
+ "overflowY": "CSSProperties[\"overflowY\"]",
48
+ "scrollbar": "\"default\" | \"minimal\"",
49
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
50
+ "opacity": "Opacity",
51
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
52
+ "dark": "boolean",
53
+ "light": "boolean"
54
+ },
55
+ "FlexProps": {
56
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
57
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
58
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
59
+ "center": "boolean",
60
+ "wrap": "boolean",
61
+ "flex": "FlexValue"
62
+ },
63
+ "SizeProps": {
64
+ "width": "number | SpacingToken | CSSUnit",
65
+ "height": "number | SpacingToken | CSSUnit",
66
+ "maxWidth": "number | SpacingToken | CSSUnit",
67
+ "minWidth": "number | SpacingToken | CSSUnit",
68
+ "minHeight": "number | SpacingToken | CSSUnit",
69
+ "maxHeight": "number | SpacingToken | CSSUnit",
70
+ "fit": "boolean",
71
+ "fitWidth": "boolean",
72
+ "fitHeight": "boolean",
73
+ "fill": "boolean",
74
+ "fillWidth": "boolean",
75
+ "fillHeight": "boolean",
76
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
77
+ },
78
+ "SpacingProps": {
79
+ "padding": "SpacingToken | number",
80
+ "paddingLeft": "SpacingToken | number",
81
+ "paddingRight": "SpacingToken | number",
82
+ "paddingTop": "SpacingToken | number",
83
+ "paddingBottom": "SpacingToken | number",
84
+ "paddingX": "SpacingToken | number",
85
+ "paddingY": "SpacingToken | number",
86
+ "margin": "SpacingToken | number",
87
+ "marginLeft": "SpacingToken | number",
88
+ "marginRight": "SpacingToken | number",
89
+ "marginTop": "SpacingToken | number",
90
+ "marginBottom": "SpacingToken | number",
91
+ "marginX": "SpacingToken | number",
92
+ "marginY": "SpacingToken | number",
93
+ "gap": "SpacingToken | number | \"-1\"",
94
+ "top": "SpacingToken | number | CSSUnit",
95
+ "right": "SpacingToken | number | CSSUnit",
96
+ "bottom": "SpacingToken | number | CSSUnit",
97
+ "left": "SpacingToken | number | CSSUnit",
98
+ "translateX": "SpacingToken | number | CSSUnit",
99
+ "translateY": "SpacingToken | number | CSSUnit"
100
+ },
101
+ "StyleProps": {
102
+ "textVariant": "TextVariant",
103
+ "textSize": "TextSize",
104
+ "textType": "TextType",
105
+ "textWeight": "TextWeight",
106
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
107
+ "solid": "Colors",
108
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
109
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
110
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
111
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
112
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
113
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
114
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
115
+ "borderStyle": "\"solid\" | \"dashed\"",
116
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
117
+ "topRadius": "RadiusSize",
118
+ "rightRadius": "RadiusSize",
119
+ "bottomRadius": "RadiusSize",
120
+ "leftRadius": "RadiusSize",
121
+ "topLeftRadius": "RadiusSize",
122
+ "topRightRadius": "RadiusSize",
123
+ "bottomLeftRadius": "RadiusSize",
124
+ "bottomRightRadius": "RadiusSize",
125
+ "shadow": "ShadowSize",
126
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
127
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
128
+ }
129
+ }
130
+ }
@@ -16,7 +16,7 @@
16
16
  "className": "string",
17
17
  "style": "React.CSSProperties",
18
18
  "onClick": "() => void",
19
- "isActive": "boolean"
19
+ "active": "boolean"
20
20
  },
21
21
  "mixinsRef": [
22
22
  "CommonProps",
@@ -0,0 +1,14 @@
1
+ {
2
+ "name": "NavItem",
3
+ "group": "components",
4
+ "extends": [
5
+ "ToggleButton"
6
+ ],
7
+ "props": {
8
+ "label": "!ReactNode",
9
+ "icon": "IconName",
10
+ "badge": "number",
11
+ "indicator": "boolean"
12
+ },
13
+ "mixinsRef": []
14
+ }
@@ -16,8 +16,8 @@
16
16
  "label": "React.ReactNode",
17
17
  "href": "string",
18
18
  "value": "!string",
19
- "hasPrefix": "React.ReactNode",
20
- "hasSuffix": "React.ReactNode",
19
+ "prefix": "React.ReactNode",
20
+ "suffix": "React.ReactNode",
21
21
  "description": "React.ReactNode",
22
22
  "danger": "boolean",
23
23
  "selected": "boolean",
@@ -14,7 +14,7 @@
14
14
  ],
15
15
  "props": {
16
16
  "density": "number = 100",
17
- "color": "string = brand-on-background-weak",
17
+ "color": "ColorValue = brand-on-background-weak",
18
18
  "size": "SpacingToken = 2",
19
19
  "speed": "number = 0.3",
20
20
  "interactive": "boolean = false",
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "PieChart",
3
- "group": "modules",
3
+ "group": "data",
4
+ "importFrom": "@once-ui-system/core/data",
4
5
  "extends": [
5
- "PieChart.impl",
6
- "interfaces",
7
6
  "Flex"
8
7
  ],
9
8
  "mixins": [
9
+ "ChartProps",
10
10
  "CommonProps",
11
11
  "DisplayProps",
12
12
  "FlexProps",
@@ -14,7 +14,20 @@
14
14
  "SpacingProps",
15
15
  "StyleProps"
16
16
  ],
17
+ "props": {
18
+ "data-viz-style": "string",
19
+ "ring": "{ inner: number; outer: number } = { inner: 0, outer: 80 }",
20
+ "dataKey": "string = value",
21
+ "nameKey": "string = name",
22
+ "origo": "{ x: number; y: number } = { x: 50, y: 50 }",
23
+ "legend": "LegendConfig = {}",
24
+ "error": "boolean = false",
25
+ "tooltip": "boolean = true",
26
+ "loading": "boolean = false",
27
+ "border": "Colors | \"surface\" | \"transparent\" | boolean = neutral-alpha-weak"
28
+ },
17
29
  "mixinsRef": [
30
+ "ChartProps",
18
31
  "CommonProps",
19
32
  "DisplayProps",
20
33
  "FlexProps",
@@ -24,6 +37,22 @@
24
37
  ],
25
38
  "tokensRef": "see spec.json mixins",
26
39
  "resolvedMixins": {
40
+ "ChartProps": {
41
+ "title": "React.ReactNode",
42
+ "description": "React.ReactNode",
43
+ "series": "!SeriesConfig | SeriesConfig[]",
44
+ "data": "!DataPoint[]",
45
+ "legend": "LegendConfig",
46
+ "date": "DateConfig",
47
+ "emptyState": "React.ReactNode",
48
+ "errorState": "React.ReactNode",
49
+ "error": "boolean",
50
+ "tooltip": "boolean",
51
+ "grid": "\"x\" | \"y\" | \"both\" | \"none\"",
52
+ "axis": "\"x\" | \"y\" | \"both\" | \"none\"",
53
+ "variant": "ChartVariant",
54
+ "loading": "boolean"
55
+ },
27
56
  "CommonProps": {
28
57
  "onBackground": "Colors",
29
58
  "onSolid": "Colors",
@@ -16,7 +16,7 @@
16
16
  "value": "!number",
17
17
  "min": "number = 0",
18
18
  "max": "number = 100",
19
- "label": "boolean = true",
19
+ "showLabel": "boolean = true",
20
20
  "labelPosition": "\"top\" | \"bottom\" | \"left\" | \"right\" = bottom",
21
21
  "barBackground": "StyleProps[\"solid\"] = brand-strong",
22
22
  "className": "string",
@@ -13,7 +13,7 @@
13
13
  "StyleProps"
14
14
  ],
15
15
  "props": {
16
- "variant": "ColorScheme = brand",
16
+ "scheme": "ColorScheme = brand",
17
17
  "size": "CondensedTShirtSizes = m",
18
18
  "pulseSize": "string | number",
19
19
  "children": "ReactNode",
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "RadialGauge",
3
- "group": "modules",
3
+ "group": "data",
4
+ "importFrom": "@once-ui-system/core/data",
4
5
  "extends": [
5
6
  "Flex"
6
7
  ],
@@ -18,12 +19,12 @@
18
19
  "line": "{ count?: number; width?: number; length?: number; }",
19
20
  "unit": "React.ReactNode",
20
21
  "value": "number = 7",
21
- "angle": "{ start: number; sweep: number; } = {\r\n start: 0,\r\n sweep: 360,\r\n }",
22
+ "angle": "{ start: number; sweep: number; } = { start: 0, sweep: 360, }",
22
23
  "direction": "'cw' | 'ccw' = cw",
23
24
  "edgePad": "number = 0",
24
25
  "children": "React.ReactNode",
25
26
  "hue": "\"success\" | \"neutral\" | \"danger\" | [number, number]",
26
- "color": "string = contrast"
27
+ "color": "ColorValue = contrast"
27
28
  },
28
29
  "mixinsRef": [
29
30
  "CommonProps",
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "RadialGradient",
3
- "group": "modules",
3
+ "group": "data",
4
+ "importFrom": "@once-ui-system/core/data",
4
5
  "props": {
5
6
  "id": "!string",
6
7
  "color": "!string",
@@ -7,7 +7,7 @@
7
7
  "props": {
8
8
  "style": "React.CSSProperties",
9
9
  "className": "string",
10
- "isChecked": "boolean",
10
+ "checked": "boolean",
11
11
  "name": "string",
12
12
  "value": "string",
13
13
  "disabled": "boolean",
@@ -18,7 +18,7 @@
18
18
  "delay": "number = 0",
19
19
  "revealedByDefault": "boolean = false",
20
20
  "translateY": "number | SpacingToken",
21
- "trigger": "boolean",
21
+ "revealed": "boolean",
22
22
  "style": "React.CSSProperties",
23
23
  "className": "string"
24
24
  },
@@ -0,0 +1,136 @@
1
+ {
2
+ "name": "Scrubber",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "duration": "!number",
17
+ "value": "!number",
18
+ "onChange": "!(time: number) => void",
19
+ "tracks": "ScrubberTrack[] = []",
20
+ "selected": "string | null = null",
21
+ "onSelect": "(blockId: string | null) => void",
22
+ "onBlockChange": "(trackId: string, blockId: string, next: { start: number; end: number }) => void",
23
+ "onGestureStart": "() => void",
24
+ "onBlockContextMenu": "(event: React.MouseEvent, trackId: string, blockId: string) => void",
25
+ "showTime": "boolean = true",
26
+ "formatTime": "(time: number) => string = defaultFormatTime",
27
+ "step": "number",
28
+ "ariaLabel": "string = Seek"
29
+ },
30
+ "mixinsRef": [
31
+ "CommonProps",
32
+ "DisplayProps",
33
+ "FlexProps",
34
+ "SizeProps",
35
+ "SpacingProps",
36
+ "StyleProps"
37
+ ],
38
+ "tokensRef": "see spec.json mixins",
39
+ "resolvedMixins": {
40
+ "CommonProps": {
41
+ "onBackground": "Colors",
42
+ "onSolid": "Colors",
43
+ "align": "CSSProperties[\"textAlign\"]"
44
+ },
45
+ "DisplayProps": {
46
+ "as": "ElementType",
47
+ "inline": "boolean",
48
+ "hide": "boolean",
49
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
50
+ "position": "CSSProperties[\"position\"]",
51
+ "overflow": "CSSProperties[\"overflow\"]",
52
+ "overflowX": "CSSProperties[\"overflowX\"]",
53
+ "overflowY": "CSSProperties[\"overflowY\"]",
54
+ "scrollbar": "\"default\" | \"minimal\"",
55
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
56
+ "opacity": "Opacity",
57
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
58
+ "dark": "boolean",
59
+ "light": "boolean"
60
+ },
61
+ "FlexProps": {
62
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
63
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
64
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
65
+ "center": "boolean",
66
+ "wrap": "boolean",
67
+ "flex": "FlexValue"
68
+ },
69
+ "SizeProps": {
70
+ "width": "number | SpacingToken | CSSUnit",
71
+ "height": "number | SpacingToken | CSSUnit",
72
+ "maxWidth": "number | SpacingToken | CSSUnit",
73
+ "minWidth": "number | SpacingToken | CSSUnit",
74
+ "minHeight": "number | SpacingToken | CSSUnit",
75
+ "maxHeight": "number | SpacingToken | CSSUnit",
76
+ "fit": "boolean",
77
+ "fitWidth": "boolean",
78
+ "fitHeight": "boolean",
79
+ "fill": "boolean",
80
+ "fillWidth": "boolean",
81
+ "fillHeight": "boolean",
82
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
83
+ },
84
+ "SpacingProps": {
85
+ "padding": "SpacingToken | number",
86
+ "paddingLeft": "SpacingToken | number",
87
+ "paddingRight": "SpacingToken | number",
88
+ "paddingTop": "SpacingToken | number",
89
+ "paddingBottom": "SpacingToken | number",
90
+ "paddingX": "SpacingToken | number",
91
+ "paddingY": "SpacingToken | number",
92
+ "margin": "SpacingToken | number",
93
+ "marginLeft": "SpacingToken | number",
94
+ "marginRight": "SpacingToken | number",
95
+ "marginTop": "SpacingToken | number",
96
+ "marginBottom": "SpacingToken | number",
97
+ "marginX": "SpacingToken | number",
98
+ "marginY": "SpacingToken | number",
99
+ "gap": "SpacingToken | number | \"-1\"",
100
+ "top": "SpacingToken | number | CSSUnit",
101
+ "right": "SpacingToken | number | CSSUnit",
102
+ "bottom": "SpacingToken | number | CSSUnit",
103
+ "left": "SpacingToken | number | CSSUnit",
104
+ "translateX": "SpacingToken | number | CSSUnit",
105
+ "translateY": "SpacingToken | number | CSSUnit"
106
+ },
107
+ "StyleProps": {
108
+ "textVariant": "TextVariant",
109
+ "textSize": "TextSize",
110
+ "textType": "TextType",
111
+ "textWeight": "TextWeight",
112
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
113
+ "solid": "Colors",
114
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
115
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
116
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
117
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
118
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
119
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
120
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
121
+ "borderStyle": "\"solid\" | \"dashed\"",
122
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
123
+ "topRadius": "RadiusSize",
124
+ "rightRadius": "RadiusSize",
125
+ "bottomRadius": "RadiusSize",
126
+ "leftRadius": "RadiusSize",
127
+ "topLeftRadius": "RadiusSize",
128
+ "topRightRadius": "RadiusSize",
129
+ "bottomLeftRadius": "RadiusSize",
130
+ "bottomRightRadius": "RadiusSize",
131
+ "shadow": "ShadowSize",
132
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
133
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
134
+ }
135
+ }
136
+ }
@@ -15,10 +15,10 @@
15
15
  ],
16
16
  "props": {
17
17
  "buttons": "!ButtonOption[]",
18
- "onToggle": "!(value: string, event?: React.MouseEvent<HTMLButtonElement>) => void",
19
- "defaultSelected": "string",
18
+ "onChange": "!(value: string, event?: React.MouseEvent<HTMLButtonElement>) => void",
19
+ "defaultValue": "string",
20
20
  "fillWidth": "boolean = true",
21
- "selected": "string",
21
+ "value": "string",
22
22
  "compact": "boolean = false",
23
23
  "className": "string",
24
24
  "style": "React.CSSProperties"
@@ -0,0 +1,128 @@
1
+ {
2
+ "name": "Setting",
3
+ "group": "components",
4
+ "extends": [
5
+ "Flex"
6
+ ],
7
+ "mixins": [
8
+ "CommonProps",
9
+ "DisplayProps",
10
+ "FlexProps",
11
+ "SizeProps",
12
+ "SpacingProps",
13
+ "StyleProps"
14
+ ],
15
+ "props": {
16
+ "label": "React.ReactNode",
17
+ "description": "React.ReactNode",
18
+ "info": "React.ReactNode",
19
+ "controlWidth": "number = 14",
20
+ "children": "React.ReactNode"
21
+ },
22
+ "mixinsRef": [
23
+ "CommonProps",
24
+ "DisplayProps",
25
+ "FlexProps",
26
+ "SizeProps",
27
+ "SpacingProps",
28
+ "StyleProps"
29
+ ],
30
+ "tokensRef": "see spec.json mixins",
31
+ "resolvedMixins": {
32
+ "CommonProps": {
33
+ "onBackground": "Colors",
34
+ "onSolid": "Colors",
35
+ "align": "CSSProperties[\"textAlign\"]"
36
+ },
37
+ "DisplayProps": {
38
+ "as": "ElementType",
39
+ "inline": "boolean",
40
+ "hide": "boolean",
41
+ "pointerEvents": "\"none\" | \"all\" | \"auto\"",
42
+ "position": "CSSProperties[\"position\"]",
43
+ "overflow": "CSSProperties[\"overflow\"]",
44
+ "overflowX": "CSSProperties[\"overflowX\"]",
45
+ "overflowY": "CSSProperties[\"overflowY\"]",
46
+ "scrollbar": "\"default\" | \"minimal\"",
47
+ "transition": "\"micro-short\" | \"micro-medium\" | \"micro-long\" | \"macro-short\" | \"macro-medium\" | \"macro-long\"",
48
+ "opacity": "Opacity",
49
+ "zIndex": "-1 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | \"-1\" | \"0\" | \"1\" | \"2\" | \"3\" | \"4\" | \"5\" | \"6\" | \"7\" | \"8\" | \"9\" | \"10\"",
50
+ "dark": "boolean",
51
+ "light": "boolean"
52
+ },
53
+ "FlexProps": {
54
+ "direction": "\"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"",
55
+ "horizontal": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
56
+ "vertical": "\"start\" | \"center\" | \"end\" | \"between\" | \"around\" | \"even\" | \"stretch\"",
57
+ "center": "boolean",
58
+ "wrap": "boolean",
59
+ "flex": "FlexValue"
60
+ },
61
+ "SizeProps": {
62
+ "width": "number | SpacingToken | CSSUnit",
63
+ "height": "number | SpacingToken | CSSUnit",
64
+ "maxWidth": "number | SpacingToken | CSSUnit",
65
+ "minWidth": "number | SpacingToken | CSSUnit",
66
+ "minHeight": "number | SpacingToken | CSSUnit",
67
+ "maxHeight": "number | SpacingToken | CSSUnit",
68
+ "fit": "boolean",
69
+ "fitWidth": "boolean",
70
+ "fitHeight": "boolean",
71
+ "fill": "boolean",
72
+ "fillWidth": "boolean",
73
+ "fillHeight": "boolean",
74
+ "aspectRatio": "CSSProperties[\"aspectRatio\"]"
75
+ },
76
+ "SpacingProps": {
77
+ "padding": "SpacingToken | number",
78
+ "paddingLeft": "SpacingToken | number",
79
+ "paddingRight": "SpacingToken | number",
80
+ "paddingTop": "SpacingToken | number",
81
+ "paddingBottom": "SpacingToken | number",
82
+ "paddingX": "SpacingToken | number",
83
+ "paddingY": "SpacingToken | number",
84
+ "margin": "SpacingToken | number",
85
+ "marginLeft": "SpacingToken | number",
86
+ "marginRight": "SpacingToken | number",
87
+ "marginTop": "SpacingToken | number",
88
+ "marginBottom": "SpacingToken | number",
89
+ "marginX": "SpacingToken | number",
90
+ "marginY": "SpacingToken | number",
91
+ "gap": "SpacingToken | number | \"-1\"",
92
+ "top": "SpacingToken | number | CSSUnit",
93
+ "right": "SpacingToken | number | CSSUnit",
94
+ "bottom": "SpacingToken | number | CSSUnit",
95
+ "left": "SpacingToken | number | CSSUnit",
96
+ "translateX": "SpacingToken | number | CSSUnit",
97
+ "translateY": "SpacingToken | number | CSSUnit"
98
+ },
99
+ "StyleProps": {
100
+ "textVariant": "TextVariant",
101
+ "textSize": "TextSize",
102
+ "textType": "TextType",
103
+ "textWeight": "TextWeight",
104
+ "background": "Colors | \"surface\" | \"overlay\" | \"page\" | \"transparent\"",
105
+ "solid": "Colors",
106
+ "borderTop": "Colors | \"surface\" | \"transparent\" | boolean",
107
+ "borderRight": "Colors | \"surface\" | \"transparent\" | boolean",
108
+ "borderBottom": "Colors | \"surface\" | \"transparent\" | boolean",
109
+ "borderLeft": "Colors | \"surface\" | \"transparent\" | boolean",
110
+ "borderX": "Colors | \"surface\" | \"transparent\" | boolean",
111
+ "borderY": "Colors | \"surface\" | \"transparent\" | boolean",
112
+ "border": "Colors | \"surface\" | \"transparent\" | boolean",
113
+ "borderStyle": "\"solid\" | \"dashed\"",
114
+ "borderWidth": "1 | 2 | 4 | 8 | \"1\" | \"2\" | \"4\" | \"8\"",
115
+ "topRadius": "RadiusSize",
116
+ "rightRadius": "RadiusSize",
117
+ "bottomRadius": "RadiusSize",
118
+ "leftRadius": "RadiusSize",
119
+ "topLeftRadius": "RadiusSize",
120
+ "topRightRadius": "RadiusSize",
121
+ "bottomLeftRadius": "RadiusSize",
122
+ "bottomRightRadius": "RadiusSize",
123
+ "shadow": "ShadowSize",
124
+ "cursor": "CSSProperties[\"cursor\"] | \"interactive\" | ReactNode",
125
+ "radius": "RadiusSize | `${RadiusSize}-${RadiusNest}`"
126
+ }
127
+ }
128
+ }