@luxonis/common-fe-components 1.18.2 → 1.19.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 (367) hide show
  1. package/dist/components/custom/Alert.d.ts +0 -1
  2. package/dist/components/custom/Alert.d.ts.map +1 -1
  3. package/dist/components/custom/Badge.d.ts +0 -1
  4. package/dist/components/custom/Badge.d.ts.map +1 -1
  5. package/dist/components/custom/Button.d.ts +2 -2
  6. package/dist/components/custom/CardList.d.ts.map +1 -1
  7. package/dist/components/custom/CardList.js +1 -1
  8. package/dist/components/custom/CardList.js.map +1 -1
  9. package/dist/components/custom/Checkbox.d.ts.map +1 -1
  10. package/dist/components/custom/Command.d.ts.map +1 -1
  11. package/dist/components/custom/Command.js.map +1 -1
  12. package/dist/components/custom/DropdownMenu.d.ts +819 -915
  13. package/dist/components/custom/DropdownMenu.d.ts.map +1 -1
  14. package/dist/components/custom/Dropzone.d.ts +1 -1
  15. package/dist/components/custom/Dropzone.d.ts.map +1 -1
  16. package/dist/components/custom/EmptyView.d.ts +0 -1
  17. package/dist/components/custom/EmptyView.d.ts.map +1 -1
  18. package/dist/components/custom/ErrorView.d.ts.map +1 -1
  19. package/dist/components/custom/FilterDropdown.d.ts.map +1 -1
  20. package/dist/components/custom/Form.d.ts.map +1 -1
  21. package/dist/components/custom/Grid.d.ts +1 -0
  22. package/dist/components/custom/Grid.d.ts.map +1 -1
  23. package/dist/components/custom/Grid.js +11 -3
  24. package/dist/components/custom/Grid.js.map +1 -1
  25. package/dist/components/custom/Icon.d.ts +0 -1
  26. package/dist/components/custom/Icon.d.ts.map +1 -1
  27. package/dist/components/custom/IconHelp.d.ts +0 -1
  28. package/dist/components/custom/IconHelp.d.ts.map +1 -1
  29. package/dist/components/custom/KpiDisplay.d.ts +0 -1
  30. package/dist/components/custom/KpiDisplay.d.ts.map +1 -1
  31. package/dist/components/custom/Markdown.d.ts +0 -1
  32. package/dist/components/custom/Markdown.d.ts.map +1 -1
  33. package/dist/components/custom/Modal.d.ts +2 -2
  34. package/dist/components/custom/Modal.d.ts.map +1 -1
  35. package/dist/components/custom/ProgressTicker.d.ts +0 -1
  36. package/dist/components/custom/ProgressTicker.d.ts.map +1 -1
  37. package/dist/components/custom/RadioGroup.d.ts +1642 -1834
  38. package/dist/components/custom/RadioGroup.d.ts.map +1 -1
  39. package/dist/components/custom/SelectCards.d.ts.map +1 -1
  40. package/dist/components/custom/Slider.d.ts +1635 -1827
  41. package/dist/components/custom/Slider.d.ts.map +1 -1
  42. package/dist/components/custom/SourceCode.d.ts +0 -1
  43. package/dist/components/custom/SourceCode.d.ts.map +1 -1
  44. package/dist/components/custom/StatusBar.d.ts +0 -1
  45. package/dist/components/custom/StatusBar.d.ts.map +1 -1
  46. package/dist/components/custom/Stepper.d.ts.map +1 -1
  47. package/dist/components/custom/Text.d.ts.map +1 -1
  48. package/dist/components/custom/TimePicker.d.ts +0 -1
  49. package/dist/components/custom/TimePicker.d.ts.map +1 -1
  50. package/dist/components/custom/Toast.d.ts.map +1 -1
  51. package/dist/components/custom/Toast.js +1 -1
  52. package/dist/components/custom/Toast.js.map +1 -1
  53. package/dist/components/custom/Tooltip.d.ts.map +1 -1
  54. package/dist/components/custom/Tooltip.js.map +1 -1
  55. package/dist/components/custom/TurnstileWidget.d.ts +0 -1
  56. package/dist/components/custom/TurnstileWidget.d.ts.map +1 -1
  57. package/dist/components/custom/VideoPlayer.d.ts.map +1 -1
  58. package/dist/components/custom/devices/devices.d.ts.map +1 -1
  59. package/dist/components/shadow-panda/Accordion.js +1 -1
  60. package/dist/components/shadow-panda/Accordion.js.map +1 -1
  61. package/dist/components/shadow-panda/Avatar.d.ts +0 -1
  62. package/dist/components/shadow-panda/Avatar.d.ts.map +1 -1
  63. package/dist/components/shadow-panda/Avatar.js +1 -1
  64. package/dist/components/shadow-panda/Avatar.js.map +1 -1
  65. package/dist/components/shadow-panda/DropdownMenu.d.ts +3 -3
  66. package/dist/components/shadow-panda/DropdownMenu.d.ts.map +1 -1
  67. package/dist/components/shadow-panda/DropdownMenu.js +1 -1
  68. package/dist/components/shadow-panda/DropdownMenu.js.map +1 -1
  69. package/dist/components/shadow-panda/Form.d.ts +1 -1
  70. package/dist/components/shadow-panda/Form.d.ts.map +1 -1
  71. package/dist/components/shadow-panda/Tabs.d.ts +0 -1
  72. package/dist/components/shadow-panda/Tabs.d.ts.map +1 -1
  73. package/dist/components/shadow-panda/Tabs.js +1 -1
  74. package/dist/components/shadow-panda/Tabs.js.map +1 -1
  75. package/dist/components/shadow-panda/_Alert.d.ts.map +1 -1
  76. package/dist/components/shadow-panda/_Button.d.ts +1 -1
  77. package/dist/components/shadow-panda/_Button.d.ts.map +1 -1
  78. package/dist/components/shadow-panda/_Command.d.ts +23 -23
  79. package/dist/components/shadow-panda/_Command.js +1 -1
  80. package/dist/components/shadow-panda/_Command.js.map +1 -1
  81. package/dist/components/shadow-panda/_Dialog.js +1 -1
  82. package/dist/components/shadow-panda/_Dialog.js.map +1 -1
  83. package/dist/components/shadow-panda/_RadioGroup.js +1 -1
  84. package/dist/components/shadow-panda/_RadioGroup.js.map +1 -1
  85. package/dist/components/shadow-panda/_Select.js +1 -1
  86. package/dist/components/shadow-panda/_Select.js.map +1 -1
  87. package/dist/components/shadow-panda/_Slider.d.ts +6 -6
  88. package/dist/components/shadow-panda/_Slider.d.ts.map +1 -1
  89. package/dist/components/shadow-panda/_Toast.d.ts +0 -1
  90. package/dist/components/shadow-panda/_Toast.d.ts.map +1 -1
  91. package/dist/components/shadow-panda/_Tooltip.d.ts +0 -1
  92. package/dist/components/shadow-panda/_Tooltip.d.ts.map +1 -1
  93. package/dist/components/shadow-panda/_Tooltip.js +1 -1
  94. package/dist/components/shadow-panda/_Tooltip.js.map +1 -1
  95. package/dist/components/skeletons/Button.d.ts.map +1 -1
  96. package/dist/components/skeletons/Grid.d.ts +5 -5
  97. package/dist/components/skeletons/Grid.d.ts.map +1 -1
  98. package/dist/components/skeletons/Grid.js +9 -12
  99. package/dist/components/skeletons/Grid.js.map +1 -1
  100. package/dist/components/skeletons/Input.d.ts.map +1 -1
  101. package/dist/components/skeletons/Table.d.ts.map +1 -1
  102. package/dist/components/skeletons/Textarea.d.ts.map +1 -1
  103. package/dist/hooks/dropzone.d.ts.map +1 -1
  104. package/dist/hooks/modal.d.ts.map +1 -1
  105. package/dist/hooks/use-toast.d.ts.map +1 -1
  106. package/dist/hooks/use-translations.d.ts +0 -1
  107. package/dist/hooks/use-translations.d.ts.map +1 -1
  108. package/dist/icons/style-provider.d.ts.map +1 -1
  109. package/dist/icons/svg/AccessDenied.d.ts +0 -1
  110. package/dist/icons/svg/AccessDenied.d.ts.map +1 -1
  111. package/dist/icons/svg/Empty.d.ts +0 -1
  112. package/dist/icons/svg/Empty.d.ts.map +1 -1
  113. package/dist/icons/svg/Error.d.ts +0 -1
  114. package/dist/icons/svg/Error.d.ts.map +1 -1
  115. package/dist/icons/svg/Logo.d.ts +1 -1
  116. package/dist/icons/svg/Logo.d.ts.map +1 -1
  117. package/dist/panda.buildinfo.json +15 -24
  118. package/dist/panda.css +1675 -1736
  119. package/dist/panda.d.ts.map +1 -1
  120. package/dist/panda.js +1 -2
  121. package/dist/panda.js.map +1 -1
  122. package/dist/styled-system/css/conditions.mjs +2 -4
  123. package/dist/styled-system/css/css.d.mts +2 -15
  124. package/dist/styled-system/css/css.mjs +1 -2
  125. package/dist/styled-system/css/cva.d.mts +1 -1
  126. package/dist/styled-system/css/cva.mjs +3 -5
  127. package/dist/styled-system/css/sva.mjs +3 -9
  128. package/dist/styled-system/helpers.mjs +54 -90
  129. package/dist/styled-system/jsx/aspect-ratio.mjs +1 -1
  130. package/dist/styled-system/jsx/bleed.mjs +1 -1
  131. package/dist/styled-system/jsx/box.mjs +1 -1
  132. package/dist/styled-system/jsx/center.mjs +1 -1
  133. package/dist/styled-system/jsx/circle.mjs +1 -1
  134. package/dist/styled-system/jsx/container.mjs +1 -1
  135. package/dist/styled-system/jsx/divider.mjs +1 -1
  136. package/dist/styled-system/jsx/factory.mjs +7 -8
  137. package/dist/styled-system/jsx/flex.mjs +1 -1
  138. package/dist/styled-system/jsx/float.mjs +1 -1
  139. package/dist/styled-system/jsx/grid-item.mjs +1 -1
  140. package/dist/styled-system/jsx/grid.mjs +1 -1
  141. package/dist/styled-system/jsx/hstack.mjs +1 -1
  142. package/dist/styled-system/jsx/index.d.mts +1 -1
  143. package/dist/styled-system/jsx/index.mjs +2 -2
  144. package/dist/styled-system/jsx/is-valid-prop.d.mts +1 -7
  145. package/dist/styled-system/jsx/is-valid-prop.mjs +3 -3
  146. package/dist/styled-system/jsx/link-box.d.mts +10 -0
  147. package/dist/styled-system/jsx/link-box.mjs +14 -0
  148. package/dist/styled-system/jsx/link-overlay.mjs +1 -1
  149. package/dist/styled-system/jsx/spacer.mjs +1 -1
  150. package/dist/styled-system/jsx/square.mjs +1 -1
  151. package/dist/styled-system/jsx/stack.mjs +1 -1
  152. package/dist/styled-system/jsx/visually-hidden.mjs +1 -1
  153. package/dist/styled-system/jsx/vstack.mjs +1 -1
  154. package/dist/styled-system/jsx/wrap.mjs +1 -1
  155. package/dist/styled-system/patterns/aspect-ratio.d.mts +1 -1
  156. package/dist/styled-system/patterns/aspect-ratio.mjs +2 -5
  157. package/dist/styled-system/patterns/bleed.d.mts +3 -3
  158. package/dist/styled-system/patterns/bleed.mjs +7 -12
  159. package/dist/styled-system/patterns/box.d.mts +1 -1
  160. package/dist/styled-system/patterns/box.mjs +2 -5
  161. package/dist/styled-system/patterns/center.d.mts +1 -1
  162. package/dist/styled-system/patterns/center.mjs +2 -5
  163. package/dist/styled-system/patterns/circle.d.mts +2 -2
  164. package/dist/styled-system/patterns/circle.mjs +2 -5
  165. package/dist/styled-system/patterns/container.d.mts +1 -1
  166. package/dist/styled-system/patterns/container.mjs +2 -5
  167. package/dist/styled-system/patterns/divider.d.mts +1 -1
  168. package/dist/styled-system/patterns/divider.mjs +4 -8
  169. package/dist/styled-system/patterns/flex.d.mts +8 -8
  170. package/dist/styled-system/patterns/flex.mjs +2 -5
  171. package/dist/styled-system/patterns/float.d.mts +1 -1
  172. package/dist/styled-system/patterns/float.mjs +3 -10
  173. package/dist/styled-system/patterns/grid-item.d.mts +1 -1
  174. package/dist/styled-system/patterns/grid-item.mjs +2 -5
  175. package/dist/styled-system/patterns/grid.d.mts +4 -4
  176. package/dist/styled-system/patterns/grid.mjs +6 -11
  177. package/dist/styled-system/patterns/hstack.d.mts +3 -3
  178. package/dist/styled-system/patterns/hstack.mjs +4 -8
  179. package/dist/styled-system/patterns/index.d.mts +2 -2
  180. package/dist/styled-system/patterns/index.mjs +2 -2
  181. package/dist/styled-system/patterns/link-box.d.mts +21 -0
  182. package/dist/styled-system/patterns/link-box.mjs +19 -0
  183. package/dist/styled-system/patterns/link-overlay.d.mts +1 -1
  184. package/dist/styled-system/patterns/link-overlay.mjs +5 -5
  185. package/dist/styled-system/patterns/spacer.d.mts +1 -1
  186. package/dist/styled-system/patterns/spacer.mjs +2 -5
  187. package/dist/styled-system/patterns/square.d.mts +2 -2
  188. package/dist/styled-system/patterns/square.mjs +2 -5
  189. package/dist/styled-system/patterns/stack.d.mts +5 -5
  190. package/dist/styled-system/patterns/stack.mjs +4 -8
  191. package/dist/styled-system/patterns/visually-hidden.d.mts +1 -1
  192. package/dist/styled-system/patterns/visually-hidden.mjs +2 -5
  193. package/dist/styled-system/patterns/vstack.d.mts +3 -3
  194. package/dist/styled-system/patterns/vstack.mjs +4 -8
  195. package/dist/styled-system/patterns/wrap.d.mts +6 -6
  196. package/dist/styled-system/patterns/wrap.mjs +2 -5
  197. package/dist/styled-system/recipes/accordion.d.mts +1 -6
  198. package/dist/styled-system/recipes/accordion.mjs +4 -6
  199. package/dist/styled-system/recipes/alert-description.d.mts +1 -6
  200. package/dist/styled-system/recipes/alert-description.mjs +2 -4
  201. package/dist/styled-system/recipes/alert-dialog.d.mts +1 -6
  202. package/dist/styled-system/recipes/alert-dialog.mjs +4 -6
  203. package/dist/styled-system/recipes/alert-title.d.mts +1 -6
  204. package/dist/styled-system/recipes/alert-title.mjs +2 -4
  205. package/dist/styled-system/recipes/alert.d.mts +2 -10
  206. package/dist/styled-system/recipes/alert.mjs +2 -4
  207. package/dist/styled-system/recipes/avatar.d.mts +1 -6
  208. package/dist/styled-system/recipes/avatar.mjs +4 -6
  209. package/dist/styled-system/recipes/badge.d.mts +2 -10
  210. package/dist/styled-system/recipes/badge.mjs +2 -4
  211. package/dist/styled-system/recipes/blockquote.d.mts +1 -6
  212. package/dist/styled-system/recipes/blockquote.mjs +2 -4
  213. package/dist/styled-system/recipes/button.d.mts +2 -13
  214. package/dist/styled-system/recipes/button.mjs +2 -4
  215. package/dist/styled-system/recipes/calendar.d.mts +1 -6
  216. package/dist/styled-system/recipes/calendar.mjs +4 -6
  217. package/dist/styled-system/recipes/card-content.d.mts +1 -6
  218. package/dist/styled-system/recipes/card-content.mjs +2 -4
  219. package/dist/styled-system/recipes/card-description.d.mts +1 -6
  220. package/dist/styled-system/recipes/card-description.mjs +2 -4
  221. package/dist/styled-system/recipes/card-footer.d.mts +1 -6
  222. package/dist/styled-system/recipes/card-footer.mjs +2 -4
  223. package/dist/styled-system/recipes/card-header.d.mts +1 -6
  224. package/dist/styled-system/recipes/card-header.mjs +2 -4
  225. package/dist/styled-system/recipes/card-title.d.mts +1 -6
  226. package/dist/styled-system/recipes/card-title.mjs +2 -4
  227. package/dist/styled-system/recipes/card.d.mts +1 -6
  228. package/dist/styled-system/recipes/card.mjs +2 -4
  229. package/dist/styled-system/recipes/checkbox.d.mts +1 -6
  230. package/dist/styled-system/recipes/checkbox.mjs +4 -6
  231. package/dist/styled-system/recipes/collapsible.d.mts +1 -6
  232. package/dist/styled-system/recipes/collapsible.mjs +4 -6
  233. package/dist/styled-system/recipes/command-dialog.d.mts +1 -6
  234. package/dist/styled-system/recipes/command-dialog.mjs +4 -6
  235. package/dist/styled-system/recipes/command.d.mts +1 -6
  236. package/dist/styled-system/recipes/command.mjs +4 -6
  237. package/dist/styled-system/recipes/context-menu.d.mts +2 -10
  238. package/dist/styled-system/recipes/context-menu.mjs +4 -6
  239. package/dist/styled-system/recipes/create-recipe.d.mts +1 -0
  240. package/dist/styled-system/recipes/create-recipe.mjs +5 -8
  241. package/dist/styled-system/recipes/dialog.d.mts +1 -6
  242. package/dist/styled-system/recipes/dialog.mjs +4 -6
  243. package/dist/styled-system/recipes/dropdown-menu.d.mts +1 -6
  244. package/dist/styled-system/recipes/dropdown-menu.mjs +4 -6
  245. package/dist/styled-system/recipes/form-control.d.mts +1 -6
  246. package/dist/styled-system/recipes/form-control.mjs +2 -4
  247. package/dist/styled-system/recipes/form-description.d.mts +1 -6
  248. package/dist/styled-system/recipes/form-description.mjs +2 -4
  249. package/dist/styled-system/recipes/form-item.d.mts +1 -6
  250. package/dist/styled-system/recipes/form-item.mjs +2 -4
  251. package/dist/styled-system/recipes/form-label.d.mts +1 -6
  252. package/dist/styled-system/recipes/form-label.mjs +2 -4
  253. package/dist/styled-system/recipes/form-message.d.mts +1 -6
  254. package/dist/styled-system/recipes/form-message.mjs +2 -4
  255. package/dist/styled-system/recipes/h1.d.mts +1 -6
  256. package/dist/styled-system/recipes/h1.mjs +2 -4
  257. package/dist/styled-system/recipes/h2.d.mts +1 -6
  258. package/dist/styled-system/recipes/h2.mjs +2 -4
  259. package/dist/styled-system/recipes/h3.d.mts +1 -6
  260. package/dist/styled-system/recipes/h3.mjs +2 -4
  261. package/dist/styled-system/recipes/h4.d.mts +1 -6
  262. package/dist/styled-system/recipes/h4.mjs +2 -4
  263. package/dist/styled-system/recipes/hover-card.d.mts +1 -6
  264. package/dist/styled-system/recipes/hover-card.mjs +4 -6
  265. package/dist/styled-system/recipes/icon.d.mts +2 -22
  266. package/dist/styled-system/recipes/icon.mjs +2 -4
  267. package/dist/styled-system/recipes/inline-code.d.mts +1 -6
  268. package/dist/styled-system/recipes/inline-code.mjs +2 -4
  269. package/dist/styled-system/recipes/input.d.mts +1 -6
  270. package/dist/styled-system/recipes/input.mjs +2 -4
  271. package/dist/styled-system/recipes/label.d.mts +1 -6
  272. package/dist/styled-system/recipes/label.mjs +2 -4
  273. package/dist/styled-system/recipes/large.d.mts +1 -6
  274. package/dist/styled-system/recipes/large.mjs +2 -4
  275. package/dist/styled-system/recipes/lead.d.mts +1 -6
  276. package/dist/styled-system/recipes/lead.mjs +2 -4
  277. package/dist/styled-system/recipes/link.d.mts +1 -6
  278. package/dist/styled-system/recipes/link.mjs +2 -4
  279. package/dist/styled-system/recipes/list.d.mts +1 -6
  280. package/dist/styled-system/recipes/list.mjs +2 -4
  281. package/dist/styled-system/recipes/menubar.d.mts +1 -6
  282. package/dist/styled-system/recipes/menubar.mjs +4 -6
  283. package/dist/styled-system/recipes/muted.d.mts +1 -6
  284. package/dist/styled-system/recipes/muted.mjs +2 -4
  285. package/dist/styled-system/recipes/navigation-menu.d.mts +1 -6
  286. package/dist/styled-system/recipes/navigation-menu.mjs +4 -6
  287. package/dist/styled-system/recipes/p.d.mts +1 -6
  288. package/dist/styled-system/recipes/p.mjs +2 -4
  289. package/dist/styled-system/recipes/popover.d.mts +1 -6
  290. package/dist/styled-system/recipes/popover.mjs +4 -6
  291. package/dist/styled-system/recipes/progress.d.mts +1 -6
  292. package/dist/styled-system/recipes/progress.mjs +4 -6
  293. package/dist/styled-system/recipes/radio-group.d.mts +1 -6
  294. package/dist/styled-system/recipes/radio-group.mjs +4 -6
  295. package/dist/styled-system/recipes/scroll-area.d.mts +1 -6
  296. package/dist/styled-system/recipes/scroll-area.mjs +4 -6
  297. package/dist/styled-system/recipes/select.d.mts +1 -6
  298. package/dist/styled-system/recipes/select.mjs +4 -6
  299. package/dist/styled-system/recipes/separator.d.mts +2 -10
  300. package/dist/styled-system/recipes/separator.mjs +2 -4
  301. package/dist/styled-system/recipes/sheet.d.mts +2 -10
  302. package/dist/styled-system/recipes/sheet.mjs +4 -6
  303. package/dist/styled-system/recipes/skeleton.d.mts +1 -6
  304. package/dist/styled-system/recipes/skeleton.mjs +2 -4
  305. package/dist/styled-system/recipes/slider.d.mts +1 -6
  306. package/dist/styled-system/recipes/slider.mjs +4 -6
  307. package/dist/styled-system/recipes/small.d.mts +1 -6
  308. package/dist/styled-system/recipes/small.mjs +2 -4
  309. package/dist/styled-system/recipes/switch-recipe.d.mts +1 -6
  310. package/dist/styled-system/recipes/switch-recipe.mjs +4 -6
  311. package/dist/styled-system/recipes/table-body.d.mts +1 -6
  312. package/dist/styled-system/recipes/table-body.mjs +2 -4
  313. package/dist/styled-system/recipes/table-caption.d.mts +1 -6
  314. package/dist/styled-system/recipes/table-caption.mjs +2 -4
  315. package/dist/styled-system/recipes/table-cell.d.mts +1 -6
  316. package/dist/styled-system/recipes/table-cell.mjs +2 -4
  317. package/dist/styled-system/recipes/table-container.d.mts +1 -6
  318. package/dist/styled-system/recipes/table-container.mjs +2 -4
  319. package/dist/styled-system/recipes/table-footer.d.mts +1 -6
  320. package/dist/styled-system/recipes/table-footer.mjs +2 -4
  321. package/dist/styled-system/recipes/table-head.d.mts +1 -6
  322. package/dist/styled-system/recipes/table-head.mjs +2 -4
  323. package/dist/styled-system/recipes/table-header.d.mts +1 -6
  324. package/dist/styled-system/recipes/table-header.mjs +2 -4
  325. package/dist/styled-system/recipes/table-row.d.mts +1 -6
  326. package/dist/styled-system/recipes/table-row.mjs +2 -4
  327. package/dist/styled-system/recipes/table.d.mts +1 -6
  328. package/dist/styled-system/recipes/table.mjs +2 -4
  329. package/dist/styled-system/recipes/tabs.d.mts +1 -6
  330. package/dist/styled-system/recipes/tabs.mjs +4 -6
  331. package/dist/styled-system/recipes/textarea.d.mts +1 -6
  332. package/dist/styled-system/recipes/textarea.mjs +2 -4
  333. package/dist/styled-system/recipes/toast-viewport.d.mts +1 -6
  334. package/dist/styled-system/recipes/toast-viewport.mjs +2 -4
  335. package/dist/styled-system/recipes/toast.d.mts +2 -10
  336. package/dist/styled-system/recipes/toast.mjs +4 -6
  337. package/dist/styled-system/recipes/toggle.d.mts +2 -13
  338. package/dist/styled-system/recipes/toggle.mjs +2 -4
  339. package/dist/styled-system/recipes/tooltip.d.mts +1 -6
  340. package/dist/styled-system/recipes/tooltip.mjs +4 -6
  341. package/dist/styled-system/recipes/typography-table-container.d.mts +1 -6
  342. package/dist/styled-system/recipes/typography-table-container.mjs +2 -4
  343. package/dist/styled-system/recipes/typography-table.d.mts +1 -6
  344. package/dist/styled-system/recipes/typography-table.mjs +2 -4
  345. package/dist/styled-system/tokens/index.mjs +1683 -1711
  346. package/dist/styled-system/tokens/tokens.d.mts +20 -20
  347. package/dist/styled-system/types/composition.d.mts +12 -65
  348. package/dist/styled-system/types/conditions.d.mts +44 -98
  349. package/dist/styled-system/types/global.d.mts +0 -1
  350. package/dist/styled-system/types/jsx.d.mts +1 -1
  351. package/dist/styled-system/types/pattern.d.mts +2 -17
  352. package/dist/styled-system/types/prop-type.d.mts +231 -58
  353. package/dist/styled-system/types/recipe.d.mts +10 -33
  354. package/dist/styled-system/types/selectors.d.mts +1 -1
  355. package/dist/styled-system/types/static-css.d.mts +4 -13
  356. package/dist/styled-system/types/style-props.d.mts +678 -7541
  357. package/dist/styled-system/types/system-types.d.mts +11 -111
  358. package/dist/translations/i18n-react.d.ts +0 -1
  359. package/dist/translations/i18n-react.d.ts.map +1 -1
  360. package/dist/translations/i18n-util.async.d.ts.map +1 -1
  361. package/dist/translations/i18n-util.d.ts +2 -2
  362. package/dist/translations/i18n-util.d.ts.map +1 -1
  363. package/package.json +9 -9
  364. package/dist/styled-system/jsx/cq.d.mts +0 -10
  365. package/dist/styled-system/jsx/cq.mjs +0 -14
  366. package/dist/styled-system/patterns/cq.d.mts +0 -22
  367. package/dist/styled-system/patterns/cq.mjs +0 -21
