@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
package/dist/tokens/function.scss DELETED
@@ -1,742 +0,0 @@
1
- :root {
2
- /* FUNCTION */
3
- /* info */
4
- --function-info-100: var(--scheme-gray-100);
5
- --function-info-200: var(--scheme-gray-200);
6
- --function-info-300: var(--scheme-gray-300);
7
- --function-info-400: var(--scheme-gray-400);
8
- --function-info-500: var(--scheme-gray-500);
9
- --function-info-600: var(--scheme-gray-600);
10
- --function-info-700: var(--scheme-gray-700);
11
- --function-info-800: var(--scheme-gray-800);
12
- --function-info-900: var(--scheme-gray-900);
13
- --function-info-1000: var(--scheme-gray-1000);
14
- --function-info-1100: var(--scheme-gray-1100);
15
- --function-info-1200: var(--scheme-gray-1200);
16
-
17
- --function-info-600-15: var(--scheme-gray-600-15);
18
- --function-info-600-30: var(--scheme-gray-600-30);
19
- --function-info-600-50: var(--scheme-gray-600-50);
20
-
21
- /* warning */
22
- --function-warning-100: var(--scheme-yellow-100);
23
- --function-warning-200: var(--scheme-yellow-200);
24
- --function-warning-300: var(--scheme-yellow-300);
25
- --function-warning-400: var(--scheme-yellow-400);
26
- --function-warning-500: var(--scheme-yellow-500);
27
- --function-warning-600: var(--scheme-yellow-600);
28
- --function-warning-700: var(--scheme-yellow-700);
29
- --function-warning-800: var(--scheme-yellow-800);
30
- --function-warning-900: var(--scheme-yellow-900);
31
- --function-warning-1000: var(--scheme-yellow-1000);
32
- --function-warning-1100: var(--scheme-yellow-1100);
33
- --function-warning-1200: var(--scheme-yellow-1200);
34
-
35
- --function-warning-600-15: var(--scheme-yellow-600-15);
36
- --function-warning-600-30: var(--scheme-yellow-600-30);
37
- --function-warning-600-50: var(--scheme-yellow-600-50);
38
-
39
- /* danger */
40
- --function-danger-100: var(--scheme-red-100);
41
- --function-danger-200: var(--scheme-red-200);
42
- --function-danger-300: var(--scheme-red-300);
43
- --function-danger-400: var(--scheme-red-400);
44
- --function-danger-500: var(--scheme-red-500);
45
- --function-danger-600: var(--scheme-red-600);
46
- --function-danger-700: var(--scheme-red-700);
47
- --function-danger-800: var(--scheme-red-800);
48
- --function-danger-900: var(--scheme-red-900);
49
- --function-danger-1000: var(--scheme-red-1000);
50
- --function-danger-1100: var(--scheme-red-1100);
51
- --function-danger-1200: var(--scheme-red-1200);
52
-
53
- --function-danger-600-15: var(--scheme-red-600-15);
54
- --function-danger-600-30: var(--scheme-red-600-30);
55
- --function-danger-600-50: var(--scheme-red-600-50);
56
-
57
- /* success */
58
- --function-success-100: var(--scheme-green-100);
59
- --function-success-200: var(--scheme-green-200);
60
- --function-success-300: var(--scheme-green-300);
61
- --function-success-400: var(--scheme-green-400);
62
- --function-success-500: var(--scheme-green-500);
63
- --function-success-600: var(--scheme-green-600);
64
- --function-success-700: var(--scheme-green-700);
65
- --function-success-800: var(--scheme-green-800);
66
- --function-success-900: var(--scheme-green-900);
67
- --function-success-1000: var(--scheme-green-1000);
68
- --function-success-1100: var(--scheme-green-1100);
69
- --function-success-1200: var(--scheme-green-1200);
70
-
71
- --function-success-600-15: var(--scheme-green-600-15);
72
- --function-success-600-30: var(--scheme-green-600-30);
73
- --function-success-600-50: var(--scheme-green-600-50);
74
- }
75
-
76
- /* brand */
77
- [data-brand="custom"] {
78
- --function-brand-100: var(--scheme-brand-100);
79
- --function-brand-200: var(--scheme-brand-200);
80
- --function-brand-300: var(--scheme-brand-300);
81
- --function-brand-400: var(--scheme-brand-400);
82
- --function-brand-500: var(--scheme-brand-500);
83
- --function-brand-600: var(--scheme-brand-600);
84
- --function-brand-700: var(--scheme-brand-700);
85
- --function-brand-800: var(--scheme-brand-800);
86
- --function-brand-900: var(--scheme-brand-900);
87
- --function-brand-1000: var(--scheme-brand-1000);
88
- --function-brand-1100: var(--scheme-brand-1100);
89
- --function-brand-1200: var(--scheme-brand-1200);
90
-
91
- --function-brand-600-15: var(--scheme-brand-600-15);
92
- --function-brand-600-30: var(--scheme-brand-600-30);
93
- --function-brand-600-50: var(--scheme-brand-600-50);
94
- }
95
-
96
- [data-brand="red"] {
97
- --function-brand-100: var(--scheme-red-100);
98
- --function-brand-200: var(--scheme-red-200);
99
- --function-brand-300: var(--scheme-red-300);
100
- --function-brand-400: var(--scheme-red-400);
101
- --function-brand-500: var(--scheme-red-500);
102
- --function-brand-600: var(--scheme-red-600);
103
- --function-brand-700: var(--scheme-red-700);
104
- --function-brand-800: var(--scheme-red-800);
105
- --function-brand-900: var(--scheme-red-900);
106
- --function-brand-1000: var(--scheme-red-1000);
107
- --function-brand-1100: var(--scheme-red-1100);
108
- --function-brand-1200: var(--scheme-red-1200);
109
-
110
- --function-brand-600-15: var(--scheme-red-600-15);
111
- --function-brand-600-30: var(--scheme-red-600-30);
112
- --function-brand-600-50: var(--scheme-red-600-50);
113
- }
114
-
115
- [data-brand="orange"] {
116
- --function-brand-100: var(--scheme-orange-100);
117
- --function-brand-200: var(--scheme-orange-200);
118
- --function-brand-300: var(--scheme-orange-300);
119
- --function-brand-400: var(--scheme-orange-400);
120
- --function-brand-500: var(--scheme-orange-500);
121
- --function-brand-600: var(--scheme-orange-600);
122
- --function-brand-700: var(--scheme-orange-700);
123
- --function-brand-800: var(--scheme-orange-800);
124
- --function-brand-900: var(--scheme-orange-900);
125
- --function-brand-1000: var(--scheme-orange-1000);
126
- --function-brand-1100: var(--scheme-orange-1100);
127
- --function-brand-1200: var(--scheme-orange-1200);
128
-
129
- --function-brand-600-15: var(--scheme-orange-600-15);
130
- --function-brand-600-30: var(--scheme-orange-600-30);
131
- --function-brand-600-50: var(--scheme-orange-600-50);
132
- }
133
-
134
- [data-brand="yellow"] {
135
- --function-brand-100: var(--scheme-yellow-100);
136
- --function-brand-200: var(--scheme-yellow-200);
137
- --function-brand-300: var(--scheme-yellow-300);
138
- --function-brand-400: var(--scheme-yellow-400);
139
- --function-brand-500: var(--scheme-yellow-500);
140
- --function-brand-600: var(--scheme-yellow-600);
141
- --function-brand-700: var(--scheme-yellow-700);
142
- --function-brand-800: var(--scheme-yellow-800);
143
- --function-brand-900: var(--scheme-yellow-900);
144
- --function-brand-1000: var(--scheme-yellow-1000);
145
- --function-brand-1100: var(--scheme-yellow-1100);
146
- --function-brand-1200: var(--scheme-yellow-1200);
147
-
148
- --function-brand-600-15: var(--scheme-yellow-600-15);
149
- --function-brand-600-30: var(--scheme-yellow-600-30);
150
- --function-brand-600-50: var(--scheme-yellow-600-50);
151
- }
152
-
153
- [data-brand="moss"] {
154
- --function-brand-100: var(--scheme-moss-100);
155
- --function-brand-200: var(--scheme-moss-200);
156
- --function-brand-300: var(--scheme-moss-300);
157
- --function-brand-400: var(--scheme-moss-400);
158
- --function-brand-500: var(--scheme-moss-500);
159
- --function-brand-600: var(--scheme-moss-600);
160
- --function-brand-700: var(--scheme-moss-700);
161
- --function-brand-800: var(--scheme-moss-800);
162
- --function-brand-900: var(--scheme-moss-900);
163
- --function-brand-1000: var(--scheme-moss-1000);
164
- --function-brand-1100: var(--scheme-moss-1100);
165
- --function-brand-1200: var(--scheme-moss-1200);
166
-
167
- --function-brand-600-15: var(--scheme-moss-600-15);
168
- --function-brand-600-30: var(--scheme-moss-600-30);
169
- --function-brand-600-50: var(--scheme-moss-600-50);
170
- }
171
-
172
- [data-brand="green"] {
173
- --function-brand-100: var(--scheme-green-100);
174
- --function-brand-200: var(--scheme-green-200);
175
- --function-brand-300: var(--scheme-green-300);
176
- --function-brand-400: var(--scheme-green-400);
177
- --function-brand-500: var(--scheme-green-500);
178
- --function-brand-600: var(--scheme-green-600);
179
- --function-brand-700: var(--scheme-green-700);
180
- --function-brand-800: var(--scheme-green-800);
181
- --function-brand-900: var(--scheme-green-900);
182
- --function-brand-1000: var(--scheme-green-1000);
183
- --function-brand-1100: var(--scheme-green-1100);
184
- --function-brand-1200: var(--scheme-green-1200);
185
-
186
- --function-brand-600-15: var(--scheme-green-600-15);
187
- --function-brand-600-30: var(--scheme-green-600-30);
188
- --function-brand-600-50: var(--scheme-green-600-50);
189
- }
190
-
191
- [data-brand="emerald"] {
192
- --function-brand-100: var(--scheme-emerald-100);
193
- --function-brand-200: var(--scheme-emerald-200);
194
- --function-brand-300: var(--scheme-emerald-300);
195
- --function-brand-400: var(--scheme-emerald-400);
196
- --function-brand-500: var(--scheme-emerald-500);
197
- --function-brand-600: var(--scheme-emerald-600);
198
- --function-brand-700: var(--scheme-emerald-700);
199
- --function-brand-800: var(--scheme-emerald-800);
200
- --function-brand-900: var(--scheme-emerald-900);
201
- --function-brand-1000: var(--scheme-emerald-1000);
202
- --function-brand-1100: var(--scheme-emerald-1100);
203
- --function-brand-1200: var(--scheme-emerald-1200);
204
-
205
- --function-brand-600-15: var(--scheme-emerald-600-15);
206
- --function-brand-600-30: var(--scheme-emerald-600-30);
207
- --function-brand-600-50: var(--scheme-emerald-600-50);
208
- }
209
-
210
- [data-brand="aqua"] {
211
- --function-brand-100: var(--scheme-aqua-100);
212
- --function-brand-200: var(--scheme-aqua-200);
213
- --function-brand-300: var(--scheme-aqua-300);
214
- --function-brand-400: var(--scheme-aqua-400);
215
- --function-brand-500: var(--scheme-aqua-500);
216
- --function-brand-600: var(--scheme-aqua-600);
217
- --function-brand-700: var(--scheme-aqua-700);
218
- --function-brand-800: var(--scheme-aqua-800);
219
- --function-brand-900: var(--scheme-aqua-900);
220
- --function-brand-1000: var(--scheme-aqua-1000);
221
- --function-brand-1100: var(--scheme-aqua-1100);
222
- --function-brand-1200: var(--scheme-aqua-1200);
223
-
224
- --function-brand-600-15: var(--scheme-aqua-600-15);
225
- --function-brand-600-30: var(--scheme-aqua-600-30);
226
- --function-brand-600-50: var(--scheme-aqua-600-50);
227
- }
228
-
229
- [data-brand="cyan"] {
230
- --function-brand-100: var(--scheme-cyan-100);
231
- --function-brand-200: var(--scheme-cyan-200);
232
- --function-brand-300: var(--scheme-cyan-300);
233
- --function-brand-400: var(--scheme-cyan-400);
234
- --function-brand-500: var(--scheme-cyan-500);
235
- --function-brand-600: var(--scheme-cyan-600);
236
- --function-brand-700: var(--scheme-cyan-700);
237
- --function-brand-800: var(--scheme-cyan-800);
238
- --function-brand-900: var(--scheme-cyan-900);
239
- --function-brand-1000: var(--scheme-cyan-1000);
240
- --function-brand-1100: var(--scheme-cyan-1100);
241
- --function-brand-1200: var(--scheme-cyan-1200);
242
-
243
- --function-brand-600-15: var(--scheme-cyan-600-15);
244
- --function-brand-600-30: var(--scheme-cyan-600-30);
245
- --function-brand-600-50: var(--scheme-cyan-600-50);
246
- }
247
-
248
- [data-brand="blue"] {
249
- --function-brand-100: var(--scheme-blue-100);
250
- --function-brand-200: var(--scheme-blue-200);
251
- --function-brand-300: var(--scheme-blue-300);
252
- --function-brand-400: var(--scheme-blue-400);
253
- --function-brand-500: var(--scheme-blue-500);
254
- --function-brand-600: var(--scheme-blue-600);
255
- --function-brand-700: var(--scheme-blue-700);
256
- --function-brand-800: var(--scheme-blue-800);
257
- --function-brand-900: var(--scheme-blue-900);
258
- --function-brand-1000: var(--scheme-blue-1000);
259
- --function-brand-1100: var(--scheme-blue-1100);
260
- --function-brand-1200: var(--scheme-blue-1200);
261
-
262
- --function-brand-600-15: var(--scheme-blue-600-15);
263
- --function-brand-600-30: var(--scheme-blue-600-30);
264
- --function-brand-600-50: var(--scheme-blue-600-50);
265
- }
266
-
267
- [data-brand="indigo"] {
268
- --function-brand-100: var(--scheme-indigo-100);
269
- --function-brand-200: var(--scheme-indigo-200);
270
- --function-brand-300: var(--scheme-indigo-300);
271
- --function-brand-400: var(--scheme-indigo-400);
272
- --function-brand-500: var(--scheme-indigo-500);
273
- --function-brand-600: var(--scheme-indigo-600);
274
- --function-brand-700: var(--scheme-indigo-700);
275
- --function-brand-800: var(--scheme-indigo-800);
276
- --function-brand-900: var(--scheme-indigo-900);
277
- --function-brand-1000: var(--scheme-indigo-1000);
278
- --function-brand-1100: var(--scheme-indigo-1100);
279
- --function-brand-1200: var(--scheme-indigo-1200);
280
-
281
- --function-brand-600-15: var(--scheme-indigo-600-15);
282
- --function-brand-600-30: var(--scheme-indigo-600-30);
283
- --function-brand-600-50: var(--scheme-indigo-600-50);
284
- }
285
-
286
- [data-brand="violet"] {
287
- --function-brand-100: var(--scheme-violet-100);
288
- --function-brand-200: var(--scheme-violet-200);
289
- --function-brand-300: var(--scheme-violet-300);
290
- --function-brand-400: var(--scheme-violet-400);
291
- --function-brand-500: var(--scheme-violet-500);
292
- --function-brand-600: var(--scheme-violet-600);
293
- --function-brand-700: var(--scheme-violet-700);
294
- --function-brand-800: var(--scheme-violet-800);
295
- --function-brand-900: var(--scheme-violet-900);
296
- --function-brand-1000: var(--scheme-violet-1000);
297
- --function-brand-1100: var(--scheme-violet-1100);
298
- --function-brand-1200: var(--scheme-violet-1200);
299
-
300
- --function-brand-600-15: var(--scheme-violet-600-15);
301
- --function-brand-600-30: var(--scheme-violet-600-30);
302
- --function-brand-600-50: var(--scheme-violet-600-50);
303
- }
304
-
305
- [data-brand="magenta"] {
306
- --function-brand-100: var(--scheme-magenta-100);
307
- --function-brand-200: var(--scheme-magenta-200);
308
- --function-brand-300: var(--scheme-magenta-300);
309
- --function-brand-400: var(--scheme-magenta-400);
310
- --function-brand-500: var(--scheme-magenta-500);
311
- --function-brand-600: var(--scheme-magenta-600);
312
- --function-brand-700: var(--scheme-magenta-700);
313
- --function-brand-800: var(--scheme-magenta-800);
314
- --function-brand-900: var(--scheme-magenta-900);
315
- --function-brand-1000: var(--scheme-magenta-1000);
316
- --function-brand-1100: var(--scheme-magenta-1100);
317
- --function-brand-1200: var(--scheme-magenta-1200);
318
-
319
- --function-brand-600-15: var(--scheme-magenta-600-15);
320
- --function-brand-600-30: var(--scheme-magenta-600-30);
321
- --function-brand-600-50: var(--scheme-magenta-600-50);
322
- }
323
-
324
- [data-brand="pink"] {
325
- --function-brand-100: var(--scheme-pink-100);
326
- --function-brand-200: var(--scheme-pink-200);
327
- --function-brand-300: var(--scheme-pink-300);
328
- --function-brand-400: var(--scheme-pink-400);
329
- --function-brand-500: var(--scheme-pink-500);
330
- --function-brand-600: var(--scheme-pink-600);
331
- --function-brand-700: var(--scheme-pink-700);
332
- --function-brand-800: var(--scheme-pink-800);
333
- --function-brand-900: var(--scheme-pink-900);
334
- --function-brand-1000: var(--scheme-pink-1000);
335
- --function-brand-1100: var(--scheme-pink-1100);
336
- --function-brand-1200: var(--scheme-pink-1200);
337
-
338
- --function-brand-600-15: var(--scheme-pink-600-15);
339
- --function-brand-600-30: var(--scheme-pink-600-30);
340
- --function-brand-600-50: var(--scheme-pink-600-50);
341
- }
342
-
343
- /* accent */
344
- [data-accent="custom"] {
345
- --function-accent-100: var(--scheme-accent-100);
346
- --function-accent-200: var(--scheme-accent-200);
347
- --function-accent-300: var(--scheme-accent-300);
348
- --function-accent-400: var(--scheme-accent-400);
349
- --function-accent-500: var(--scheme-accent-500);
350
- --function-accent-600: var(--scheme-accent-600);
351
- --function-accent-700: var(--scheme-accent-700);
352
- --function-accent-800: var(--scheme-accent-800);
353
- --function-accent-900: var(--scheme-accent-900);
354
- --function-accent-1000: var(--scheme-accent-1000);
355
- --function-accent-1100: var(--scheme-accent-1100);
356
- --function-accent-1200: var(--scheme-accent-1200);
357
-
358
- --function-accent-600-15: var(--scheme-accent-600-15);
359
- --function-accent-600-30: var(--scheme-accent-600-30);
360
- --function-accent-600-50: var(--scheme-accent-600-50);
361
- }
362
-
363
- [data-accent="red"] {
364
- --function-accent-100: var(--scheme-red-100);
365
- --function-accent-200: var(--scheme-red-200);
366
- --function-accent-300: var(--scheme-red-300);
367
- --function-accent-400: var(--scheme-red-400);
368
- --function-accent-500: var(--scheme-red-500);
369
- --function-accent-600: var(--scheme-red-600);
370
- --function-accent-700: var(--scheme-red-700);
371
- --function-accent-800: var(--scheme-red-800);
372
- --function-accent-900: var(--scheme-red-900);
373
- --function-accent-1000: var(--scheme-red-1000);
374
- --function-accent-1100: var(--scheme-red-1100);
375
- --function-accent-1200: var(--scheme-red-1200);
376
-
377
- --function-accent-600-15: var(--scheme-red-600-15);
378
- --function-accent-600-30: var(--scheme-red-600-30);
379
- --function-accent-600-50: var(--scheme-red-600-50);
380
- }
381
-
382
- [data-accent="orange"] {
383
- --function-accent-100: var(--scheme-orange-100);
384
- --function-accent-200: var(--scheme-orange-200);
385
- --function-accent-300: var(--scheme-orange-300);
386
- --function-accent-400: var(--scheme-orange-400);
387
- --function-accent-500: var(--scheme-orange-500);
388
- --function-accent-600: var(--scheme-orange-600);
389
- --function-accent-700: var(--scheme-orange-700);
390
- --function-accent-800: var(--scheme-orange-800);
391
- --function-accent-900: var(--scheme-orange-900);
392
- --function-accent-1000: var(--scheme-orange-1000);
393
- --function-accent-1100: var(--scheme-orange-1100);
394
- --function-accent-1200: var(--scheme-orange-1200);
395
-
396
- --function-accent-600-15: var(--scheme-orange-600-15);
397
- --function-accent-600-30: var(--scheme-orange-600-30);
398
- --function-accent-600-50: var(--scheme-orange-600-50);
399
- }
400
-
401
- [data-accent="yellow"] {
402
- --function-accent-100: var(--scheme-yellow-100);
403
- --function-accent-200: var(--scheme-yellow-200);
404
- --function-accent-300: var(--scheme-yellow-300);
405
- --function-accent-400: var(--scheme-yellow-400);
406
- --function-accent-500: var(--scheme-yellow-500);
407
- --function-accent-600: var(--scheme-yellow-600);
408
- --function-accent-700: var(--scheme-yellow-700);
409
- --function-accent-800: var(--scheme-yellow-800);
410
- --function-accent-900: var(--scheme-yellow-900);
411
- --function-accent-1000: var(--scheme-yellow-1000);
412
- --function-accent-1100: var(--scheme-yellow-1100);
413
- --function-accent-1200: var(--scheme-yellow-1200);
414
-
415
- --function-accent-600-15: var(--scheme-yellow-600-15);
416
- --function-accent-600-30: var(--scheme-yellow-600-30);
417
- --function-accent-600-50: var(--scheme-yellow-600-50);
418
- }
419
-
420
- [data-accent="moss"] {
421
- --function-accent-100: var(--scheme-moss-100);
422
- --function-accent-200: var(--scheme-moss-200);
423
- --function-accent-300: var(--scheme-moss-300);
424
- --function-accent-400: var(--scheme-moss-400);
425
- --function-accent-500: var(--scheme-moss-500);
426
- --function-accent-600: var(--scheme-moss-600);
427
- --function-accent-700: var(--scheme-moss-700);
428
- --function-accent-800: var(--scheme-moss-800);
429
- --function-accent-900: var(--scheme-moss-900);
430
- --function-accent-1000: var(--scheme-moss-1000);
431
- --function-accent-1100: var(--scheme-moss-1100);
432
- --function-accent-1200: var(--scheme-moss-1200);
433
-
434
- --function-accent-600-15: var(--scheme-moss-600-15);
435
- --function-accent-600-30: var(--scheme-moss-600-30);
436
- --function-accent-600-50: var(--scheme-moss-600-50);
437
- }
438
-
439
- [data-accent="green"] {
440
- --function-accent-100: var(--scheme-green-100);
441
- --function-accent-200: var(--scheme-green-200);
442
- --function-accent-300: var(--scheme-green-300);
443
- --function-accent-400: var(--scheme-green-400);
444
- --function-accent-500: var(--scheme-green-500);
445
- --function-accent-600: var(--scheme-green-600);
446
- --function-accent-700: var(--scheme-green-700);
447
- --function-accent-800: var(--scheme-green-800);
448
- --function-accent-900: var(--scheme-green-900);
449
- --function-accent-1000: var(--scheme-green-1000);
450
- --function-accent-1100: var(--scheme-green-1100);
451
- --function-accent-1200: var(--scheme-green-1200);
452
-
453
- --function-accent-600-15: var(--scheme-green-600-15);
454
- --function-accent-600-30: var(--scheme-green-600-30);
455
- --function-accent-600-50: var(--scheme-green-600-50);
456
- }
457
-
458
- [data-accent="emerald"] {
459
- --function-accent-100: var(--scheme-emerald-100);
460
- --function-accent-200: var(--scheme-emerald-200);
461
- --function-accent-300: var(--scheme-emerald-300);
462
- --function-accent-400: var(--scheme-emerald-400);
463
- --function-accent-500: var(--scheme-emerald-500);
464
- --function-accent-600: var(--scheme-emerald-600);
465
- --function-accent-700: var(--scheme-emerald-700);
466
- --function-accent-800: var(--scheme-emerald-800);
467
- --function-accent-900: var(--scheme-emerald-900);
468
- --function-accent-1000: var(--scheme-emerald-1000);
469
- --function-accent-1100: var(--scheme-emerald-1100);
470
- --function-accent-1200: var(--scheme-emerald-1200);
471
-
472
- --function-accent-600-15: var(--scheme-emerald-600-15);
473
- --function-accent-600-30: var(--scheme-emerald-600-30);
474
- --function-accent-600-50: var(--scheme-emerald-600-50);
475
- }
476
-
477
- [data-accent="aqua"] {
478
- --function-accent-100: var(--scheme-aqua-100);
479
- --function-accent-200: var(--scheme-aqua-200);
480
- --function-accent-300: var(--scheme-aqua-300);
481
- --function-accent-400: var(--scheme-aqua-400);
482
- --function-accent-500: var(--scheme-aqua-500);
483
- --function-accent-600: var(--scheme-aqua-600);
484
- --function-accent-700: var(--scheme-aqua-700);
485
- --function-accent-800: var(--scheme-aqua-800);
486
- --function-accent-900: var(--scheme-aqua-900);
487
- --function-accent-1000: var(--scheme-aqua-1000);
488
- --function-accent-1100: var(--scheme-aqua-1100);
489
- --function-accent-1200: var(--scheme-aqua-1200);
490
-
491
- --function-accent-600-15: var(--scheme-aqua-600-15);
492
- --function-accent-600-30: var(--scheme-aqua-600-30);
493
- --function-accent-600-50: var(--scheme-aqua-600-50);
494
- }
495
-
496
- [data-accent="cyan"] {
497
- --function-accent-100: var(--scheme-cyan-100);
498
- --function-accent-200: var(--scheme-cyan-200);
499
- --function-accent-300: var(--scheme-cyan-300);
500
- --function-accent-400: var(--scheme-cyan-400);
501
- --function-accent-500: var(--scheme-cyan-500);
502
- --function-accent-600: var(--scheme-cyan-600);
503
- --function-accent-700: var(--scheme-cyan-700);
504
- --function-accent-800: var(--scheme-cyan-800);
505
- --function-accent-900: var(--scheme-cyan-900);
506
- --function-accent-1000: var(--scheme-cyan-1000);
507
- --function-accent-1100: var(--scheme-cyan-1100);
508
- --function-accent-1200: var(--scheme-cyan-1200);
509
-
510
- --function-accent-600-15: var(--scheme-cyan-600-15);
511
- --function-accent-600-30: var(--scheme-cyan-600-30);
512
- --function-accent-600-50: var(--scheme-cyan-600-50);
513
- }
514
-
515
- [data-accent="blue"] {
516
- --function-accent-100: var(--scheme-blue-100);
517
- --function-accent-200: var(--scheme-blue-200);
518
- --function-accent-300: var(--scheme-blue-300);
519
- --function-accent-400: var(--scheme-blue-400);
520
- --function-accent-500: var(--scheme-blue-500);
521
- --function-accent-600: var(--scheme-blue-600);
522
- --function-accent-700: var(--scheme-blue-700);
523
- --function-accent-800: var(--scheme-blue-800);
524
- --function-accent-900: var(--scheme-blue-900);
525
- --function-accent-1000: var(--scheme-blue-1000);
526
- --function-accent-1100: var(--scheme-blue-1100);
527
- --function-accent-1200: var(--scheme-blue-1200);
528
-
529
- --function-accent-600-15: var(--scheme-blue-600-15);
530
- --function-accent-600-30: var(--scheme-blue-600-30);
531
- --function-accent-600-50: var(--scheme-blue-600-50);
532
- }
533
-
534
- [data-accent="indigo"] {
535
- --function-accent-100: var(--scheme-indigo-100);
536
- --function-accent-200: var(--scheme-indigo-200);
537
- --function-accent-300: var(--scheme-indigo-300);
538
- --function-accent-400: var(--scheme-indigo-400);
539
- --function-accent-500: var(--scheme-indigo-500);
540
- --function-accent-600: var(--scheme-indigo-600);
541
- --function-accent-700: var(--scheme-indigo-700);
542
- --function-accent-800: var(--scheme-indigo-800);
543
- --function-accent-900: var(--scheme-indigo-900);
544
- --function-accent-1000: var(--scheme-indigo-1000);
545
- --function-accent-1100: var(--scheme-indigo-1100);
546
- --function-accent-1200: var(--scheme-indigo-1200);
547
-
548
- --function-accent-600-15: var(--scheme-indigo-600-15);
549
- --function-accent-600-30: var(--scheme-indigo-600-30);
550
- --function-accent-600-50: var(--scheme-indigo-600-50);
551
- }
552
-
553
- [data-accent="violet"] {
554
- --function-accent-100: var(--scheme-violet-100);
555
- --function-accent-200: var(--scheme-violet-200);
556
- --function-accent-300: var(--scheme-violet-300);
557
- --function-accent-400: var(--scheme-violet-400);
558
- --function-accent-500: var(--scheme-violet-500);
559
- --function-accent-600: var(--scheme-violet-600);
560
- --function-accent-700: var(--scheme-violet-700);
561
- --function-accent-800: var(--scheme-violet-800);
562
- --function-accent-900: var(--scheme-violet-900);
563
- --function-accent-1000: var(--scheme-violet-1000);
564
- --function-accent-1100: var(--scheme-violet-1100);
565
- --function-accent-1200: var(--scheme-violet-1200);
566
-
567
- --function-accent-600-15: var(--scheme-violet-600-15);
568
- --function-accent-600-30: var(--scheme-violet-600-30);
569
- --function-accent-600-50: var(--scheme-violet-600-50);
570
- }
571
-
572
- [data-accent="magenta"] {
573
- --function-accent-100: var(--scheme-magenta-100);
574
- --function-accent-200: var(--scheme-magenta-200);
575
- --function-accent-300: var(--scheme-magenta-300);
576
- --function-accent-400: var(--scheme-magenta-400);
577
- --function-accent-500: var(--scheme-magenta-500);
578
- --function-accent-600: var(--scheme-magenta-600);
579
- --function-accent-700: var(--scheme-magenta-700);
580
- --function-accent-800: var(--scheme-magenta-800);
581
- --function-accent-900: var(--scheme-magenta-900);
582
- --function-accent-1000: var(--scheme-magenta-1000);
583
- --function-accent-1100: var(--scheme-magenta-1100);
584
- --function-accent-1200: var(--scheme-magenta-1200);
585
-
586
- --function-accent-600-15: var(--scheme-magenta-600-15);
587
- --function-accent-600-30: var(--scheme-magenta-600-30);
588
- --function-accent-600-50: var(--scheme-magenta-600-50);
589
- }
590
-
591
- [data-accent="pink"] {
592
- --function-accent-100: var(--scheme-pink-100);
593
- --function-accent-200: var(--scheme-pink-200);
594
- --function-accent-300: var(--scheme-pink-300);
595
- --function-accent-400: var(--scheme-pink-400);
596
- --function-accent-500: var(--scheme-pink-500);
597
- --function-accent-600: var(--scheme-pink-600);
598
- --function-accent-700: var(--scheme-pink-700);
599
- --function-accent-800: var(--scheme-pink-800);
600
- --function-accent-900: var(--scheme-pink-900);
601
- --function-accent-1000: var(--scheme-pink-1000);
602
- --function-accent-1100: var(--scheme-pink-1100);
603
- --function-accent-1200: var(--scheme-pink-1200);
604
-
605
- --function-accent-600-15: var(--scheme-pink-600-15);
606
- --function-accent-600-30: var(--scheme-pink-600-30);
607
- --function-accent-600-50: var(--scheme-pink-600-50);
608
- }
609
-
610
- /* neutral */
611
- [data-neutral="custom"] {
612
- --function-neutral-100: var(--scheme-neutral-100);
613
- --function-neutral-200: var(--scheme-neutral-200);
614
- --function-neutral-300: var(--scheme-neutral-300);
615
- --function-neutral-400: var(--scheme-neutral-400);
616
- --function-neutral-500: var(--scheme-neutral-500);
617
- --function-neutral-600: var(--scheme-neutral-600);
618
- --function-neutral-700: var(--scheme-neutral-700);
619
- --function-neutral-800: var(--scheme-neutral-800);
620
- --function-neutral-900: var(--scheme-neutral-900);
621
- --function-neutral-1000: var(--scheme-neutral-1000);
622
- --function-neutral-1100: var(--scheme-neutral-1100);
623
- --function-neutral-1200: var(--scheme-neutral-1200);
624
-
625
- --function-neutral-600-15: var(--scheme-neutral-600-15);
626
- --function-neutral-600-30: var(--scheme-neutral-600-30);
627
- --function-neutral-600-50: var(--scheme-neutral-600-50);
628
- }
629
-
630
- [data-neutral="slate"] {
631
- --function-neutral-100: var(--scheme-slate-100);
632
- --function-neutral-200: var(--scheme-slate-200);
633
- --function-neutral-300: var(--scheme-slate-300);
634
- --function-neutral-400: var(--scheme-slate-400);
635
- --function-neutral-500: var(--scheme-slate-500);
636
- --function-neutral-600: var(--scheme-slate-600);
637
- --function-neutral-700: var(--scheme-slate-700);
638
- --function-neutral-800: var(--scheme-slate-800);
639
- --function-neutral-900: var(--scheme-slate-900);
640
- --function-neutral-1000: var(--scheme-slate-1000);
641
- --function-neutral-1100: var(--scheme-slate-1100);
642
- --function-neutral-1200: var(--scheme-slate-1200);
643
-
644
- --function-neutral-600-15: var(--scheme-slate-600-15);
645
- --function-neutral-600-30: var(--scheme-slate-600-30);
646
- --function-neutral-600-50: var(--scheme-slate-600-50);
647
- }
648
-
649
- [data-neutral="gray"] {
650
- --function-neutral-100: var(--scheme-gray-100);
651
- --function-neutral-200: var(--scheme-gray-200);
652
- --function-neutral-300: var(--scheme-gray-300);
653
- --function-neutral-400: var(--scheme-gray-400);
654
- --function-neutral-500: var(--scheme-gray-500);
655
- --function-neutral-600: var(--scheme-gray-600);
656
- --function-neutral-700: var(--scheme-gray-700);
657
- --function-neutral-800: var(--scheme-gray-800);
658
- --function-neutral-900: var(--scheme-gray-900);
659
- --function-neutral-1000: var(--scheme-gray-1000);
660
- --function-neutral-1100: var(--scheme-gray-1100);
661
- --function-neutral-1200: var(--scheme-gray-1200);
662
-
663
- --function-neutral-600-15: var(--scheme-gray-600-15);
664
- --function-neutral-600-30: var(--scheme-gray-600-30);
665
- --function-neutral-600-50: var(--scheme-gray-600-50);
666
- }
667
-
668
- [data-neutral="rose"] {
669
- --function-neutral-100: var(--scheme-rose-100);
670
- --function-neutral-200: var(--scheme-rose-200);
671
- --function-neutral-300: var(--scheme-rose-300);
672
- --function-neutral-400: var(--scheme-rose-400);
673
- --function-neutral-500: var(--scheme-rose-500);
674
- --function-neutral-600: var(--scheme-rose-600);
675
- --function-neutral-700: var(--scheme-rose-700);
676
- --function-neutral-800: var(--scheme-rose-800);
677
- --function-neutral-900: var(--scheme-rose-900);
678
- --function-neutral-1000: var(--scheme-rose-1000);
679
- --function-neutral-1100: var(--scheme-rose-1100);
680
- --function-neutral-1200: var(--scheme-rose-1200);
681
-
682
- --function-neutral-600-15: var(--scheme-rose-600-15);
683
- --function-neutral-600-30: var(--scheme-rose-600-30);
684
- --function-neutral-600-50: var(--scheme-rose-600-50);
685
- }
686
-
687
- [data-neutral="mint"] {
688
- --function-neutral-100: var(--scheme-mint-100);
689
- --function-neutral-200: var(--scheme-mint-200);
690
- --function-neutral-300: var(--scheme-mint-300);
691
- --function-neutral-400: var(--scheme-mint-400);
692
- --function-neutral-500: var(--scheme-mint-500);
693
- --function-neutral-600: var(--scheme-mint-600);
694
- --function-neutral-700: var(--scheme-mint-700);
695
- --function-neutral-800: var(--scheme-mint-800);
696
- --function-neutral-900: var(--scheme-mint-900);
697
- --function-neutral-1000: var(--scheme-mint-1000);
698
- --function-neutral-1100: var(--scheme-mint-1100);
699
- --function-neutral-1200: var(--scheme-mint-1200);
700
-
701
- --function-neutral-600-15: var(--scheme-mint-600-15);
702
- --function-neutral-600-30: var(--scheme-mint-600-30);
703
- --function-neutral-600-50: var(--scheme-mint-600-50);
704
- }
705
-
706
- [data-neutral="dusk"] {
707
- --function-neutral-100: var(--scheme-dusk-100);
708
- --function-neutral-200: var(--scheme-dusk-200);
709
- --function-neutral-300: var(--scheme-dusk-300);
710
- --function-neutral-400: var(--scheme-dusk-400);
711
- --function-neutral-500: var(--scheme-dusk-500);
712
- --function-neutral-600: var(--scheme-dusk-600);
713
- --function-neutral-700: var(--scheme-dusk-700);
714
- --function-neutral-800: var(--scheme-dusk-800);
715
- --function-neutral-900: var(--scheme-dusk-900);
716
- --function-neutral-1000: var(--scheme-dusk-1000);
717
- --function-neutral-1100: var(--scheme-dusk-1100);
718
- --function-neutral-1200: var(--scheme-dusk-1200);
719
-
720
- --function-neutral-600-15: var(--scheme-dusk-600-15);
721
- --function-neutral-600-30: var(--scheme-dusk-600-30);
722
- --function-neutral-600-50: var(--scheme-dusk-600-50);
723
- }
724
-
725
- [data-neutral="sand"] {
726
- --function-neutral-100: var(--scheme-sand-100);
727
- --function-neutral-200: var(--scheme-sand-200);
728
- --function-neutral-300: var(--scheme-sand-300);
729
- --function-neutral-400: var(--scheme-sand-400);
730
- --function-neutral-500: var(--scheme-sand-500);
731
- --function-neutral-600: var(--scheme-sand-600);
732
- --function-neutral-700: var(--scheme-sand-700);
733
- --function-neutral-800: var(--scheme-sand-800);
734
- --function-neutral-900: var(--scheme-sand-900);
735
- --function-neutral-1000: var(--scheme-sand-1000);
736
- --function-neutral-1100: var(--scheme-sand-1100);
737
- --function-neutral-1200: var(--scheme-sand-1200);
738
-
739
- --function-neutral-600-15: var(--scheme-sand-600-15);
740
- --function-neutral-600-30: var(--scheme-sand-600-30);
741
- --function-neutral-600-50: var(--scheme-sand-600-50);
742
- }