@once-ui-system/core 1.8.3 → 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 (577) 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 +1 -1
  198. package/dist/components/CompareImage.d.ts.map +1 -1
  199. package/dist/components/CompareImage.js +2 -2
  200. package/dist/components/CompareImage.js.map +1 -1
  201. package/dist/components/DateInput.d.ts.map +1 -1
  202. package/dist/components/DateInput.js +10 -1
  203. package/dist/components/DateInput.js.map +1 -1
  204. package/dist/components/DatePicker.d.ts +2 -2
  205. package/dist/components/DatePicker.d.ts.map +1 -1
  206. package/dist/components/DatePicker.js +21 -14
  207. package/dist/components/DatePicker.js.map +1 -1
  208. package/dist/components/DateRangeInput.js +3 -3
  209. package/dist/components/DateRangeInput.js.map +1 -1
  210. package/dist/components/Dialog.d.ts +1 -1
  211. package/dist/components/Dialog.d.ts.map +1 -1
  212. package/dist/components/Dialog.js +14 -14
  213. package/dist/components/Dialog.js.map +1 -1
  214. package/dist/components/DropdownWrapper.d.ts +8 -3
  215. package/dist/components/DropdownWrapper.d.ts.map +1 -1
  216. package/dist/components/DropdownWrapper.js +17 -6
  217. package/dist/components/DropdownWrapper.js.map +1 -1
  218. package/dist/components/Effect.d.ts +41 -0
  219. package/dist/components/Effect.d.ts.map +1 -0
  220. package/dist/components/Effect.js +30 -0
  221. package/dist/components/Effect.js.map +1 -0
  222. package/dist/components/ElementType.d.ts +2 -1
  223. package/dist/components/ElementType.d.ts.map +1 -1
  224. package/dist/components/ElementType.js +4 -2
  225. package/dist/components/ElementType.js.map +1 -1
  226. package/dist/components/EmojiPicker.d.ts +1 -1
  227. package/dist/components/EmojiPicker.d.ts.map +1 -1
  228. package/dist/components/EmojiPicker.js +1 -1
  229. package/dist/components/EmojiPicker.js.map +1 -1
  230. package/dist/components/FadingLettersFx.d.ts +1 -1
  231. package/dist/components/FadingLettersFx.d.ts.map +1 -1
  232. package/dist/components/Feedback.d.ts +1 -1
  233. package/dist/components/Feedback.d.ts.map +1 -1
  234. package/dist/components/Feedback.js +2 -2
  235. package/dist/components/Feedback.js.map +1 -1
  236. package/dist/components/Flex.d.ts.map +1 -1
  237. package/dist/components/Flex.js +46 -5
  238. package/dist/components/Flex.js.map +1 -1
  239. package/dist/components/Heading.d.ts +1 -1
  240. package/dist/components/Icon.d.ts.map +1 -1
  241. package/dist/components/Icon.js.map +1 -1
  242. package/dist/components/IconButton.d.ts +1 -1
  243. package/dist/components/IconButton.d.ts.map +1 -1
  244. package/dist/components/IconButton.js +4 -4
  245. package/dist/components/IconButton.js.map +1 -1
  246. package/dist/components/InfiniteScroll.d.ts +1 -1
  247. package/dist/components/InfiniteScroll.d.ts.map +1 -1
  248. package/dist/components/InfoTip.d.ts +17 -0
  249. package/dist/components/InfoTip.d.ts.map +1 -0
  250. package/dist/components/InfoTip.js +12 -0
  251. package/dist/components/InfoTip.js.map +1 -0
  252. package/dist/components/Input.d.ts +11 -5
  253. package/dist/components/Input.d.ts.map +1 -1
  254. package/dist/components/Input.js +32 -16
  255. package/dist/components/Input.js.map +1 -1
  256. package/dist/components/Input.module.scss +313 -1
  257. package/dist/components/InteractiveDetails.d.ts.map +1 -1
  258. package/dist/components/InteractiveDetails.js +1 -1
  259. package/dist/components/InteractiveDetails.js.map +1 -1
  260. package/dist/components/Kbd.d.ts.map +1 -1
  261. package/dist/components/Kbd.js +4 -1
  262. package/dist/components/Kbd.js.map +1 -1
  263. package/dist/components/Logo.d.ts +16 -4
  264. package/dist/components/Logo.d.ts.map +1 -1
  265. package/dist/components/Logo.js +32 -14
  266. package/dist/components/Logo.js.map +1 -1
  267. package/dist/components/Media.d.ts +9 -2
  268. package/dist/components/Media.d.ts.map +1 -1
  269. package/dist/components/Media.js +25 -16
  270. package/dist/components/Media.js.map +1 -1
  271. package/dist/components/MediaAudioPlayer.d.ts +29 -0
  272. package/dist/components/MediaAudioPlayer.d.ts.map +1 -0
  273. package/dist/components/MediaAudioPlayer.js +115 -0
  274. package/dist/components/MediaAudioPlayer.js.map +1 -0
  275. package/dist/components/MediaAudioPlayer.module.scss +38 -0
  276. package/dist/components/Modal.d.ts +1 -1
  277. package/dist/components/Modal.d.ts.map +1 -1
  278. package/dist/components/Modal.js +10 -10
  279. package/dist/components/Modal.js.map +1 -1
  280. package/dist/components/NavGroup.d.ts +33 -0
  281. package/dist/components/NavGroup.d.ts.map +1 -0
  282. package/dist/components/NavGroup.js +27 -0
  283. package/dist/components/NavGroup.js.map +1 -0
  284. package/dist/components/NavIcon.d.ts +1 -1
  285. package/dist/components/NavIcon.d.ts.map +1 -1
  286. package/dist/components/NavIcon.js +2 -2
  287. package/dist/components/NavIcon.js.map +1 -1
  288. package/dist/components/NavItem.d.ts +24 -0
  289. package/dist/components/NavItem.d.ts.map +1 -0
  290. package/dist/components/NavItem.js +18 -0
  291. package/dist/components/NavItem.js.map +1 -0
  292. package/dist/components/NumberInput.js +1 -1
  293. package/dist/components/NumberInput.js.map +1 -1
  294. package/dist/components/OgCard.d.ts +1 -1
  295. package/dist/components/OgCard.js +3 -3
  296. package/dist/components/OgCard.js.map +1 -1
  297. package/dist/components/Option.d.ts +3 -3
  298. package/dist/components/Option.d.ts.map +1 -1
  299. package/dist/components/Option.js +2 -2
  300. package/dist/components/Option.js.map +1 -1
  301. package/dist/components/Particle.d.ts +2 -2
  302. package/dist/components/Particle.d.ts.map +1 -1
  303. package/dist/components/PasswordInput.d.ts.map +1 -1
  304. package/dist/components/PasswordInput.js +2 -2
  305. package/dist/components/PasswordInput.js.map +1 -1
  306. package/dist/components/ProgressBar.d.ts +1 -1
  307. package/dist/components/ProgressBar.d.ts.map +1 -1
  308. package/dist/components/ProgressBar.js +2 -2
  309. package/dist/components/ProgressBar.js.map +1 -1
  310. package/dist/components/Pulse.d.ts +1 -1
  311. package/dist/components/Pulse.d.ts.map +1 -1
  312. package/dist/components/Pulse.js +2 -2
  313. package/dist/components/Pulse.js.map +1 -1
  314. package/dist/components/RadioButton.d.ts +2 -2
  315. package/dist/components/RadioButton.d.ts.map +1 -1
  316. package/dist/components/RadioButton.js +1 -1
  317. package/dist/components/RadioButton.js.map +1 -1
  318. package/dist/components/RevealFx.d.ts +2 -1
  319. package/dist/components/RevealFx.d.ts.map +1 -1
  320. package/dist/components/RevealFx.js +8 -8
  321. package/dist/components/RevealFx.js.map +1 -1
  322. package/dist/components/ScrollContainer.d.ts.map +1 -1
  323. package/dist/components/ScrollContainer.js +1 -1
  324. package/dist/components/ScrollContainer.js.map +1 -1
  325. package/dist/components/ScrollToTop.d.ts +1 -1
  326. package/dist/components/Scrubber.d.ts +70 -0
  327. package/dist/components/Scrubber.d.ts.map +1 -0
  328. package/dist/components/Scrubber.js +161 -0
  329. package/dist/components/Scrubber.js.map +1 -0
  330. package/dist/components/SegmentedControl.d.ts +4 -4
  331. package/dist/components/SegmentedControl.d.ts.map +1 -1
  332. package/dist/components/SegmentedControl.js +11 -11
  333. package/dist/components/SegmentedControl.js.map +1 -1
  334. package/dist/components/Select.d.ts.map +1 -1
  335. package/dist/components/Select.js +48 -15
  336. package/dist/components/Select.js.map +1 -1
  337. package/dist/components/ServerFlex.d.ts +0 -1
  338. package/dist/components/ServerFlex.d.ts.map +1 -1
  339. package/dist/components/ServerFlex.js +99 -52
  340. package/dist/components/ServerFlex.js.map +1 -1
  341. package/dist/components/ServerGrid.d.ts +0 -1
  342. package/dist/components/ServerGrid.d.ts.map +1 -1
  343. package/dist/components/ServerGrid.js +11 -9
  344. package/dist/components/ServerGrid.js.map +1 -1
  345. package/dist/components/Setting.d.ts +50 -0
  346. package/dist/components/Setting.d.ts.map +1 -0
  347. package/dist/components/Setting.js +43 -0
  348. package/dist/components/Setting.js.map +1 -0
  349. package/dist/components/ShineFx.d.ts +1 -0
  350. package/dist/components/ShineFx.d.ts.map +1 -1
  351. package/dist/components/ShineFx.js +2 -2
  352. package/dist/components/ShineFx.js.map +1 -1
  353. package/dist/components/Skeleton.d.ts +16 -3
  354. package/dist/components/Skeleton.d.ts.map +1 -1
  355. package/dist/components/Skeleton.js +2 -2
  356. package/dist/components/Skeleton.js.map +1 -1
  357. package/dist/components/Skeleton.module.scss +14 -51
  358. package/dist/components/SplitView.d.ts +23 -3
  359. package/dist/components/SplitView.d.ts.map +1 -1
  360. package/dist/components/SplitView.js +90 -58
  361. package/dist/components/SplitView.js.map +1 -1
  362. package/dist/components/StyleOverlay.d.ts.map +1 -1
  363. package/dist/components/StyleOverlay.js +1 -1
  364. package/dist/components/StyleOverlay.js.map +1 -1
  365. package/dist/components/StylePanel.d.ts +47 -6
  366. package/dist/components/StylePanel.d.ts.map +1 -1
  367. package/dist/components/StylePanel.js +16 -189
  368. package/dist/components/StylePanel.js.map +1 -1
  369. package/dist/components/StylePanel.module.scss +6 -1
  370. package/dist/components/StylePanelSections.d.ts +117 -0
  371. package/dist/components/StylePanelSections.d.ts.map +1 -0
  372. package/dist/components/StylePanelSections.js +175 -0
  373. package/dist/components/StylePanelSections.js.map +1 -0
  374. package/dist/components/Swiper.d.ts +7 -1
  375. package/dist/components/Swiper.d.ts.map +1 -1
  376. package/dist/components/Swiper.js +7 -7
  377. package/dist/components/Swiper.js.map +1 -1
  378. package/dist/components/Switch.d.ts +2 -2
  379. package/dist/components/Switch.d.ts.map +1 -1
  380. package/dist/components/Switch.js +4 -4
  381. package/dist/components/Switch.js.map +1 -1
  382. package/dist/components/Table.d.ts +1 -1
  383. package/dist/components/Table.d.ts.map +1 -1
  384. package/dist/components/Table.js +2 -2
  385. package/dist/components/Table.js.map +1 -1
  386. package/dist/components/Tag.d.ts +1 -1
  387. package/dist/components/Tag.d.ts.map +1 -1
  388. package/dist/components/Tag.js +2 -2
  389. package/dist/components/Tag.js.map +1 -1
  390. package/dist/components/Text.d.ts +1 -1
  391. package/dist/components/Textarea.d.ts +15 -5
  392. package/dist/components/Textarea.d.ts.map +1 -1
  393. package/dist/components/Textarea.js +31 -17
  394. package/dist/components/Textarea.js.map +1 -1
  395. package/dist/components/ThemeInit.d.ts.map +1 -1
  396. package/dist/components/ThemeInit.js +6 -4
  397. package/dist/components/ThemeInit.js.map +1 -1
  398. package/dist/components/ThemeSwitcher.d.ts +14 -1
  399. package/dist/components/ThemeSwitcher.d.ts.map +1 -1
  400. package/dist/components/ThemeSwitcher.js +19 -9
  401. package/dist/components/ThemeSwitcher.js.map +1 -1
  402. package/dist/components/ThemeSwitcher.module.scss +54 -0
  403. package/dist/components/Toast.d.ts +1 -1
  404. package/dist/components/Toast.d.ts.map +1 -1
  405. package/dist/components/Toast.js +2 -2
  406. package/dist/components/Toast.js.map +1 -1
  407. package/dist/components/ToggleButton.d.ts +9 -2
  408. package/dist/components/ToggleButton.d.ts.map +1 -1
  409. package/dist/components/ToggleButton.js +5 -5
  410. package/dist/components/ToggleButton.js.map +1 -1
  411. package/dist/components/User.js +1 -1
  412. package/dist/components/User.js.map +1 -1
  413. package/dist/components/index.d.ts +7 -0
  414. package/dist/components/index.d.ts.map +1 -1
  415. package/dist/components/index.js +7 -0
  416. package/dist/components/index.js.map +1 -1
  417. package/dist/contexts/AdapterProvider.d.ts +50 -0
  418. package/dist/contexts/AdapterProvider.d.ts.map +1 -0
  419. package/dist/contexts/AdapterProvider.js +91 -0
  420. package/dist/contexts/AdapterProvider.js.map +1 -0
  421. package/dist/contexts/DataThemeProvider.d.ts +1 -1
  422. package/dist/contexts/DataThemeProvider.d.ts.map +1 -1
  423. package/dist/contexts/IconProvider.d.ts +3 -3
  424. package/dist/contexts/IconProvider.d.ts.map +1 -1
  425. package/dist/contexts/IconProvider.js +2 -2
  426. package/dist/contexts/IconProvider.js.map +1 -1
  427. package/dist/contexts/LayoutProvider.d.ts +0 -2
  428. package/dist/contexts/LayoutProvider.d.ts.map +1 -1
  429. package/dist/contexts/LayoutProvider.js +15 -10
  430. package/dist/contexts/LayoutProvider.js.map +1 -1
  431. package/dist/contexts/ThemeProvider.d.ts +29 -1
  432. package/dist/contexts/ThemeProvider.d.ts.map +1 -1
  433. package/dist/contexts/ThemeProvider.js +42 -15
  434. package/dist/contexts/ThemeProvider.js.map +1 -1
  435. package/dist/contexts/index.d.ts +3 -2
  436. package/dist/contexts/index.d.ts.map +1 -1
  437. package/dist/contexts/index.js +3 -2
  438. package/dist/contexts/index.js.map +1 -1
  439. package/dist/css/styles.css +1 -1
  440. package/dist/css/tokens.css +1 -1
  441. package/dist/data/emoji-data.json +0 -10
  442. package/dist/hooks/index.d.ts +0 -1
  443. package/dist/hooks/index.d.ts.map +1 -1
  444. package/dist/hooks/index.js +0 -1
  445. package/dist/hooks/index.js.map +1 -1
  446. package/dist/icons/ATTRIBUTION.md +19 -0
  447. package/dist/icons/data.d.ts +1919 -0
  448. package/dist/icons/data.d.ts.map +1 -0
  449. package/dist/icons/data.js +102 -0
  450. package/dist/icons/data.js.map +1 -0
  451. package/dist/icons/renderIcon.d.ts +26 -0
  452. package/dist/icons/renderIcon.d.ts.map +1 -0
  453. package/dist/icons/renderIcon.js +22 -0
  454. package/dist/icons/renderIcon.js.map +1 -0
  455. package/dist/icons.d.ts +35 -4
  456. package/dist/icons.d.ts.map +1 -1
  457. package/dist/icons.js +13 -60
  458. package/dist/icons.js.map +1 -1
  459. package/dist/modules/code/CodeBlock.impl.d.ts +2 -1
  460. package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
  461. package/dist/modules/code/CodeBlock.impl.js +7 -2
  462. package/dist/modules/code/CodeBlock.impl.js.map +1 -1
  463. package/dist/modules/data/ChartHeader.d.ts.map +1 -1
  464. package/dist/modules/data/ChartHeader.js +1 -1
  465. package/dist/modules/data/ChartHeader.js.map +1 -1
  466. package/dist/modules/data/DataTooltip.d.ts +1 -1
  467. package/dist/modules/data/DataTooltip.d.ts.map +1 -1
  468. package/dist/modules/data/DataTooltip.js +2 -2
  469. package/dist/modules/data/DataTooltip.js.map +1 -1
  470. package/dist/modules/data/LinearGauge.d.ts +4 -3
  471. package/dist/modules/data/LinearGauge.d.ts.map +1 -1
  472. package/dist/modules/data/LinearGauge.js +1 -1
  473. package/dist/modules/data/LinearGauge.js.map +1 -1
  474. package/dist/modules/data/PieChart.impl.d.ts +1 -1
  475. package/dist/modules/data/PieChart.impl.d.ts.map +1 -1
  476. package/dist/modules/data/PieChart.impl.js +4 -1
  477. package/dist/modules/data/PieChart.impl.js.map +1 -1
  478. package/dist/modules/data/RadialGauge.d.ts +4 -3
  479. package/dist/modules/data/RadialGauge.d.ts.map +1 -1
  480. package/dist/modules/data/RadialGauge.js +1 -1
  481. package/dist/modules/data/RadialGauge.js.map +1 -1
  482. package/dist/modules/data/interfaces.d.ts +12 -3
  483. package/dist/modules/data/interfaces.d.ts.map +1 -1
  484. package/dist/modules/index.d.ts +1 -4
  485. package/dist/modules/index.d.ts.map +1 -1
  486. package/dist/modules/index.js +9 -3
  487. package/dist/modules/index.js.map +1 -1
  488. package/dist/modules/media/MediaUpload.impl.d.ts +1 -1
  489. package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
  490. package/dist/modules/media/MediaUpload.impl.js +1 -1
  491. package/dist/modules/media/MediaUpload.impl.js.map +1 -1
  492. package/dist/modules/navigation/Kbar.d.ts +5 -4
  493. package/dist/modules/navigation/Kbar.d.ts.map +1 -1
  494. package/dist/modules/navigation/Kbar.js +32 -35
  495. package/dist/modules/navigation/Kbar.js.map +1 -1
  496. package/dist/modules/navigation/MegaMenu.d.ts +5 -3
  497. package/dist/modules/navigation/MegaMenu.d.ts.map +1 -1
  498. package/dist/modules/navigation/MegaMenu.js +24 -12
  499. package/dist/modules/navigation/MegaMenu.js.map +1 -1
  500. package/dist/modules/navigation/MobileMegaMenu.d.ts +3 -2
  501. package/dist/modules/navigation/MobileMegaMenu.d.ts.map +1 -1
  502. package/dist/modules/navigation/MobileMegaMenu.js +1 -1
  503. package/dist/modules/navigation/MobileMegaMenu.js.map +1 -1
  504. package/dist/modules/seo/Meta.d.ts +40 -2
  505. package/dist/modules/seo/Meta.d.ts.map +1 -1
  506. package/dist/modules/seo/Meta.js.map +1 -1
  507. package/dist/modules/seo/Schema.d.ts +2 -1
  508. package/dist/modules/seo/Schema.d.ts.map +1 -1
  509. package/dist/modules/seo/Schema.js +1 -2
  510. package/dist/modules/seo/Schema.js.map +1 -1
  511. package/dist/next/index.d.ts +35 -0
  512. package/dist/next/index.d.ts.map +1 -0
  513. package/dist/next/index.js +56 -0
  514. package/dist/next/index.js.map +1 -0
  515. package/dist/package.json +52 -7
  516. package/dist/scripts/init-agent.js +156 -0
  517. package/dist/scripts/validate-ai-code.js +213 -0
  518. package/dist/server/og-utils.d.ts +9 -3
  519. package/dist/server/og-utils.d.ts.map +1 -1
  520. package/dist/server/og-utils.js +15 -9
  521. package/dist/server/og-utils.js.map +1 -1
  522. package/dist/styles/breakpoints.scss +16 -5
  523. package/dist/test/setup.js +21 -0
  524. package/dist/test/setup.js.map +1 -1
  525. package/dist/types.d.ts +13 -1
  526. package/dist/types.d.ts.map +1 -1
  527. package/dist/types.js.map +1 -1
  528. package/dist/utils/colorScheme.d.ts +35 -0
  529. package/dist/utils/colorScheme.d.ts.map +1 -0
  530. package/dist/utils/colorScheme.js +140 -0
  531. package/dist/utils/colorScheme.js.map +1 -0
  532. package/dist/utils/index.d.ts +2 -0
  533. package/dist/utils/index.d.ts.map +1 -1
  534. package/dist/utils/index.js +2 -0
  535. package/dist/utils/index.js.map +1 -1
  536. package/dist/utils/navMatch.d.ts +21 -0
  537. package/dist/utils/navMatch.d.ts.map +1 -0
  538. package/dist/utils/navMatch.js +26 -0
  539. package/dist/utils/navMatch.js.map +1 -0
  540. package/package.json +66 -11
  541. package/scripts/validate-ai-code.js +74 -10
  542. package/dist/css/styles.css.map +0 -1
  543. package/dist/css/tokens.css.map +0 -1
  544. package/dist/hooks/useResponsiveClasses.d.ts +0 -9
  545. package/dist/hooks/useResponsiveClasses.d.ts.map +0 -1
  546. package/dist/hooks/useResponsiveClasses.js +0 -293
  547. package/dist/hooks/useResponsiveClasses.js.map +0 -1
  548. package/dist/styles/background.scss +0 -423
  549. package/dist/styles/border.scss +0 -546
  550. package/dist/styles/color.scss +0 -183
  551. package/dist/styles/display.scss +0 -391
  552. package/dist/styles/flex.scss +0 -518
  553. package/dist/styles/global.scss +0 -36
  554. package/dist/styles/grid.scss +0 -293
  555. package/dist/styles/index.scss +0 -14
  556. package/dist/styles/position.scss +0 -1549
  557. package/dist/styles/shadow.scss +0 -19
  558. package/dist/styles/size.scss +0 -53
  559. package/dist/styles/spacing.scss +0 -1505
  560. package/dist/styles/typography.scss +0 -223
  561. package/dist/styles/utilities.scss +0 -23
  562. package/dist/tokens/border.scss +0 -95
  563. package/dist/tokens/data.scss +0 -107
  564. package/dist/tokens/function.scss +0 -742
  565. package/dist/tokens/index.scss +0 -8
  566. package/dist/tokens/layout.scss +0 -275
  567. package/dist/tokens/scheme.scss +0 -352
  568. package/dist/tokens/shadow.scss +0 -7
  569. package/dist/tokens/theme.scss +0 -657
  570. package/dist/tokens/typography.scss +0 -118
  571. package/next-env.d.ts +0 -5
  572. package/scripts/copy-files.js +0 -103
  573. package/scripts/generate-ai-spec.js +0 -464
  574. package/scripts/generate-emoji-data.js +0 -128
  575. package/scss.d.ts +0 -4
  576. package/tsconfig.vitest.json +0 -20
  577. package/vitest.config.ts +0 -19