@@ -1,9 +1,7 @@
1
1
  /* eslint-disable */
2
- export type Token = "aspectRatios.square" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.wide" | "aspectRatios.ultrawide" | "aspectRatios.golden" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.grayscale.0" | "colors.grayscale.50" | "colors.grayscale.100" | "colors.grayscale.200" | "colors.grayscale.300" | "colors.grayscale.400" | "colors.grayscale.500" | "colors.grayscale.600" | "colors.grayscale.700" | "colors.grayscale.800" | "colors.grayscale.900" | "colors.grayscale.950" | "colors.hover.light.success" | "colors.hover.light.warning" | "colors.hover.light.error" | "colors.hover.light.active" | "colors.hover.light.gray" | "colors.hover.dark.success" | "colors.hover.dark.warning" | "colors.hover.dark.error" | "colors.hover.dark.active" | "colors.hover.dark.gray" | "colors.light.success" | "colors.light.warning" | "colors.light.error" | "colors.light.active" | "colors.light.gray" | "colors.dark.success" | "colors.dark.warning" | "colors.dark.error" | "colors.dark.active" | "colors.dark.gray" | "colors.text.normal" | "colors.text.label" | "colors.text.light" | "colors.text.success" | "colors.text.warning" | "colors.text.error" | "colors.text.active" | "colors.text.gray" | "colors.decoration.success" | "colors.decoration.warning" | "colors.decoration.error" | "colors.decoration.active" | "colors.decoration.gray" | "fonts.serif" | "fonts.sans" | "fonts.body" | "fonts.mono" | "fontSizes.2xs" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "fontSizes.xxs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.primary" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "lineHeights.3" | "lineHeights.4" | "lineHeights.5" | "lineHeights.6" | "lineHeights.7" | "lineHeights.8" | "lineHeights.9" | "lineHeights.10" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "lineHeights.sm" | "lineHeights.primary" | "lineHeights.md" | "lineHeights.lg" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "fontWeights.primary" | "fontWeights.md" | "fontWeights.lg" | "fontWeights.xl" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.4xl" | "radii.full" | "radii.radius" | "radii.common" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.basic.almost-full" | "sizes.card.xs" | "sizes.card.sm" | "sizes.responsive.card.xs" | "sizes.responsive.card.sm" | "sizes.circle" | "sizes.container.smaller.xxxs" | "sizes.container.smaller.xxs" | "sizes.container.smaller.xs" | "sizes.container.smaller.sm" | "sizes.container.bigger.xs" | "sizes.container.xxs" | "sizes.container.xs" | "sizes.container.sm" | "sizes.container.md" | "sizes.container.lg" | "sizes.container.xl" | "sizes.container.xxl" | "sizes.container.content-xl" | "sizes.container.content-2xl" | "sizes.container.grid.base-size" | "sizes.container.grid.label-height" | "sizes.container.grid.grid-gap" | "sizes.container.side-bar.collapsed" | "sizes.container.side-bar.expanded" | "sizes.table.cell.min-width" | "sizes.table.instances.name-cell" | "sizes.table.instances.name" | "sizes.table.instances.cell" | "sizes.sourcecode.width" | "sizes.slider.label" | "sizes.slider.thumb.sm" | "sizes.slider.thumb.lg" | "sizes.skeleton.height" | "sizes.skeleton.width" | "sizes.skeleton.button.width" | "sizes.skeleton.button.height" | "sizes.skeleton.input.width" | "sizes.skeleton.input.height" | "sizes.skeleton.textarea.width" | "sizes.skeleton.textarea.height" | "sizes.skeleton.avatar.width" | "sizes.skeleton.avatar.height" | "sizes.skeleton.grid.width.xs" | "sizes.skeleton.grid.width.sm" | "sizes.skeleton.grid.width.md" | "sizes.skeleton.grid.width.lg" | "sizes.skeleton.grid.width.xl" | "sizes.skeleton.grid.height.xs" | "sizes.skeleton.grid.height.sm" | "sizes.skeleton.grid.height.md" | "sizes.skeleton.grid.height.lg" | "sizes.skeleton.grid.height.xl" | "sizes.skeleton.table.height.sm" | "sizes.skeleton.table.height.md" | "sizes.skeleton.table.height.lg" | "sizes.skeleton.table.height.xl" | "sizes.icon.xxs" | "sizes.icon.xs" | "sizes.icon.sm" | "sizes.icon.md" | "sizes.icon.lg" | "sizes.icon.xl" | "sizes.icon.xxl" | "sizes.icon.smaller.xs" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-2lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.separator" | "spacing.smaller.xs" | "spacing.smaller.sm" | "spacing.smaller.md" | "spacing.xxs" | "spacing.xs" | "spacing.sm" | "spacing.3xs" | "spacing.md" | "spacing.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "borders.none" | "borders.outline.base" | "borders.border.base" | "borders.border.error" | "borders.border.success" | "borders.border.active" | "opacity.90" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "easings.easeInOut" | "durations.fastest" | "durations.faster" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "durations.fast" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.2lg" | "breakpoints.xl" | "breakpoints.2xl" | "borders.base" | "borders.input" | "borders.primary" | "borders.destructive" | "animations.accordion-down" | "animations.accordion-up" | "colors.background" | "colors.foreground" | "colors.muted" | "colors.muted.foreground" | "colors.card" | "colors.card.foreground" | "colors.popover" | "colors.popover.foreground" | "colors.border" | "colors.input" | "colors.secondary" | "colors.secondary.foreground" | "colors.accent" | "colors.accent.foreground" | "colors.destructive" | "colors.destructive.foreground" | "colors.ring" | "colors.primary.foreground" | "colors.primary" | "sizes.icon.primary" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-separator" | "spacing.smaller.-xs" | "spacing.smaller.-sm" | "spacing.smaller.-md" | "spacing.-xxs" | "spacing.-xs" | "spacing.-sm" | "spacing.-3xs" | "spacing.-md" | "spacing.-lg" | "colors.colorPalette" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950" | "colors.colorPalette.0" | "colors.colorPalette.light.success" | "colors.colorPalette.success" | "colors.colorPalette.light.warning" | "colors.colorPalette.warning" | "colors.colorPalette.light.error" | "colors.colorPalette.error" | "colors.colorPalette.light.active" | "colors.colorPalette.active" | "colors.colorPalette.light.gray" | "colors.colorPalette.gray" | "colors.colorPalette.dark.success" | "colors.colorPalette.dark.warning" | "colors.colorPalette.dark.error" | "colors.colorPalette.dark.active" | "colors.colorPalette.dark.gray" | "colors.colorPalette.normal" | "colors.colorPalette.label" | "colors.colorPalette.light" | "colors.colorPalette.foreground"
2
+ export type Token = "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "fontSizes.2xs" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "fontSizes.xxs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.primary" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "fontWeights.primary" | "fontWeights.md" | "fontWeights.lg" | "fontWeights.xl" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.basic.almost-full" | "sizes.card.xs" | "sizes.card.sm" | "sizes.responsive.card.xs" | "sizes.responsive.card.sm" | "sizes.circle" | "sizes.container.smaller.xxxs" | "sizes.container.smaller.xxs" | "sizes.container.smaller.xs" | "sizes.container.smaller.sm" | "sizes.container.bigger.xs" | "sizes.container.xxs" | "sizes.container.xs" | "sizes.container.sm" | "sizes.container.md" | "sizes.container.lg" | "sizes.container.xl" | "sizes.container.xxl" | "sizes.container.content-xl" | "sizes.container.content-2xl" | "sizes.container.grid.base-size" | "sizes.container.grid.label-height" | "sizes.container.grid.grid-gap" | "sizes.container.side-bar.collapsed" | "sizes.container.side-bar.expanded" | "sizes.table.cell.min-width" | "sizes.table.instances.name-cell" | "sizes.table.instances.name" | "sizes.table.instances.cell" | "sizes.sourcecode.width" | "sizes.slider.label" | "sizes.slider.thumb.sm" | "sizes.slider.thumb.lg" | "sizes.skeleton.height" | "sizes.skeleton.width" | "sizes.skeleton.button.width" | "sizes.skeleton.button.height" | "sizes.skeleton.input.width" | "sizes.skeleton.input.height" | "sizes.skeleton.textarea.width" | "sizes.skeleton.textarea.height" | "sizes.skeleton.avatar.width" | "sizes.skeleton.avatar.height" | "sizes.skeleton.grid.width.xs" | "sizes.skeleton.grid.width.sm" | "sizes.skeleton.grid.width.md" | "sizes.skeleton.grid.width.lg" | "sizes.skeleton.grid.width.xl" | "sizes.skeleton.grid.height.xs" | "sizes.skeleton.grid.height.sm" | "sizes.skeleton.grid.height.md" | "sizes.skeleton.grid.height.lg" | "sizes.skeleton.grid.height.xl" | "sizes.skeleton.table.height.sm" | "sizes.skeleton.table.height.md" | "sizes.skeleton.table.height.lg" | "sizes.skeleton.table.height.xl" | "sizes.icon.xxs" | "sizes.icon.xs" | "sizes.icon.sm" | "sizes.icon.md" | "sizes.icon.lg" | "sizes.icon.xl" | "sizes.icon.xxl" | "sizes.icon.smaller.xs" | "sizes.breakpoint-2lg" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "spacing.separator" | "spacing.smaller.xs" | "spacing.smaller.sm" | "spacing.smaller.md" | "spacing.xxs" | "spacing.xs" | "spacing.sm" | "spacing.3xs" | "spacing.md" | "spacing.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "borders.none" | "borders.outline.base" | "borders.border.base" | "borders.border.error" | "borders.border.success" | "borders.border.active" | "opacity.90" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "easings.easeInOut" | "durations.fastest" | "durations.faster" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "durations.fast" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.hover.light.success" | "colors.hover.light.warning" | "colors.hover.light.error" | "colors.hover.light.active" | "colors.hover.light.gray" | "colors.hover.dark.success" | "colors.hover.dark.warning" | "colors.hover.dark.error" | "colors.hover.dark.active" | "colors.hover.dark.gray" | "colors.light.success" | "colors.light.warning" | "colors.light.error" | "colors.light.active" | "colors.light.gray" | "colors.dark.success" | "colors.dark.warning" | "colors.dark.error" | "colors.dark.active" | "colors.dark.gray" | "colors.text.normal" | "colors.text.label" | "colors.text.light" | "colors.text.success" | "colors.text.warning" | "colors.text.error" | "colors.text.active" | "colors.text.gray" | "colors.decoration.success" | "colors.decoration.warning" | "colors.decoration.error" | "colors.decoration.active" | "colors.decoration.gray" | "colors.grayscale.0" | "colors.grayscale.50" | "colors.grayscale.100" | "colors.grayscale.200" | "colors.grayscale.300" | "colors.grayscale.400" | "colors.grayscale.500" | "colors.grayscale.600" | "colors.grayscale.700" | "colors.grayscale.800" | "colors.grayscale.900" | "colors.grayscale.950" | "fonts.serif" | "fonts.body" | "fonts.mono" | "fonts.sans" | "lineHeights.3" | "lineHeights.4" | "lineHeights.5" | "lineHeights.6" | "lineHeights.7" | "lineHeights.8" | "lineHeights.9" | "lineHeights.10" | "lineHeights.sm" | "lineHeights.primary" | "lineHeights.md" | "lineHeights.lg" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "radii.common" | "radii.radius" | "breakpoints.2lg" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "sizes.icon.primary" | "colors.background" | "colors.foreground" | "colors.muted" | "colors.muted.foreground" | "colors.card" | "colors.card.foreground" | "colors.popover" | "colors.popover.foreground" | "colors.border" | "colors.input" | "colors.primary" | "colors.primary.foreground" | "colors.secondary" | "colors.secondary.foreground" | "colors.accent" | "colors.accent.foreground" | "colors.destructive" | "colors.destructive.foreground" | "colors.ring" | "borders.base" | "borders.input" | "borders.primary" | "borders.destructive" | "animations.accordion-down" | "animations.accordion-up" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "spacing.-separator" | "spacing.smaller.-xs" | "spacing.smaller.-sm" | "spacing.smaller.-md" | "spacing.-xxs" | "spacing.-xs" | "spacing.-sm" | "spacing.-3xs" | "spacing.-md" | "spacing.-lg" | "colors.colorPalette" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950" | "colors.colorPalette.light.success" | "colors.colorPalette.success" | "colors.colorPalette.light.warning" | "colors.colorPalette.warning" | "colors.colorPalette.light.error" | "colors.colorPalette.error" | "colors.colorPalette.light.active" | "colors.colorPalette.active" | "colors.colorPalette.light.gray" | "colors.colorPalette.gray" | "colors.colorPalette.dark.success" | "colors.colorPalette.dark.warning" | "colors.colorPalette.dark.error" | "colors.colorPalette.dark.active" | "colors.colorPalette.dark.gray" | "colors.colorPalette.normal" | "colors.colorPalette.label" | "colors.colorPalette.light" | "colors.colorPalette.0" | "colors.colorPalette.foreground"
3
3
 
