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