package/dist/styles/spacing.scss DELETED
@@ -1,1505 +0,0 @@
1
- /****************************/
2
- /* MARGIN */
3
- /****************************/
4
-
5
- /* EVEN */
6
- .m-0 {
7
- margin: var(--static-space-0);
8
- }
9
-
10
- .m-1 {
11
- margin: var(--static-space-1);
12
- }
13
-
14
- .m-2 {
15
- margin: var(--static-space-2);
16
- }
17
-
18
- .m-4 {
19
- margin: var(--static-space-4);
20
- }
21
-
22
- .m-8 {
23
- margin: var(--static-space-8);
24
- }
25
-
26
- .m-12 {
27
- margin: var(--static-space-12);
28
- }
29
-
30
- .m-16 {
31
- margin: var(--static-space-16);
32
- }
33
-
34
- .m-20 {
35
- margin: var(--static-space-20);
36
- }
37
-
38
- .m-24 {
39
- margin: var(--static-space-24);
40
- }
41
-
42
- .m-32 {
43
- margin: var(--static-space-32);
44
- }
45
-
46
- .m-40 {
47
- margin: var(--static-space-40);
48
- }
49
-
50
- .m-48 {
51
- margin: var(--static-space-48);
52
- }
53
-
54
- .m-56 {
55
- margin: var(--static-space-56);
56
- }
57
-
58
- .m-64 {
59
- margin: var(--static-space-64);
60
- }
61
-
62
- .m-80 {
63
- margin: var(--static-space-80);
64
- }
65
-
66
- .m-104 {
67
- margin: var(--static-space-104);
68
- }
69
-
70
- .m-128 {
71
- margin: var(--static-space-128);
72
- }
73
-
74
- .m-160 {
75
- margin: var(--static-space-160);
76
- }
77
-
78
- .m-xs {
79
- margin: var(--responsive-space-xs);
80
- }
81
-
82
- .m-s {
83
- margin: var(--responsive-space-s);
84
- }
85
-
86
- .m-m {
87
- margin: var(--responsive-space-m);
88
- }
89
-
90
- .m-l {
91
- margin: var(--responsive-space-l);
92
- }
93
-
94
- .m-xl {
95
- margin: var(--responsive-space-xl);
96
- }
97
-
98
- /* X */
99
- .mx-0 {
100
- margin-left: var(--static-space-0);
101
- margin-right: var(--static-space-0);
102
- }
103
-
104
- .mx-1 {
105
- margin-left: var(--static-space-1);
106
- margin-right: var(--static-space-1);
107
- }
108
-
109
- .mx-2 {
110
- margin-left: var(--static-space-2);
111
- margin-right: var(--static-space-2);
112
- }
113
-
114
- .mx-4 {
115
- margin-left: var(--static-space-4);
116
- margin-right: var(--static-space-4);
117
- }
118
-
119
- .mx-8 {
120
- margin-left: var(--static-space-8);
121
- margin-right: var(--static-space-8);
122
- }
123
-
124
- .mx-12 {
125
- margin-left: var(--static-space-12);
126
- margin-right: var(--static-space-12);
127
- }
128
-
129
- .mx-16 {
130
- margin-left: var(--static-space-16);
131
- margin-right: var(--static-space-16);
132
- }
133
-
134
- .mx-20 {
135
- margin-left: var(--static-space-20);
136
- margin-right: var(--static-space-20);
137
- }
138
-
139
- .mx-24 {
140
- margin-left: var(--static-space-24);
141
- margin-right: var(--static-space-24);
142
- }
143
-
144
- .mx-32 {
145
- margin-left: var(--static-space-32);
146
- margin-right: var(--static-space-32);
147
- }
148
-
149
- .mx-40 {
150
- margin-left: var(--static-space-40);
151
- margin-right: var(--static-space-40);
152
- }
153
-
154
- .mx-64 {
155
- margin-left: var(--static-space-64);
156
- margin-right: var(--static-space-64);
157
- }
158
-
159
- .mx-80 {
160
- margin-left: var(--static-space-80);
161
- margin-right: var(--static-space-80);
162
- }
163
-
164
- .mx-104 {
165
- margin-left: var(--static-space-104);
166
- margin-right: var(--static-space-104);
167
- }
168
-
169
- .mx-128 {
170
- margin-left: var(--static-space-128);
171
- margin-right: var(--static-space-128);
172
- }
173
-
174
- .mx-160 {
175
- margin-left: var(--static-space-160);
176
- margin-right: var(--static-space-160);
177
- }
178
-
179
- .mx-xs {
180
- margin-left: var(--responsive-space-xs);
181
- margin-right: var(--responsive-space-xs);
182
- }
183
-
184
- .mx-s {
185
- margin-left: var(--responsive-space-s);
186
- margin-right: var(--responsive-space-s);
187
- }
188
-
189
- .mx-m {
190
- margin-left: var(--responsive-space-m);
191
- margin-right: var(--responsive-space-m);
192
- }
193
-
194
- .mx-l {
195
- margin-left: var(--responsive-space-l);
196
- margin-right: var(--responsive-space-l);
197
- }
198
-
199
- .mx-xl {
200
- margin-left: var(--responsive-space-xl);
201
- margin-right: var(--responsive-space-xl);
202
- }
203
-
204
- /* Y */
205
- .my-0 {
206
- margin-top: var(--static-space-0);
207
- margin-bottom: var(--static-space-0);
208
- }
209
-
210
- .my-1 {
211
- margin-top: var(--static-space-1);
212
- margin-bottom: var(--static-space-1);
213
- }
214
-
215
- .my-2 {
216
- margin-top: var(--static-space-2);
217
- margin-bottom: var(--static-space-2);
218
- }
219
-
220
- .my-4 {
221
- margin-top: var(--static-space-4);
222
- margin-bottom: var(--static-space-4);
223
- }
224
-
225
- .my-8 {
226
- margin-top: var(--static-space-8);
227
- margin-bottom: var(--static-space-8);
228
- }
229
-
230
- .my-12 {
231
- margin-top: var(--static-space-12);
232
- margin-bottom: var(--static-space-12);
233
- }
234
-
235
- .my-16 {
236
- margin-top: var(--static-space-16);
237
- margin-bottom: var(--static-space-16);
238
- }
239
-
240
- .my-20 {
241
- margin-top: var(--static-space-20);
242
- margin-bottom: var(--static-space-20);
243
- }
244
-
245
- .my-24 {
246
- margin-top: var(--static-space-24);
247
- margin-bottom: var(--static-space-24);
248
- }
249
-
250
- .my-32 {
251
- margin-top: var(--static-space-32);
252
- margin-bottom: var(--static-space-32);
253
- }
254
-
255
- .my-40 {
256
- margin-top: var(--static-space-40);
257
- margin-bottom: var(--static-space-40);
258
- }
259
-
260
- .my-48 {
261
- margin-top: var(--static-space-48);
262
- margin-bottom: var(--static-space-48);
263
- }
264
-
265
- .my-56 {
266
- margin-top: var(--static-space-56);
267
- margin-bottom: var(--static-space-56);
268
- }
269
-
270
- .my-64 {
271
- margin-top: var(--static-space-64);
272
- margin-bottom: var(--static-space-64);
273
- }
274
-
275
- .my-80 {
276
- margin-top: var(--static-space-80);
277
- margin-bottom: var(--static-space-80);
278
- }
279
-
280
- .my-104 {
281
- margin-top: var(--static-space-104);
282
- margin-bottom: var(--static-space-104);
283
- }
284
-
285
- .my-128 {
286
- margin-top: var(--static-space-128);
287
- margin-bottom: var(--static-space-128);
288
- }
289
-
290
- .my-160 {
291
- margin-top: var(--static-space-160);
292
- margin-bottom: var(--static-space-160);
293
- }
294
-
295
- .my-xs {
296
- margin-top: var(--responsive-space-xs);
297
- margin-bottom: var(--responsive-space-xs);
298
- }
299
-
300
- .my-s {
301
- margin-top: var(--responsive-space-s);
302
- margin-bottom: var(--responsive-space-s);
303
- }
304
-
305
- .my-m {
306
- margin-top: var(--responsive-space-m);
307
- margin-bottom: var(--responsive-space-m);
308
- }
309
-
310
- .my-l {
311
- margin-top: var(--responsive-space-l);
312
- margin-bottom: var(--responsive-space-l);
313
- }
314
-
315
- .my-xl {
316
- margin-top: var(--responsive-space-xl);
317
- margin-bottom: var(--responsive-space-xl);
318
- }
319
-
320
- /* TOP */
321
- .mt-0 {
322
- margin-top: var(--static-space-0);
323
- }
324
-
325
- .mt-1 {
326
- margin-top: var(--static-space-1);
327
- }
328
-
329
- .mt-2 {
330
- margin-top: var(--static-space-2);
331
- }
332
-
333
- .mt-4 {
334
- margin-top: var(--static-space-4);
335
- }
336
-
337
- .mt-8 {
338
- margin-top: var(--static-space-8);
339
- }
340
-
341
- .mt-12 {
342
- margin-top: var(--static-space-12);
343
- }
344
-
345
- .mt-16 {
346
- margin-top: var(--static-space-16);
347
- }
348
-
349
- .mt-20 {
350
- margin-top: var(--static-space-20);
351
- }
352
-
353
- .mt-24 {
354
- margin-top: var(--static-space-24);
355
- }
356
-
357
- .mt-32 {
358
- margin-top: var(--static-space-32);
359
- }
360
-
361
- .mt-40 {
362
- margin-top: var(--static-space-40);
363
- }
364
-
365
- .mt-48 {
366
- margin-top: var(--static-space-48);
367
- }
368
-
369
- .mt-56 {
370
- margin-top: var(--static-space-56);
371
- }
372
-
373
- .mt-64 {
374
- margin-top: var(--static-space-64);
375
- }
376
-
377
- .mt-80 {
378
- margin-top: var(--static-space-80);
379
- }
380
-
381
- .mt-104 {
382
- margin-top: var(--static-space-104);
383
- }
384
-
385
- .mt-128 {
386
- margin-top: var(--static-space-128);
387
- }
388
-
389
- .mt-160 {
390
- margin-top: var(--static-space-160);
391
- }
392
-
393
- .mt-xs {
394
- margin-top: var(--responsive-space-xs);
395
- }
396
-
397
- .mt-s {
398
- margin-top: var(--responsive-space-s);
399
- }
400
-
401
- .mt-m {
402
- margin-top: var(--responsive-space-m);
403
- }
404
-
405
- .mt-l {
406
- margin-top: var(--responsive-space-l);
407
- }
408
-
409
- .mt-xl {
410
- margin-top: var(--responsive-space-xl);
411
- }
412
-
413
- /* RIGHT */
414
- .mr-0 {
415
- margin-right: var(--static-space-0);
416
- }
417
-
418
- .mr-1 {
419
- margin-right: var(--static-space-1);
420
- }
421
-
422
- .mr-2 {
423
- margin-right: var(--static-space-2);
424
- }
425
-
426
- .mr-4 {
427
- margin-right: var(--static-space-4);
428
- }
429
-
430
- .mr-8 {
431
- margin-right: var(--static-space-8);
432
- }
433
-
434
- .mr-12 {
435
- margin-right: var(--static-space-12);
436
- }
437
-
438
- .mr-16 {
439
- margin-right: var(--static-space-16);
440
- }
441
-
442
- .mr-20 {
443
- margin-right: var(--static-space-20);
444
- }
445
-
446
- .mr-24 {
447
- margin-right: var(--static-space-24);
448
- }
449
-
450
- .mr-32 {
451
- margin-right: var(--static-space-32);
452
- }
453
-
454
- .mr-40 {
455
- margin-right: var(--static-space-40);
456
- }
457
-
458
- .mr-48 {
459
- margin-right: var(--static-space-48);
460
- }
461
-
462
- .mr-56 {
463
- margin-right: var(--static-space-56);
464
- }
465
-
466
- .mr-64 {
467
- margin-right: var(--static-space-64);
468
- }
469
-
470
- .mr-80 {
471
- margin-right: var(--static-space-80);
472
- }
473
-
474
- .mr-104 {
475
- margin-right: var(--static-space-104);
476
- }
477
-
478
- .mr-128 {
479
- margin-right: var(--static-space-128);
480
- }
481
-
482
- .mr-160 {
483
- margin-right: var(--static-space-160);
484
- }
485
-
486
- .mr-xs {
487
- margin-right: var(--responsive-space-xs);
488
- }
489
-
490
- .mr-s {
491
- margin-right: var(--responsive-space-s);
492
- }
493
-
494
- .mr-m {
495
- margin-right: var(--responsive-space-m);
496
- }
497
-
498
- .mr-l {
499
- margin-right: var(--responsive-space-l);
500
- }
501
-
502
- .mr-xl {
503
- margin-right: var(--responsive-space-xl);
504
- }
505
-
506
- /* BOTTOM */
507
- .mb-0 {
508
- margin-bottom: var(--static-space-0);
509
- }
510
-
511
- .mb-1 {
512
- margin-bottom: var(--static-space-1);
513
- }
514
-
515
- .mb-2 {
516
- margin-bottom: var(--static-space-2);
517
- }
518
-
519
- .mb-4 {
520
- margin-bottom: var(--static-space-4);
521
- }
522
-
523
- .mb-8 {
524
- margin-bottom: var(--static-space-8);
525
- }
526
-
527
- .mb-12 {
528
- margin-bottom: var(--static-space-12);
529
- }
530
-
531
- .mb-16 {
532
- margin-bottom: var(--static-space-16);
533
- }
534
-
535
- .mb-20 {
536
- margin-bottom: var(--static-space-20);
537
- }
538
-
539
- .mb-24 {
540
- margin-bottom: var(--static-space-24);
541
- }
542
-
543
- .mb-32 {
544
- margin-bottom: var(--static-space-32);
545
- }
546
-
547
- .mb-40 {
548
- margin-bottom: var(--static-space-40);
549
- }
550
-
551
- .mb-48 {
552
- margin-bottom: var(--static-space-48);
553
- }
554
-
555
- .mb-56 {
556
- margin-bottom: var(--static-space-56);
557
- }
558
-
559
- .mb-64 {
560
- margin-bottom: var(--static-space-64);
561
- }
562
-
563
- .mb-80 {
564
- margin-bottom: var(--static-space-80);
565
- }
566
-
567
- .mb-104 {
568
- margin-bottom: var(--static-space-104);
569
- }
570
-
571
- .mb-128 {
572
- margin-bottom: var(--static-space-128);
573
- }
574
-
575
- .mb-160 {
576
- margin-bottom: var(--static-space-160);
577
- }
578
-
579
- .mb-xs {
580
- margin-bottom: var(--responsive-space-xs);
581
- }
582
-
583
- .mb-s {
584
- margin-bottom: var(--responsive-space-s);
585
- }
586
-
587
- .mb-m {
588
- margin-bottom: var(--responsive-space-m);
589
- }
590
-
591
- .mb-l {
592
- margin-bottom: var(--responsive-space-l);
593
- }
594
-
595
- .mb-xl {
596
- margin-bottom: var(--responsive-space-xl);
597
- }
598
-
599
- /* LEFT */
600
- .ml-0 {
601
- margin-left: var(--static-space-0);
602
- }
603
-
604
- .ml-1 {
605
- margin-left: var(--static-space-1);
606
- }
607
-
608
- .ml-2 {
609
- margin-left: var(--static-space-2);
610
- }
611
-
612
- .ml-4 {
613
- margin-left: var(--static-space-4);
614
- }
615
-
616
- .ml-8 {
617
- margin-left: var(--static-space-8);
618
- }
619
-
620
- .ml-12 {
621
- margin-left: var(--static-space-12);
622
- }
623
-
624
- .ml-16 {
625
- margin-left: var(--static-space-16);
626
- }
627
-
628
- .ml-20 {
629
- margin-left: var(--static-space-20);
630
- }
631
-
632
- .ml-24 {
633
- margin-left: var(--static-space-24);
634
- }
635
-
636
- .ml-32 {
637
- margin-left: var(--static-space-32);
638
- }
639
-
640
- .ml-40 {
641
- margin-left: var(--static-space-40);
642
- }
643
-
644
- .ml-48 {
645
- margin-left: var(--static-space-48);
646
- }
647
-
648
- .ml-56 {
649
- margin-left: var(--static-space-56);
650
- }
651
-
652
- .ml-64 {
653
- margin-left: var(--static-space-64);
654
- }
655
-
656
- .ml-80 {
657
- margin-left: var(--static-space-80);
658
- }
659
-
660
- .ml-104 {
661
- margin-left: var(--static-space-104);
662
- }
663
-
664
- .ml-128 {
665
- margin-left: var(--static-space-128);
666
- }
667
-
668
- .ml-160 {
669
- margin-left: var(--static-space-160);
670
- }
671
-
672
- .ml-xs {
673
- margin-left: var(--responsive-space-xs);
674
- }
675
-
676
- .ml-s {
677
- margin-left: var(--responsive-space-s);
678
- }
679
-
680
- .ml-m {
681
- margin-left: var(--responsive-space-m);
682
- }
683
-
684
- .ml-l {
685
- margin-left: var(--responsive-space-l);
686
- }
687
-
688
- .ml-xl {
689
- margin-left: var(--responsive-space-xl);
690
- }
691
-
692
-
693
-
694
- /****************************/
695
- /* PADDING */
696
- /****************************/
697
-
698
- /* EVEN */
699
- .p-0 {
700
- padding: var(--static-space-0);
701
- }
702
-
703
- .p-1 {
704
- padding: var(--static-space-1);
705
- }
706
-
707
- .p-2 {
708
- padding: var(--static-space-2);
709
- }
710
-
711
- .p-4 {
712
- padding: var(--static-space-4);
713
- }
714
-
715
- .p-8 {
716
- padding: var(--static-space-8);
717
- }
718
-
719
- .p-12 {
720
- padding: var(--static-space-12);
721
- }
722
-
723
- .p-16 {
724
- padding: var(--static-space-16);
725
- }
726
-
727
- .p-20 {
728
- padding: var(--static-space-20);
729
- }
730
-
731
- .p-24 {
732
- padding: var(--static-space-24);
733
- }
734
-
735
- .p-32 {
736
- padding: var(--static-space-32);
737
- }
738
-
739
- .p-40 {
740
- padding: var(--static-space-40);
741
- }
742
-
743
- .p-48 {
744
- padding: var(--static-space-48);
745
- }
746
-
747
- .p-56 {
748
- padding: var(--static-space-56);
749
- }
750
-
751
- .p-64 {
752
- padding: var(--static-space-64);
753
- }
754
-
755
- .p-80 {
756
- padding: var(--static-space-80);
757
- }
758
-
759
- .p-104 {
760
- padding: var(--static-space-104);
761
- }
762
-
763
- .p-128 {
764
- padding: var(--static-space-128);
765
- }
766
-
767
- .p-160 {
768
- padding: var(--static-space-160);
769
- }
770
-
771
- .p-xs {
772
- padding: var(--responsive-space-xs);
773
- }
774
-
775
- .p-s {
776
- padding: var(--responsive-space-s);
777
- }
778
-
779
- .p-m {
780
- padding: var(--responsive-space-m);
781
- }
782
-
783
- .p-l {
784
- padding: var(--responsive-space-l);
785
- }
786
-
787
- .p-xl {
788
- padding: var(--responsive-space-xl);
789
- }
790
-
791
- /* X */
792
- .px-0 {
793
- padding-left: var(--static-space-0);
794
- padding-right: var(--static-space-0);
795
- }
796
-
797
- .px-1 {
798
- padding-left: var(--static-space-1);
799
- padding-right: var(--static-space-1);
800
- }
801
-
802
- .px-2 {
803
- padding-left: var(--static-space-2);
804
- padding-right: var(--static-space-2);
805
- }
806
-
807
- .px-4 {
808
- padding-left: var(--static-space-4);
809
- padding-right: var(--static-space-4);
810
- }
811
-
812
- .px-8 {
813
- padding-left: var(--static-space-8);
814
- padding-right: var(--static-space-8);
815
- }
816
-
817
- .px-12 {
818
- padding-left: var(--static-space-12);
819
- padding-right: var(--static-space-12);
820
- }
821
-
822
- .px-16 {
823
- padding-left: var(--static-space-16);
824
- padding-right: var(--static-space-16);
825
- }
826
-
827
- .px-20 {
828
- padding-left: var(--static-space-20);
829
- padding-right: var(--static-space-20);
830
- }
831
-
832
- .px-24 {
833
- padding-left: var(--static-space-24);
834
- padding-right: var(--static-space-24);
835
- }
836
-
837
- .px-32 {
838
- padding-left: var(--static-space-32);
839
- padding-right: var(--static-space-32);
840
- }
841
-
842
- .px-40 {
843
- padding-left: var(--static-space-40);
844
- padding-right: var(--static-space-40);
845
- }
846
-
847
- .px-48 {
848
- padding-left: var(--static-space-48);
849
- padding-right: var(--static-space-48);
850
- }
851
-
852
- .px-56 {
853
- padding-left: var(--static-space-56);
854
- padding-right: var(--static-space-56);
855
- }
856
-
857
- .px-64 {
858
- padding-left: var(--static-space-64);
859
- padding-right: var(--static-space-64);
860
- }
861
-
862
- .px-80 {
863
- padding-left: var(--static-space-80);
864
- padding-right: var(--static-space-80);
865
- }
866
-
867
- .px-104 {
868
- padding-left: var(--static-space-104);
869
- padding-right: var(--static-space-104);
870
- }
871
-
872
- .px-128 {
873
- padding-left: var(--static-space-128);
874
- padding-right: var(--static-space-128);
875
- }
876
-
877
- .px-160 {
878
- padding-left: var(--static-space-160);
879
- padding-right: var(--static-space-160);
880
- }
881
-
882
- .px-xs {
883
- padding-left: var(--responsive-space-xs);
884
- padding-right: var(--responsive-space-xs);
885
- }
886
-
887
- .px-s {
888
- padding-left: var(--responsive-space-s);
889
- padding-right: var(--responsive-space-s);
890
- }
891
-
892
- .px-m {
893
- padding-left: var(--responsive-space-m);
894
- padding-right: var(--responsive-space-m);
895
- }
896
-
897
- .px-l {
898
- padding-left: var(--responsive-space-l);
899
- padding-right: var(--responsive-space-l);
900
- }
901
-
902
- .px-xl {
903
- padding-left: var(--responsive-space-xl);
904
- padding-right: var(--responsive-space-xl);
905
- }
906
-
907
- /* Y */
908
- .py-0 {
909
- padding-top: var(--static-space-0);
910
- padding-bottom: var(--static-space-0);
911
- }
912
-
913
- .py-1 {
914
- padding-top: var(--static-space-1);
915
- padding-bottom: var(--static-space-1);
916
- }
917
-
918
- .py-2 {
919
- padding-top: var(--static-space-2);
920
- padding-bottom: var(--static-space-2);
921
- }
922
-
923
- .py-4 {
924
- padding-top: var(--static-space-4);
925
- padding-bottom: var(--static-space-4);
926
- }
927
-
928
- .py-8 {
929
- padding-top: var(--static-space-8);
930
- padding-bottom: var(--static-space-8);
931
- }
932
-
933
- .py-12 {
934
- padding-top: var(--static-space-12);
935
- padding-bottom: var(--static-space-12);
936
- }
937
-
938
- .py-16 {
939
- padding-top: var(--static-space-16);
940
- padding-bottom: var(--static-space-16);
941
- }
942
-
943
- .py-20 {
944
- padding-top: var(--static-space-20);
945
- padding-bottom: var(--static-space-20);
946
- }
947
-
948
- .py-24 {
949
- padding-top: var(--static-space-24);
950
- padding-bottom: var(--static-space-24);
951
- }
952
-
953
- .py-32 {
954
- padding-top: var(--static-space-32);
955
- padding-bottom: var(--static-space-32);
956
- }
957
-
958
- .py-40 {
959
- padding-top: var(--static-space-40);
960
- padding-bottom: var(--static-space-40);
961
- }
962
-
963
- .py-48 {
964
- padding-top: var(--static-space-48);
965
- padding-bottom: var(--static-space-48);
966
- }
967
-
968
- .py-56 {
969
- padding-top: var(--static-space-56);
970
- padding-bottom: var(--static-space-56);
971
- }
972
-
973
- .py-64 {
974
- padding-top: var(--static-space-64);
975
- padding-bottom: var(--static-space-64);
976
- }
977
-
978
- .py-80 {
979
- padding-top: var(--static-space-80);
980
- padding-bottom: var(--static-space-80);
981
- }
982
-
983
- .py-104 {
984
- padding-top: var(--static-space-104);
985
- padding-bottom: var(--static-space-104);
986
- }
987
-
988
- .py-128 {
989
- padding-top: var(--static-space-128);
990
- padding-bottom: var(--static-space-128);
991
- }
992
-
993
- .py-160 {
994
- padding-top: var(--static-space-160);
995
- padding-bottom: var(--static-space-160);
996
- }
997
-
998
- .py-xs {
999
- padding-top: var(--responsive-space-xs);
1000
- padding-bottom: var(--responsive-space-xs);
1001
- }
1002
-
1003
- .py-s {
1004
- padding-top: var(--responsive-space-s);
1005
- padding-bottom: var(--responsive-space-s);
1006
- }
1007
-
1008
- .py-m {
1009
- padding-top: var(--responsive-space-m);
1010
- padding-bottom: var(--responsive-space-m);
1011
- }
1012
-
1013
- .py-l {
1014
- padding-top: var(--responsive-space-l);
1015
- padding-bottom: var(--responsive-space-l);
1016
- }
1017
-
1018
- .py-xl {
1019
- padding-top: var(--responsive-space-xl);
1020
- padding-bottom: var(--responsive-space-xl);
1021
- }
1022
-
1023
- /* TOP */
1024
- .pt-0 {
1025
- padding-top: var(--static-space-0);
1026
- }
1027
-
1028
- .pt-1 {
1029
- padding-top: var(--static-space-1);
1030
- }
1031
-
1032
- .pt-2 {
1033
- padding-top: var(--static-space-2);
1034
- }
1035
-
1036
- .pt-4 {
1037
- padding-top: var(--static-space-4);
1038
- }
1039
-
1040
- .pt-8 {
1041
- padding-top: var(--static-space-8);
1042
- }
1043
-
1044
- .pt-12 {
1045
- padding-top: var(--static-space-12);
1046
- }
1047
-
1048
- .pt-16 {
1049
- padding-top: var(--static-space-16);
1050
- }
1051
-
1052
- .pt-20 {
1053
- padding-top: var(--static-space-20);
1054
- }
1055
-
1056
- .pt-24 {
1057
- padding-top: var(--static-space-24);
1058
- }
1059
-
1060
- .pt-32 {
1061
- padding-top: var(--static-space-32);
1062
- }
1063
-
1064
- .pt-40 {
1065
- padding-top: var(--static-space-40);
1066
- }
1067
-
1068
- .pt-48 {
1069
- padding-top: var(--static-space-48);
1070
- }
1071
-
1072
- .pt-56 {
1073
- padding-top: var(--static-space-56);
1074
- }
1075
-
1076
- .pt-64 {
1077
- padding-top: var(--static-space-64);
1078
- }
1079
-
1080
- .pt-80 {
1081
- padding-top: var(--static-space-80);
1082
- }
1083
-
1084
- .pt-104 {
1085
- padding-top: var(--static-space-104);
1086
- }
1087
-
1088
- .pt-128 {
1089
- padding-top: var(--static-space-128);
1090
- }
1091
-
1092
- .pt-160 {
1093
- padding-top: var(--static-space-160);
1094
- }
1095
-
1096
- .pt-xs {
1097
- padding-top: var(--responsive-space-xs);
1098
- }
1099
-
1100
- .pt-s {
1101
- padding-top: var(--responsive-space-s);
1102
- }
1103
-
1104
- .pt-m {
1105
- padding-top: var(--responsive-space-m);
1106
- }
1107
-
1108
- .pt-l {
1109
- padding-top: var(--responsive-space-l);
1110
- }
1111
-
1112
- .pt-xl {
1113
- padding-top: var(--responsive-space-xl);
1114
- }
1115
-
1116
-
1117
- /* RIGHT */
1118
- .pr-0 {
1119
- padding-right: var(--static-space-0);
1120
- }
1121
-
1122
- .pr-1 {
1123
- padding-right: var(--static-space-1);
1124
- }
1125
-
1126
- .pr-2 {
1127
- padding-right: var(--static-space-2);
1128
- }
1129
-
1130
- .pr-4 {
1131
- padding-right: var(--static-space-4);
1132
- }
1133
-
1134
- .pr-8 {
1135
- padding-right: var(--static-space-8);
1136
- }
1137
-
1138
- .pr-12 {
1139
- padding-right: var(--static-space-12);
1140
- }
1141
-
1142
- .pr-16 {
1143
- padding-right: var(--static-space-16);
1144
- }
1145
-
1146
- .pr-20 {
1147
- padding-right: var(--static-space-20);
1148
- }
1149
-
1150
- .pr-24 {
1151
- padding-right: var(--static-space-24);
1152
- }
1153
-
1154
- .pr-32 {
1155
- padding-right: var(--static-space-32);
1156
- }
1157
-
1158
- .pr-40 {
1159
- padding-right: var(--static-space-40);
1160
- }
1161
-
1162
- .pr-48 {
1163
- padding-right: var(--static-space-48);
1164
- }
1165
-
1166
- .pr-56 {
1167
- padding-right: var(--static-space-56);
1168
- }
1169
-
1170
- .pr-64 {
1171
- padding-right: var(--static-space-64);
1172
- }
1173
-
1174
- .pr-80 {
1175
- padding-right: var(--static-space-80);
1176
- }
1177
-
1178
- .pr-104 {
1179
- padding-right: var(--static-space-104);
1180
- }
1181
-
1182
- .pr-128 {
1183
- padding-right: var(--static-space-128);
1184
- }
1185
-
1186
- .pr-160 {
1187
- padding-right: var(--static-space-160);
1188
- }
1189
-
1190
- .pr-xs {
1191
- padding-right: var(--responsive-space-xs);
1192
- }
1193
-
1194
- .pr-s {
1195
- padding-right: var(--responsive-space-s);
1196
- }
1197
-
1198
- .pr-m {
1199
- padding-right: var(--responsive-space-m);
1200
- }
1201
-
1202
- .pr-l {
1203
- padding-right: var(--responsive-space-l);
1204
- }
1205
-
1206
- .pr-xl {
1207
- padding-right: var(--responsive-space-xl);
1208
- }
1209
-
1210
- /* BOTTOM */
1211
- .pb-0 {
1212
- padding-bottom: var(--static-space-0);
1213
- }
1214
-
1215
- .pb-1 {
1216
- padding-bottom: var(--static-space-1);
1217
- }
1218
-
1219
- .pb-2 {
1220
- padding-bottom: var(--static-space-2);
1221
- }
1222
-
1223
- .pb-4 {
1224
- padding-bottom: var(--static-space-4);
1225
- }
1226
-
1227
- .pb-8 {
1228
- padding-bottom: var(--static-space-8);
1229
- }
1230
-
1231
- .pb-12 {
1232
- padding-bottom: var(--static-space-12);
1233
- }
1234
-
1235
- .pb-16 {
1236
- padding-bottom: var(--static-space-16);
1237
- }
1238
-
1239
- .pb-20 {
1240
- padding-bottom: var(--static-space-20);
1241
- }
1242
-
1243
- .pb-24 {
1244
- padding-bottom: var(--static-space-24);
1245
- }
1246
-
1247
- .pb-32 {
1248
- padding-bottom: var(--static-space-32);
1249
- }
1250
-
1251
- .pb-40 {
1252
- padding-bottom: var(--static-space-40);
1253
- }
1254
-
1255
- .pb-48 {
1256
- padding-bottom: var(--static-space-48);
1257
- }
1258
-
1259
- .pb-56 {
1260
- padding-bottom: var(--static-space-56);
1261
- }
1262
-
1263
- .pb-64 {
1264
- padding-bottom: var(--static-space-64);
1265
- }
1266
-
1267
- .pb-80 {
1268
- padding-bottom: var(--static-space-80);
1269
- }
1270
-
1271
- .pb-104 {
1272
- padding-bottom: var(--static-space-104);
1273
- }
1274
-
1275
- .pb-128 {
1276
- padding-bottom: var(--static-space-128);
1277
- }
1278
-
1279
- .pb-160 {
1280
- padding-bottom: var(--static-space-160);
1281
- }
1282
-
1283
- .pb-xs {
1284
- padding-bottom: var(--responsive-space-xs);
1285
- }
1286
-
1287
- .pb-s {
1288
- padding-bottom: var(--responsive-space-s);
1289
- }
1290
-
1291
- .pb-m {
1292
- padding-bottom: var(--responsive-space-m);
1293
- }
1294
-
1295
- .pb-l {
1296
- padding-bottom: var(--responsive-space-l);
1297
- }
1298
-
1299
- .pb-xl {
1300
- padding-bottom: var(--responsive-space-xl);
1301
- }
1302
-
1303
- /* LEFT */
1304
- .pl-0 {
1305
- padding-left: var(--static-space-0);
1306
- }
1307
-
1308
- .pl-1 {
1309
- padding-left: var(--static-space-1);
1310
- }
1311
-
1312
- .pl-2 {
1313
- padding-left: var(--static-space-2);
1314
- }
1315
-
1316
- .pl-4 {
1317
- padding-left: var(--static-space-4);
1318
- }
1319
-
1320
- .pl-8 {
1321
- padding-left: var(--static-space-8);
1322
- }
1323
-
1324
- .pl-12 {
1325
- padding-left: var(--static-space-12);
1326
- }
1327
-
1328
- .pl-16 {
1329
- padding-left: var(--static-space-16);
1330
- }
1331
-
1332
- .pl-20 {
1333
- padding-left: var(--static-space-20);
1334
- }
1335
-
1336
- .pl-24 {
1337
- padding-left: var(--static-space-24);
1338
- }
1339
-
1340
- .pl-32 {
1341
- padding-left: var(--static-space-32);
1342
- }
1343
-
1344
- .pl-40 {
1345
- padding-left: var(--static-space-40);
1346
- }
1347
-
1348
- .pl-48 {
1349
- padding-left: var(--static-space-48);
1350
- }
1351
-
1352
- .pl-56 {
1353
- padding-left: var(--static-space-56);
1354
- }
1355
-
1356
- .pl-64 {
1357
- padding-left: var(--static-space-64);
1358
- }
1359
-
1360
- .pl-80 {
1361
- padding-left: var(--static-space-80);
1362
- }
1363
-
1364
- .pl-104 {
1365
- padding-left: var(--static-space-104);
1366
- }
1367
-
1368
- .pl-128 {
1369
- padding-left: var(--static-space-128);
1370
- }
1371
-
1372
- .pl-160 {
1373
- padding-left: var(--static-space-160);
1374
- }
1375
-
1376
- .pl-xs {
1377
- padding-left: var(--responsive-space-xs);
1378
- }
1379
-
1380
- .pl-s {
1381
- padding-left: var(--responsive-space-s);
1382
- }
1383
-
1384
- .pl-m {
1385
- padding-left: var(--responsive-space-m);
1386
- }
1387
-
1388
- .pl-l {
1389
- padding-left: var(--responsive-space-l);
1390
- }
1391
-
1392
- .pl-xl {
1393
- padding-left: var(--responsive-space-xl);
1394
- }
1395
-
1396
-
1397
-
1398
-
1399
- /****************************/
1400
- /* GAP */
1401
- /****************************/
1402
-
1403
- // Negative gap: collapse stacked borders
1404
-
1405
- .g-horizontal--1 > *:not(:first-child) {
1406
- margin-left: -1px;
1407
- }
1408
-
1409
- .g-vertical--1 > *:not(:first-child) {
1410
- margin-top: -1px;
1411
- }
1412
-
1413
- // Regular gap
1414
-
1415
- .g-0 {
1416
- gap: var(--static-space-0);
1417
- }
1418
-
1419
- .g-1 {
1420
- gap: var(--static-space-1);
1421
- }
1422
-
1423
- .g-2 {
1424
- gap: var(--static-space-2);
1425
- }
1426
-
1427
- .g-4 {
1428
- gap: var(--static-space-4);
1429
- }
1430
-
1431
- .g-8 {
1432
- gap: var(--static-space-8);
1433
- }
1434
-
1435
- .g-12 {
1436
- gap: var(--static-space-12);
1437
- }
1438
-
1439
- .g-16 {
1440
- gap: var(--static-space-16);
1441
- }
1442
-
1443
- .g-20 {
1444
- gap: var(--static-space-20);
1445
- }
1446
-
1447
- .g-24 {
1448
- gap: var(--static-space-24);
1449
- }
1450
-
1451
- .g-32 {
1452
- gap: var(--static-space-32);
1453
- }
1454
-
1455
- .g-40 {
1456
- gap: var(--static-space-40);
1457
- }
1458
-
1459
- .g-48 {
1460
- gap: var(--static-space-48);
1461
- }
1462
-
1463
- .g-56 {
1464
- gap: var(--static-space-56);
1465
- }
1466
-
1467
- .g-64 {
1468
- gap: var(--static-space-64);
1469
- }
1470
-
1471
- .g-80 {
1472
- gap: var(--static-space-80);
1473
- }
1474
-
1475
- .g-104 {
1476
- gap: var(--static-space-104);
1477
- }
1478
-
1479
- .g-128 {
1480
- gap: var(--static-space-128);
1481
- }
1482
-
1483
- .g-160 {
1484
- gap: var(--static-space-160);
1485
- }
1486
-
1487
- .g-xs {
1488
- gap: var(--responsive-space-xs);
1489
- }
1490
-
1491
- .g-s {
1492
- gap: var(--responsive-space-s);
1493
- }
1494
-
1495
- .g-m {
1496
- gap: var(--responsive-space-m);
1497
- }
1498
-
1499
- .g-l {
1500
- gap: var(--responsive-space-l);
1501
- }
1502
-
1503
- .g-xl {
1504
- gap: var(--responsive-space-xl);
1505
- }