4
- export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "grayscale" | "hover" | "hover.light" | "hover.dark" | "light" | "dark" | "text" | "decoration" | "background" | "foreground" | "muted" | "card" | "popover" | "border" | "input" | "secondary" | "accent" | "destructive" | "ring" | "primary"
5
-
6
- export type AspectRatioToken = "square" | "landscape" | "portrait" | "wide" | "ultrawide" | "golden"
4
+ export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "neutral" | "stone" | "zinc" | "gray" | "slate" | "hover" | "hover.light" | "hover.dark" | "light" | "dark" | "text" | "decoration" | "grayscale" | "background" | "foreground" | "muted" | "card" | "popover" | "border" | "input" | "primary" | "secondary" | "accent" | "destructive" | "ring"
7
5
 
8
6
  export type LetterSpacingToken = "tighter" | "tight" | "normal" | "wide" | "wider" | "widest"
9
7
 
@@ -11,19 +9,11 @@ export type BlurToken = "sm" | "base" | "md" | "lg" | "xl" | "2xl" | "3xl"
11
9
 
12
10
  export type AnimationToken = "spin" | "ping" | "pulse" | "bounce" | "accordion-down" | "accordion-up"
13
11
 
14
- export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "grayscale.0" | "grayscale.50" | "grayscale.100" | "grayscale.200" | "grayscale.300" | "grayscale.400" | "grayscale.500" | "grayscale.600" | "grayscale.700" | "grayscale.800" | "grayscale.900" | "grayscale.950" | "hover.light.success" | "hover.light.warning" | "hover.light.error" | "hover.light.active" | "hover.light.gray" | "hover.dark.success" | "hover.dark.warning" | "hover.dark.error" | "hover.dark.active" | "hover.dark.gray" | "light.success" | "light.warning" | "light.error" | "light.active" | "light.gray" | "dark.success" | "dark.warning" | "dark.error" | "dark.active" | "dark.gray" | "text.normal" | "text.label" | "text.light" | "text.success" | "text.warning" | "text.error" | "text.active" | "text.gray" | "decoration.success" | "decoration.warning" | "decoration.error" | "decoration.active" | "decoration.gray" | "background" | "foreground" | "muted" | "muted.foreground" | "card" | "card.foreground" | "popover" | "popover.foreground" | "border" | "input" | "secondary" | "secondary.foreground" | "accent" | "accent.foreground" | "destructive" | "destructive.foreground" | "ring" | "primary.foreground" | "primary" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.0" | "colorPalette.light.success" | "colorPalette.success" | "colorPalette.light.warning" | "colorPalette.warning" | "colorPalette.light.error" | "colorPalette.error" | "colorPalette.light.active" | "colorPalette.active" | "colorPalette.light.gray" | "colorPalette.gray" | "colorPalette.dark.success" | "colorPalette.dark.warning" | "colorPalette.dark.error" | "colorPalette.dark.active" | "colorPalette.dark.gray" | "colorPalette.normal" | "colorPalette.label" | "colorPalette.light" | "colorPalette.foreground"
15
-
16
- export type FontToken = "serif" | "sans" | "body" | "mono"
17
-
18
12
  export type FontSizeToken = "2xs" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "xxs" | "xs" | "sm" | "primary" | "md" | "lg" | "xl"
19
13
 
20
- export type LineHeightToken = "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose" | "sm" | "primary" | "md" | "lg"
21
-
22
14
  export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black" | "primary" | "md" | "lg" | "xl"
23
15
 
24
- export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full" | "radius" | "common"
25
-
26
- export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "basic.almost-full" | "card.xs" | "card.sm" | "responsive.card.xs" | "responsive.card.sm" | "circle" | "container.smaller.xxxs" | "container.smaller.xxs" | "container.smaller.xs" | "container.smaller.sm" | "container.bigger.xs" | "container.xxs" | "container.xs" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "container.xxl" | "container.content-xl" | "container.content-2xl" | "container.grid.base-size" | "container.grid.label-height" | "container.grid.grid-gap" | "container.side-bar.collapsed" | "container.side-bar.expanded" | "table.cell.min-width" | "table.instances.name-cell" | "table.instances.name" | "table.instances.cell" | "sourcecode.width" | "slider.label" | "slider.thumb.sm" | "slider.thumb.lg" | "skeleton.height" | "skeleton.width" | "skeleton.button.width" | "skeleton.button.height" | "skeleton.input.width" | "skeleton.input.height" | "skeleton.textarea.width" | "skeleton.textarea.height" | "skeleton.avatar.width" | "skeleton.avatar.height" | "skeleton.grid.width.xs" | "skeleton.grid.width.sm" | "skeleton.grid.width.md" | "skeleton.grid.width.lg" | "skeleton.grid.width.xl" | "skeleton.grid.height.xs" | "skeleton.grid.height.sm" | "skeleton.grid.height.md" | "skeleton.grid.height.lg" | "skeleton.grid.height.xl" | "skeleton.table.height.sm" | "skeleton.table.height.md" | "skeleton.table.height.lg" | "skeleton.table.height.xl" | "icon.xxs" | "icon.xs" | "icon.sm" | "icon.md" | "icon.lg" | "icon.xl" | "icon.xxl" | "icon.smaller.xs" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-2lg" | "breakpoint-xl" | "breakpoint-2xl" | "icon.primary"
16
+ export type SizeToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "prose" | "full" | "min" | "max" | "fit" | "basic.almost-full" | "card.xs" | "card.sm" | "responsive.card.xs" | "responsive.card.sm" | "circle" | "container.smaller.xxxs" | "container.smaller.xxs" | "container.smaller.xs" | "container.smaller.sm" | "container.bigger.xs" | "container.xxs" | "container.xs" | "container.sm" | "container.md" | "container.lg" | "container.xl" | "container.xxl" | "container.content-xl" | "container.content-2xl" | "container.grid.base-size" | "container.grid.label-height" | "container.grid.grid-gap" | "container.side-bar.collapsed" | "container.side-bar.expanded" | "table.cell.min-width" | "table.instances.name-cell" | "table.instances.name" | "table.instances.cell" | "sourcecode.width" | "slider.label" | "slider.thumb.sm" | "slider.thumb.lg" | "skeleton.height" | "skeleton.width" | "skeleton.button.width" | "skeleton.button.height" | "skeleton.input.width" | "skeleton.input.height" | "skeleton.textarea.width" | "skeleton.textarea.height" | "skeleton.avatar.width" | "skeleton.avatar.height" | "skeleton.grid.width.xs" | "skeleton.grid.width.sm" | "skeleton.grid.width.md" | "skeleton.grid.width.lg" | "skeleton.grid.width.xl" | "skeleton.grid.height.xs" | "skeleton.grid.height.sm" | "skeleton.grid.height.md" | "skeleton.grid.height.lg" | "skeleton.grid.height.xl" | "skeleton.table.height.sm" | "skeleton.table.height.md" | "skeleton.table.height.lg" | "skeleton.table.height.xl" | "icon.xxs" | "icon.xs" | "icon.sm" | "icon.md" | "icon.lg" | "icon.xl" | "icon.xxl" | "icon.smaller.xs" | "breakpoint-2lg" | "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl" | "icon.primary"
27
17
 
28
18
  export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "separator" | "smaller.xs" | "smaller.sm" | "smaller.md" | "xxs" | "xs" | "sm" | "3xs" | "md" | "lg" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5" | "-separator" | "-smaller.xs" | "-smaller.sm" | "-smaller.md" | "-xxs" | "-xs" | "-sm" | "-3xs" | "-md" | "-lg"
29
19
 
@@ -37,19 +27,24 @@ export type EasingToken = "default" | "linear" | "in" | "out" | "in-out" | "ease
37
27
 
38
28
  export type DurationToken = "fastest" | "faster" | "normal" | "slow" | "slower" | "slowest" | "fast"
39
29
 
40
- export type BreakpointToken = "sm" | "md" | "lg" | "2lg" | "xl" | "2xl"
30
+ export type ColorToken = "current" | "black" | "white" | "transparent" | "rose.50" | "rose.100" | "rose.200" | "rose.300" | "rose.400" | "rose.500" | "rose.600" | "rose.700" | "rose.800" | "rose.900" | "rose.950" | "pink.50" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "pink.950" | "fuchsia.50" | "fuchsia.100" | "fuchsia.200" | "fuchsia.300" | "fuchsia.400" | "fuchsia.500" | "fuchsia.600" | "fuchsia.700" | "fuchsia.800" | "fuchsia.900" | "fuchsia.950" | "purple.50" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "purple.950" | "violet.50" | "violet.100" | "violet.200" | "violet.300" | "violet.400" | "violet.500" | "violet.600" | "violet.700" | "violet.800" | "violet.900" | "violet.950" | "indigo.50" | "indigo.100" | "indigo.200" | "indigo.300" | "indigo.400" | "indigo.500" | "indigo.600" | "indigo.700" | "indigo.800" | "indigo.900" | "indigo.950" | "blue.50" | "blue.100" | "blue.200" | "blue.300" | "blue.400" | "blue.500" | "blue.600" | "blue.700" | "blue.800" | "blue.900" | "blue.950" | "sky.50" | "sky.100" | "sky.200" | "sky.300" | "sky.400" | "sky.500" | "sky.600" | "sky.700" | "sky.800" | "sky.900" | "sky.950" | "cyan.50" | "cyan.100" | "cyan.200" | "cyan.300" | "cyan.400" | "cyan.500" | "cyan.600" | "cyan.700" | "cyan.800" | "cyan.900" | "cyan.950" | "teal.50" | "teal.100" | "teal.200" | "teal.300" | "teal.400" | "teal.500" | "teal.600" | "teal.700" | "teal.800" | "teal.900" | "teal.950" | "emerald.50" | "emerald.100" | "emerald.200" | "emerald.300" | "emerald.400" | "emerald.500" | "emerald.600" | "emerald.700" | "emerald.800" | "emerald.900" | "emerald.950" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "green.950" | "lime.50" | "lime.100" | "lime.200" | "lime.300" | "lime.400" | "lime.500" | "lime.600" | "lime.700" | "lime.800" | "lime.900" | "lime.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "yellow.950" | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | "amber.950" | "orange.50" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "orange.950" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "red.950" | "neutral.50" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.950" | "stone.50" | "stone.100" | "stone.200" | "stone.300" | "stone.400" | "stone.500" | "stone.600" | "stone.700" | "stone.800" | "stone.900" | "stone.950" | "zinc.50" | "zinc.100" | "zinc.200" | "zinc.300" | "zinc.400" | "zinc.500" | "zinc.600" | "zinc.700" | "zinc.800" | "zinc.900" | "zinc.950" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "gray.950" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "hover.light.success" | "hover.light.warning" | "hover.light.error" | "hover.light.active" | "hover.light.gray" | "hover.dark.success" | "hover.dark.warning" | "hover.dark.error" | "hover.dark.active" | "hover.dark.gray" | "light.success" | "light.warning" | "light.error" | "light.active" | "light.gray" | "dark.success" | "dark.warning" | "dark.error" | "dark.active" | "dark.gray" | "text.normal" | "text.label" | "text.light" | "text.success" | "text.warning" | "text.error" | "text.active" | "text.gray" | "decoration.success" | "decoration.warning" | "decoration.error" | "decoration.active" | "decoration.gray" | "grayscale.0" | "grayscale.50" | "grayscale.100" | "grayscale.200" | "grayscale.300" | "grayscale.400" | "grayscale.500" | "grayscale.600" | "grayscale.700" | "grayscale.800" | "grayscale.900" | "grayscale.950" | "background" | "foreground" | "muted" | "muted.foreground" | "card" | "card.foreground" | "popover" | "popover.foreground" | "border" | "input" | "primary" | "primary.foreground" | "secondary" | "secondary.foreground" | "accent" | "accent.foreground" | "destructive" | "destructive.foreground" | "ring" | "colorPalette" | "colorPalette.50" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900" | "colorPalette.950" | "colorPalette.light.success" | "colorPalette.success" | "colorPalette.light.warning" | "colorPalette.warning" | "colorPalette.light.error" | "colorPalette.error" | "colorPalette.light.active" | "colorPalette.active" | "colorPalette.light.gray" | "colorPalette.gray" | "colorPalette.dark.success" | "colorPalette.dark.warning" | "colorPalette.dark.error" | "colorPalette.dark.active" | "colorPalette.dark.gray" | "colorPalette.normal" | "colorPalette.label" | "colorPalette.light" | "colorPalette.0" | "colorPalette.foreground"
31
+
32
+ export type FontToken = "serif" | "body" | "mono" | "sans"
33
+
34
+ export type LineHeightToken = "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "sm" | "primary" | "md" | "lg" | "none" | "tight" | "snug" | "normal" | "relaxed" | "loose"
35
+
36
+ export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" | "common" | "radius"
37
+
38
+ export type BreakpointToken = "2lg" | "sm" | "md" | "lg" | "xl" | "2xl"
39
+
40
+ export type AnimationName = "spin" | "ping" | "pulse" | "bounce" | "enter" | "exit" | "accordion-down" | "accordion-up"
41
41
 
42
42
  export type Tokens = {
43
- aspectRatios: AspectRatioToken
44
43
  letterSpacings: LetterSpacingToken
45
44
  blurs: BlurToken
46
45
  animations: AnimationToken
47
- colors: ColorToken
48
- fonts: FontToken
49
46
  fontSizes: FontSizeToken
50
- lineHeights: LineHeightToken
51
47
  fontWeights: FontWeightToken
52
- radii: RadiusToken
53
48
  sizes: SizeToken
54
49
  spacing: SpacingToken
55
50
  shadows: ShadowToken
@@ -57,7 +52,12 @@ export type Tokens = {
57
52
  opacity: OpacityToken
58
53
  easings: EasingToken
59
54
  durations: DurationToken
55
+ colors: ColorToken
56
+ fonts: FontToken
57
+ lineHeights: LineHeightToken
58
+ radii: RadiusToken
60
59
  breakpoints: BreakpointToken
60
+ animationName: AnimationName
61
61
  } & { [token: string]: never }
62
62
 
63
- export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
63
+ export type TokenCategory = "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "shadows" | "spacing" | "radii" | "borders" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
@@ -15,61 +15,34 @@ interface Recursive<T> {
15
15
  * -----------------------------------------------------------------------------*/
16
16
 
17
17
  type TextStyleProperty =
18
- | 'font'
19
- | 'fontFamily'
20
- | 'fontFeatureSettings'
21
- | 'fontKerning'
22
- | 'fontLanguageOverride'
23
- | 'fontOpticalSizing'
24
- | 'fontPalette'
25
18
  | 'fontSize'
26
19
  | 'fontSizeAdjust'
27
- | 'fontStretch'
28
- | 'fontStyle'
29
- | 'fontSynthesis'
30
- | 'fontVariant'
31
- | 'fontVariantAlternates'
20
+ | 'fontVariationSettings'
21
+ | 'fontVariantPosition'
32
22
  | 'fontVariantCaps'
33
- | 'fontVariantLigatures'
34
23
  | 'fontVariantNumeric'
35
- | 'fontVariantPosition'
36
- | 'fontVariationSettings'
24
+ | 'fontVariantAlternates'
25
+ | 'fontVariantLigatures'
26
+ | 'fontFamily'
37
27
  | 'fontWeight'
38
- | 'hypens'
39
- | 'hyphenateCharacter'
40
- | 'hyphenateLimitChars'
41
- | 'letterSpacing'
42
- | 'lineBreak'
28
+ | 'fontSynthesis'
29
+ | 'fontStyle'
30
+ | 'fontVariant'
43
31
  | 'lineHeight'
44
- | 'quotes'
45
- | 'overflowWrap'
46
- | 'textCombineUpright'
32
+ | 'letterSpacing'
47
33
  | 'textDecoration'
34
+ | 'textTransform'
35
+ | 'textIndent'
48
36
  | 'textDecorationColor'
49
37
  | 'textDecorationLine'
50
- | 'textDecorationSkipInk'
51
38
  | 'textDecorationStyle'
52
- | 'textDecorationThickness'
53
- | 'textEmphasis'
54
39
  | 'textEmphasisColor'
55
40
  | 'textEmphasisPosition'
56
41
  | 'textEmphasisStyle'
57
- | 'textIndent'
58
- | 'textJustify'
42
+ | 'hyphenateCharacter'
59
43
  | 'textOrientation'
60
44
  | 'textOverflow'
61
45
  | 'textRendering'
62
- | 'textShadow'
63
- | 'textTransform'
64
- | 'textUnderlineOffset'
65
- | 'textUnderlinePosition'
66
- | 'textWrap'
67
- | 'textWrapMode'
68
- | 'textWrapStyle'
69
- | 'verticalAlign'
70
- | 'whiteSpace'
71
- | 'wordBreak'
72
- | 'wordSpacing'
73
46
 
74
47
  export type TextStyle = CompositionStyleObject<TextStyleProperty>
75
48
 
@@ -132,33 +105,7 @@ export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
132
105
 
133
106
  export type LayerStyles = Recursive<Token<LayerStyle>>
134
107
 
135
- /* -----------------------------------------------------------------------------
136
- * Motion styles
137
- * -----------------------------------------------------------------------------*/
138
-
139
- type AnimationStyleProperty =
140
- | 'animation'
141
- | 'animationComposition'
142
- | 'animationDelay'
143
- | 'animationDirection'
144
- | 'animationDuration'
145
- | 'animationFillMode'
146
- | 'animationIterationCount'
147
- | 'animationName'
148
- | 'animationPlayState'
149
- | 'animationTimingFunction'
150
- | 'animationRange'
151
- | 'animationRangeStart'
152
- | 'animationRangeEnd'
153
- | 'animationTimeline'
154
- | 'transformOrigin'
155
-
156
- export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
157
-
158
- export type AnimationStyles = Recursive<Token<AnimationStyle>>
159
-
160
108
  export interface CompositionStyles {
161
109
  textStyles: TextStyles
162
110
  layerStyles: LayerStyles
163
- animationStyles: AnimationStyles
164
111
  }
@@ -32,12 +32,6 @@ export interface Conditions {
32
32
  "_expanded": string
33
33
  /** `&[data-highlighted]` */
34
34
  "_highlighted": string
35
- /** `&[data-complete]` */
36
- "_complete": string
37
- /** `&[data-incomplete]` */
38
- "_incomplete": string
39
- /** `&[data-dragging]` */
40
- "_dragging": string
41
35
  /** `&::before` */
42
36
  "_before": string
43
37
  /** `&::after` */
@@ -118,9 +112,9 @@ export interface Conditions {
118
112
  "_invalid": string
119
113
  /** `&:autofill` */
120
114
  "_autofill": string
121
- /** `&:is(:in-range, [data-in-range])` */
115
+ /** `&:in-range` */
122
116
  "_inRange": string
123
- /** `&:is(:out-of-range, [data-outside-range])` */
117
+ /** `&:out-of-range` */
124
118
  "_outOfRange": string
125
119
  /** `&::placeholder, &[data-placeholder]` */
126
120
  "_placeholder": string
@@ -130,14 +124,6 @@ export interface Conditions {
130
124
  "_pressed": string
131
125
  /** `&:is([aria-selected=true], [data-selected])` */
132
126
  "_selected": string
133
- /** `&:is([aria-grabbed=true], [data-grabbed])` */
134
- "_grabbed": string
135
- /** `&[data-state=under-value]` */
136
- "_underValue": string
137
- /** `&[data-state=over-value]` */
138
- "_overValue": string
139
- /** `&[data-state=at-value]` */
140
- "_atValue": string
141
127
  /** `&:default` */
142
128
  "_default": string
143
129
  /** `&:optional` */
@@ -146,30 +132,14 @@ export interface Conditions {
146
132
  "_open": string
147
133
  /** `&:is([closed], [data-closed], [data-state="closed"])` */
148
134
  "_closed": string
149
- /** `&is(:fullscreen, [data-fullscreen])` */
135
+ /** `&:fullscreen` */
150
136
  "_fullscreen": string
151
137
  /** `&:is([data-loading], [aria-busy=true])` */
152
138
  "_loading": string
153
- /** `&:is([hidden], [data-hidden])` */
154
- "_hidden": string
155
- /** `&:is([aria-current=true], [data-current])` */
156
- "_current": string
157
139
  /** `&[aria-current=page]` */
158
140
  "_currentPage": string
159
141
  /** `&[aria-current=step]` */
160
142
  "_currentStep": string
161
- /** `&[data-today]` */
162
- "_today": string
163
- /** `&[data-unavailable]` */
164
- "_unavailable": string
165
- /** `&[data-range-start]` */
166
- "_rangeStart": string
167
- /** `&[data-range-end]` */
168
- "_rangeEnd": string
169
- /** `&[data-now]` */
170
- "_now": string
171
- /** `&[data-topmost]` */
172
- "_topmost": string
173
143
  /** `@media (prefers-reduced-motion: reduce)` */
174
144
  "_motionReduce": string
175
145
  /** `@media (prefers-reduced-motion: no-preference)` */
@@ -180,9 +150,9 @@ export interface Conditions {
180
150
  "_landscape": string
181
151
  /** `@media (orientation: portrait)` */
182
152
  "_portrait": string
183
- /** `.dark &` */
153
+ /** ` &.dark, .dark &` */
184
154
  "_dark": string
185
- /** `.light &` */
155
+ /** ` &.light, .light &` */
186
156
  "_light": string
187
157
  /** `@media (prefers-color-scheme: dark)` */
188
158
  "_osDark": string
@@ -208,111 +178,87 @@ export interface Conditions {
208
178
  "_horizontal": string
209
179
  /** `&[data-orientation=vertical]` */
210
180
  "_vertical": string
211
- /** `& :where(svg)` */
212
- "_icon": string
213
- /** `@starting-style` */
214
- "_starting": string
215
- /** `@media screen and (min-width: 40rem)` */
181
+ /** `@media screen and (min-width: 40em)` */
216
182
  "sm": string
217
- /** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
183
+ /** `@media screen and (min-width: 40em) and (max-width: 47.9975em)` */
218
184
  "smOnly": string
219
- /** `@media screen and (max-width: 39.9975rem)` */
185
+ /** `@media screen and (max-width: 39.9975em)` */
220
186
  "smDown": string
221
- /** `@media screen and (min-width: 48rem)` */
187
+ /** `@media screen and (min-width: 48em)` */
222
188
  "md": string
223
- /** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
189
+ /** `@media screen and (min-width: 48em) and (max-width: 63.9975em)` */
224
190
  "mdOnly": string
225
- /** `@media screen and (max-width: 47.9975rem)` */
191
+ /** `@media screen and (max-width: 47.9975em)` */
226
192
  "mdDown": string
227
- /** `@media screen and (min-width: 64rem)` */
193
+ /** `@media screen and (min-width: 64em)` */
228
194
  "lg": string
229
- /** `@media screen and (min-width: 64rem) and (max-width: 68.7475rem)` */
195
+ /** `@media screen and (min-width: 64em) and (max-width: 68.7475em)` */
230
196
  "lgOnly": string
231
- /** `@media screen and (max-width: 63.9975rem)` */
197
+ /** `@media screen and (max-width: 63.9975em)` */
232
198
  "lgDown": string
233
- /** `@media screen and (min-width: 68.75rem)` */
199
+ /** `@media screen and (min-width: 68.75em)` */
234
200
  "2lg": string
235
- /** `@media screen and (min-width: 68.75rem) and (max-width: 79.9975rem)` */
201
+ /** `@media screen and (min-width: 68.75em) and (max-width: 79.9975em)` */
236
202
  "2lgOnly": string
237
- /** `@media screen and (max-width: 68.7475rem)` */
203
+ /** `@media screen and (max-width: 68.7475em)` */
238
204
  "2lgDown": string
239
- /** `@media screen and (min-width: 80rem)` */
205
+ /** `@media screen and (min-width: 80em)` */
240
206
  "xl": string
241
- /** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
207
+ /** `@media screen and (min-width: 80em) and (max-width: 95.9975em)` */
242
208
  "xlOnly": string
243
- /** `@media screen and (max-width: 79.9975rem)` */
209
+ /** `@media screen and (max-width: 79.9975em)` */
244
210
  "xlDown": string
245
- /** `@media screen and (min-width: 96rem)` */
211
+ /** `@media screen and (min-width: 96em)` */
246
212
  "2xl": string
247
- /** `@media screen and (min-width: 96rem)` */
213
+ /** `@media screen and (min-width: 96em)` */
248
214
  "2xlOnly": string
249
- /** `@media screen and (max-width: 95.9975rem)` */
215
+ /** `@media screen and (max-width: 95.9975em)` */
250
216
  "2xlDown": string
251
- /** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
217
+ /** `@media screen and (min-width: 40em) and (max-width: 47.9975em)` */
252
218
  "smToMd": string
253
- /** `@media screen and (min-width: 40rem) and (max-width: 63.9975rem)` */
219
+ /** `@media screen and (min-width: 40em) and (max-width: 63.9975em)` */
254
220
  "smToLg": string
255
- /** `@media screen and (min-width: 40rem) and (max-width: 68.7475rem)` */
221
+ /** `@media screen and (min-width: 40em) and (max-width: 68.7475em)` */
256
222
  "smTo2lg": string
257
- /** `@media screen and (min-width: 40rem) and (max-width: 79.9975rem)` */
223
+ /** `@media screen and (min-width: 40em) and (max-width: 79.9975em)` */
258
224
  "smToXl": string
259
- /** `@media screen and (min-width: 40rem) and (max-width: 95.9975rem)` */
225
+ /** `@media screen and (min-width: 40em) and (max-width: 95.9975em)` */
260
226
  "smTo2xl": string
261
- /** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
227
+ /** `@media screen and (min-width: 48em) and (max-width: 63.9975em)` */
262
228
  "mdToLg": string
263
- /** `@media screen and (min-width: 48rem) and (max-width: 68.7475rem)` */
229
+ /** `@media screen and (min-width: 48em) and (max-width: 68.7475em)` */
264
230
  "mdTo2lg": string
265
- /** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
231
+ /** `@media screen and (min-width: 48em) and (max-width: 79.9975em)` */
266
232
  "mdToXl": string
267
- /** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */
233
+ /** `@media screen and (min-width: 48em) and (max-width: 95.9975em)` */
268
234
  "mdTo2xl": string
269
- /** `@media screen and (min-width: 64rem) and (max-width: 68.7475rem)` */
235
+ /** `@media screen and (min-width: 64em) and (max-width: 68.7475em)` */
270
236
  "lgTo2lg": string
271
- /** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
237
+ /** `@media screen and (min-width: 64em) and (max-width: 79.9975em)` */
272
238
  "lgToXl": string
273
- /** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */
239
+ /** `@media screen and (min-width: 64em) and (max-width: 95.9975em)` */
274
240
  "lgTo2xl": string
275
- /** `@media screen and (min-width: 68.75rem) and (max-width: 79.9975rem)` */
241
+ /** `@media screen and (min-width: 68.75em) and (max-width: 79.9975em)` */
276
242
  "2lgToXl": string
277
- /** `@media screen and (min-width: 68.75rem) and (max-width: 95.9975rem)` */
243
+ /** `@media screen and (min-width: 68.75em) and (max-width: 95.9975em)` */
278
244
  "2lgTo2xl": string
279
- /** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
245
+ /** `@media screen and (min-width: 80em) and (max-width: 95.9975em)` */
280
246
  "xlTo2xl": string
281
- /** `@container (min-width: 20rem)` */
282
- "@/xs": string
283
- /** `@container (min-width: 24rem)` */
284
- "@/sm": string
285
- /** `@container (min-width: 28rem)` */
286
- "@/md": string
287
- /** `@container (min-width: 32rem)` */
288
- "@/lg": string
289
- /** `@container (min-width: 36rem)` */
290
- "@/xl": string
291
- /** `@container (min-width: 42rem)` */
292
- "@/2xl": string
293
- /** `@container (min-width: 48rem)` */
294
- "@/3xl": string
295
- /** `@container (min-width: 56rem)` */
296
- "@/4xl": string
297
- /** `@container (min-width: 64rem)` */
298
- "@/5xl": string
299
- /** `@container (min-width: 72rem)` */
300
- "@/6xl": string
301
- /** `@container (min-width: 80rem)` */
302
- "@/7xl": string
303
- /** `@container (min-width: 90rem)` */
304
- "@/8xl": string
305
247
  /** The base (=no conditions) styles to apply */
306
248
  "base": string
307
249
  }
308
250
 
309
- export type ConditionalValue<V> =
251
+ export type Condition = keyof Conditions
252
+
253
+ export type Conditional<V> =
310
254
  | V
311
255
  | Array<V | null>
312
256
  | {
313
- [K in keyof Conditions]?: ConditionalValue<V>
257
+ [K in keyof Conditions]?: Conditional<V>
314
258
  }
315
259
 
260
+ export type ConditionalValue<T> = Conditional<T>
261
+
316
262
  export type Nested<P> = P & {
317
263
  [K in Selectors]?: Nested<P>
318
264
  } & {
@@ -13,7 +13,6 @@ declare module '@pandacss/dev' {
13
13
  export function defineStyles(definition: SystemStyleObject): SystemStyleObject
14
14
  export function defineGlobalStyles(definition: GlobalStyleObject): Panda.GlobalStyleObject
15
15
  export function defineTextStyles(definition: CompositionStyles['textStyles']): Panda.TextStyles
16
- export function defineAnimationStyles(definition: CompositionStyles['animationStyles']): Panda.AnimationStyles
17
16
  export function defineLayerStyles(definition: CompositionStyles['layerStyles']): Panda.LayerStyles
18
17
  export function definePattern<T extends PatternProperties>(config: PatternConfig<T>): Panda.PatternConfig
19
18
  export function defineParts<T extends Parts>(parts: T): (config: Partial<Record<keyof T, SystemStyleObject>>) => Partial<Record<keyof T, SystemStyleObject>>
@@ -1,5 +1,5 @@
1
1
  /* eslint-disable */
2
- import type { ComponentPropsWithoutRef, ElementType, ElementRef, JSX, Ref } from 'react'
2
+ import type { ComponentPropsWithoutRef, ElementType, ElementRef, Ref } from 'react'
3
3
  import type { RecipeDefinition, RecipeSelection, RecipeVariantRecord } from './recipe.d.mts';
4
4
  import type { Assign, DistributiveOmit, DistributiveUnion, JsxHTMLProps, JsxStyleProps, Pretty } from './system-types.d.mts';
5
5
 
@@ -13,20 +13,13 @@ export type PatternProperty =
13
13
 
14
14
  export interface PatternHelpers {
15
15
  map: (value: any, fn: (value: string) => string | undefined) => any
16
- isCssUnit: (value: any) => boolean
17
- isCssVar: (value: any) => boolean
18
- isCssFunction: (value: any) => boolean
19
16
  }
20
17
 
21
18
  export interface PatternProperties {
22
19
  [key: string]: PatternProperty
23
20
  }
24
21
 
25
- type InferProps<T> = Record<LiteralUnion<keyof T>, any>
26
-
27
- export type PatternDefaultValue<T> = Partial<InferProps<T>>
28
-
29
- export type PatternDefaultValueFn<T> = (props: InferProps<T>) => PatternDefaultValue<T>
22
+ type Props<T> = Record<LiteralUnion<keyof T>, any>
30
23
 
31
24
  export interface PatternConfig<T extends PatternProperties = PatternProperties> {
32
25
  /**
@@ -42,18 +35,10 @@ export interface PatternConfig<T extends PatternProperties = PatternProperties>
42
35
  * The properties of the pattern.
43
36
  */
44
37
  properties?: T
45
- /**
46
- * The default values of the pattern.
47
- */
48
- defaultValues?: PatternDefaultValue<T> | PatternDefaultValueFn<T>
49
38
  /**
50
39
  * The css object this pattern will generate.
51
40
  */
52
- transform?: (props: InferProps<T>, helpers: PatternHelpers) => SystemStyleObject
53
- /**
54
- * Whether the pattern is deprecated.
55
- */
56
- deprecated?: boolean | string
41
+ transform?: (props: Props<T>, helpers: PatternHelpers) => SystemStyleObject
57
42
  /**
58
43
  * The jsx element name this pattern will generate.
59
44
  */