@optiaxiom/react 0.1.0-next.16 → 0.1.0-next.18

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 (172) hide show
  1. package/README.md +1 -9
  2. package/dist/PopoverContent-Cyo4iBvE.d.ts +367 -0
  3. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-BZ7bzZP9.css +25 -0
  4. package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-4LrJ1QuW.css → AccordionTrigger.css.ts.vanilla-DdXgiCqZ.css} +6 -6
  5. package/dist/assets/src/alert/Alert.css.ts.vanilla-AC1zWh3i.css +43 -0
  6. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-Iclo0aet.css → AlertDialogContent.css.ts.vanilla-D0aMZ0w8.css} +7 -7
  7. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BkEgo6PX.css +6 -0
  8. package/dist/assets/src/alert-dialog-footer/{AlertDialogFooter.css.ts.vanilla-3BCX18Oc.css → AlertDialogFooter.css.ts.vanilla-DscsPTsD.css} +3 -3
  9. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DVYtuHQ1.css +24 -0
  10. package/dist/assets/src/badge/Badge.css.ts.vanilla-ClkJ_u5F.css +47 -0
  11. package/dist/assets/src/box/{Box.css.ts.vanilla-_TO4h5zD.css → Box.css.ts.vanilla-DzdICr9X.css} +23 -23
  12. package/dist/assets/src/button/Button.css.ts.vanilla-BTd9lTdf.css +141 -0
  13. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BUlH2nOp.css +23 -0
  14. package/dist/assets/src/code/Code.css.ts.vanilla-B52uQ9L0.css +7 -0
  15. package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-DPd2tbIM.css → CommandItem.css.ts.vanilla-6tivpdOm.css} +5 -5
  16. package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-CCZC8sV0.css → CommandList.css.ts.vanilla-cJSL04GG.css} +3 -3
  17. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-DNWFGycD.css +41 -0
  18. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMj_Dytg.css +6 -0
  19. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CfwdS2Dn.css → DialogContent.css.ts.vanilla-dM4h8lLR.css} +8 -8
  20. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CwD5hBpe.css → Drawer.css.ts.vanilla-BfBPQjk-.css} +8 -8
  21. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-CJ3CmHfW.css → HoverCardContent.css.ts.vanilla-B31ykq1Q.css} +3 -3
  22. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CEMQKt4r.css +31 -0
  23. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-DwUyjKmG.css → InputBase.css.ts.vanilla-JlIy9jXM.css} +15 -15
  24. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-yOmbCTVp.css +9 -0
  25. package/dist/assets/src/layers/layers.css.ts.vanilla-C0Uc6A8D.css +4 -0
  26. package/dist/assets/src/link/{Link.css.ts.vanilla-CRyQmfjf.css → Link.css.ts.vanilla-Bf2IIs3j.css} +12 -12
  27. package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-BpYwBFQU.css → MenuContentBase.css.ts.vanilla-DthVhVaj.css} +3 -3
  28. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-TYpr7a-c.css +33 -0
  29. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CyYG5Rqz.css +6 -0
  30. package/dist/assets/src/pill/{Pill.css.ts.vanilla-BNxp3xQ4.css → Pill.css.ts.vanilla-CzA0GbOu.css} +4 -4
  31. package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-DLR321__.css → PopoverContent.css.ts.vanilla-CKx6WAG_.css} +3 -3
  32. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-9txO00eX.css +9 -0
  33. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DCMuvBgL.css +6 -0
  34. package/dist/assets/src/separator/{Separator.css.ts.vanilla-CHJnbp6x.css → Separator.css.ts.vanilla-_Evw8coN.css} +10 -10
  35. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-Cd--tSTW.css +6 -0
  36. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-D9OyJ1Ih.css → sprinkles.css.ts.vanilla-CWInbvhm.css} +2297 -2261
  37. package/dist/assets/src/switch/Switch.css.ts.vanilla-CK-3AKAY.css +26 -0
  38. package/dist/assets/src/table/Table.css.ts.vanilla-CTGILY5k.css +9 -0
  39. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-CKsWc1SR.css +6 -0
  40. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-UUPVENtS.css → TableCell.css.ts.vanilla-WQWUwMeZ.css} +4 -4
  41. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-B3DRJBru.css +6 -0
  42. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-iSWH_OkR.css +4 -0
  43. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-ROhQXYmq.css +9 -0
  44. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-C2E7_0fo.css +23 -0
  45. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-C745JKgD.css → TabsTrigger.css.ts.vanilla-BNJjgHvC.css} +10 -10
  46. package/dist/assets/src/text/{Text.css.ts.vanilla-DkbtFw2B.css → Text.css.ts.vanilla-BvzD3lMf.css} +8 -8
  47. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-8uk_9UJz.css +9 -0
  48. package/dist/assets/src/toast/Toast.css.ts.vanilla-Cmr5JjvD.css +89 -0
  49. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-BLTqnucc.css → ToastProvider.css.ts.vanilla-U5IpQ-47.css} +9 -9
  50. package/dist/assets/src/transition/{Transition.css.ts.vanilla-WsYYK30s.css → Transition.css.ts.vanilla-Cb0oRAnj.css} +16 -16
  51. package/dist/index.d.ts +82 -1240
  52. package/dist/index.js +4 -5
  53. package/dist/package.json.js +2 -98
  54. package/dist/src/accordion-content/AccordionContent-css.js +3 -3
  55. package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -5
  56. package/dist/src/accordion-trigger/AccordionTrigger.js +3 -3
  57. package/dist/src/alert/Alert-css.js +4 -5
  58. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  59. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
  60. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -4
  61. package/dist/src/avatar/Avatar-css.js +4 -5
  62. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  63. package/dist/src/axiom-provider/AxiomProvider.js +6 -5
  64. package/dist/src/badge/Badge-css.js +3 -4
  65. package/dist/src/box/Box-css.js +3 -4
  66. package/dist/src/box/Box.js +1 -2
  67. package/dist/src/button/Button-css.js +9 -10
  68. package/dist/src/button/Button.js +7 -7
  69. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  70. package/dist/src/checkbox/Checkbox-css.js +6 -7
  71. package/dist/src/code/Code-css.js +3 -3
  72. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  73. package/dist/src/command-item/CommandItem-css.js +3 -4
  74. package/dist/src/command-list/CommandList-css.js +3 -3
  75. package/dist/src/control-base/ControlBase-css.js +6 -7
  76. package/dist/src/dialog-body/DialogBody-css.js +3 -3
  77. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  78. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  79. package/dist/src/drawer/Drawer-css.js +5 -5
  80. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +1 -1
  81. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  82. package/dist/src/hover-card-content/HoverCardContent.js +1 -2
  83. package/dist/src/indicator/Indicator-css.js +5 -5
  84. package/dist/src/input/Input-css.js +3 -3
  85. package/dist/src/input/Input.js +5 -5
  86. package/dist/src/input-base/InputBase-css.js +4 -5
  87. package/dist/src/input-base/InputBase.js +6 -6
  88. package/dist/src/kbd/Kbd-css.js +3 -3
  89. package/dist/src/layers/layers-css.js +8 -0
  90. package/dist/src/link/Link-css.js +4 -5
  91. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  92. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -4
  93. package/dist/src/menu-item-base/MenuItemBase.js +4 -4
  94. package/dist/src/pagination/Pagination-css.js +3 -4
  95. package/dist/src/pill/Pill-css.js +3 -4
  96. package/dist/src/pill/Pill.js +4 -4
  97. package/dist/src/popover-content/PopoverContent-css.js +3 -3
  98. package/dist/src/popover-content/PopoverContent.js +1 -2
  99. package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -6
  100. package/dist/src/search-input/SearchInput-css.js +4 -4
  101. package/dist/src/search-input/SearchInput.js +3 -3
  102. package/dist/src/separator/Separator-css.js +3 -3
  103. package/dist/src/skeleton/Skeleton-css.js +3 -3
  104. package/dist/src/sprinkles/sprinkles-css.js +3 -4
  105. package/dist/src/switch/Switch-css.js +6 -7
  106. package/dist/src/table/Table-css.js +4 -4
  107. package/dist/src/table-body/TableBody-css.js +3 -3
  108. package/dist/src/table-cell/TableCell-css.js +4 -5
  109. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  110. package/dist/src/table-row/TableRow-css.js +3 -3
  111. package/dist/src/tabs/Tabs-css.js +3 -3
  112. package/dist/src/tabs-list/TabsList-css.js +3 -4
  113. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -5
  114. package/dist/src/tabs-trigger/TabsTrigger.js +6 -6
  115. package/dist/src/text/Text-css.js +3 -3
  116. package/dist/src/textarea/Textarea-css.js +4 -4
  117. package/dist/src/theme-provider/ThemeProvider.js +25 -0
  118. package/dist/src/toast/Toast-css.js +5 -6
  119. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  120. package/dist/src/toast-provider/ToastProvider.js +2 -1
  121. package/dist/src/tooltip/Tooltip.js +1 -2
  122. package/dist/src/transition/Transition-css.js +3 -3
  123. package/dist/src/utils/conditions.js +1 -1
  124. package/dist/unstable.d.ts +29 -29
  125. package/package.json +7 -5
  126. package/dist/PopoverContent-DHQm-nPQ.d.ts +0 -367
  127. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-DTL_N_8t.css +0 -25
  128. package/dist/assets/src/alert/Alert.css.ts.vanilla-CgsHDZHO.css +0 -43
  129. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DES_8BRp.css +0 -6
  130. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-YFYCqi4E.css +0 -24
  131. package/dist/assets/src/badge/Badge.css.ts.vanilla-2xKxI9hH.css +0 -47
  132. package/dist/assets/src/button/Button.css.ts.vanilla-C5Mge_U0.css +0 -141
  133. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-CVkYXFLB.css +0 -23
  134. package/dist/assets/src/code/Code.css.ts.vanilla-fccn-cCb.css +0 -7
  135. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-bFUlyJGU.css +0 -41
  136. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-C42GcBP7.css +0 -6
  137. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-B-DpJ47k.css +0 -31
  138. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BSscyy3r.css +0 -9
  139. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-CmzozOCq.css +0 -33
  140. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-B_hbIvh4.css +0 -6
  141. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-DGqbMFNK.css +0 -9
  142. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-BBGI6FfM.css +0 -6
  143. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-BnrUwQck.css +0 -6
  144. package/dist/assets/src/styles/layers.css.ts.vanilla-DOtWUDXC.css +0 -4
  145. package/dist/assets/src/styles/theme.css.ts.vanilla-BZP-0Wgr.css +0 -678
  146. package/dist/assets/src/switch/Switch.css.ts.vanilla-CMS5oguW.css +0 -26
  147. package/dist/assets/src/table/Table.css.ts.vanilla-CQ_sn7Bk.css +0 -9
  148. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-BaPO3BxH.css +0 -6
  149. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-CHQSdwic.css +0 -6
  150. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-D7uZcMEm.css +0 -4
  151. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-BdV1FKnr.css +0 -9
  152. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-D_56Zx3U.css +0 -23
  153. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-DXsdo6Ye.css +0 -9
  154. package/dist/assets/src/toast/Toast.css.ts.vanilla-DjI03j7j.css +0 -89
  155. package/dist/src/styles/layers-css.js +0 -8
  156. package/dist/src/styles/theme-css.js +0 -5
  157. package/dist/src/tokens/borderRadius.js +0 -13
  158. package/dist/src/tokens/borderWidth.js +0 -8
  159. package/dist/src/tokens/boxShadow.js +0 -11
  160. package/dist/src/tokens/colors.js +0 -253
  161. package/dist/src/tokens/fontFamily.js +0 -6
  162. package/dist/src/tokens/fontSize.js +0 -50
  163. package/dist/src/tokens/index.js +0 -37
  164. package/dist/src/tokens/letterSpacing.js +0 -10
  165. package/dist/src/tokens/lineHeight.js +0 -8
  166. package/dist/src/tokens/margins.js +0 -25
  167. package/dist/src/tokens/maxSize.js +0 -13
  168. package/dist/src/tokens/rem.js +0 -3
  169. package/dist/src/tokens/screens.js +0 -9
  170. package/dist/src/tokens/size.js +0 -53
  171. package/dist/src/tokens/spacing.js +0 -25
  172. package/dist/src/tokens/zIndex.js +0 -13
@@ -1,367 +0,0 @@
1
- import * as react from 'react';
2
- import { ElementType, ComponentPropsWithoutRef } from 'react';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import * as RadixPopover from '@radix-ui/react-popover';
5
- import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
6
-
7
- declare const sprinkles: ((props: {
8
- animation?: "ping" | "pulse" | "spin" | undefined;
9
- backgroundColor?: "transparent" | "brand.50" | "brand.500" | "brand.600" | "neutral.1200/18" | "purple.50" | "red.50" | "red.500" | "red.600" | "blue.50" | "blue.600" | "neutral.1200/4" | "neutral.75" | "neutral.800" | "neutral.900" | "neutral.200" | "neutral.300" | "green.50" | "green.500" | "green.600" | "yellow.50" | "yellow.500" | "yellow.600" | "neutral.500" | "neutral.600" | "neutral.150" | "neutral.100" | "blue.500" | "magenta.600" | "purple.600" | "brand.700" | "white" | "neutral.1200/32" | "red.700" | "purple.500" | "neutral.700" | "green.700" | "yellow.700" | "brand.300" | "neutral.1000" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "red.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.disabled" | "bg.discovery" | "bg.error" | "bg.error.solid" | "bg.error.solid.hover" | "bg.information" | "bg.information.solid" | "bg.input.disabled" | "bg.neutral" | "bg.neutral.inverse" | "bg.neutral.inverse.hover" | "bg.neutral.solid" | "bg.neutral.solid.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.warning" | "bg.warning.solid" | "bg.warning.solid.hover" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.accent.red" | "fg.brand" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.information" | "fg.link" | "fg.link.hover" | "fg.link.visited" | "fg.secondary" | "fg.success" | "fg.tertiary" | "fg.warning" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "brand.100" | "brand.200" | "brand.400" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "red.100" | "red.300" | "red.400" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.800" | "yellow.900" | undefined;
10
- borderBottomWidth?: "2" | "4" | "0" | "1" | undefined;
11
- borderColor?: "transparent" | "brand.50" | "brand.500" | "brand.600" | "neutral.1200/18" | "purple.50" | "red.50" | "red.500" | "red.600" | "blue.50" | "blue.600" | "neutral.1200/4" | "neutral.75" | "neutral.800" | "neutral.900" | "neutral.200" | "neutral.300" | "green.50" | "green.500" | "green.600" | "yellow.50" | "yellow.500" | "yellow.600" | "neutral.500" | "neutral.600" | "neutral.150" | "neutral.100" | "blue.500" | "magenta.600" | "purple.600" | "brand.700" | "white" | "neutral.1200/32" | "red.700" | "purple.500" | "neutral.700" | "green.700" | "yellow.700" | "brand.300" | "neutral.1000" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "red.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.disabled" | "bg.discovery" | "bg.error" | "bg.error.solid" | "bg.error.solid.hover" | "bg.information" | "bg.information.solid" | "bg.input.disabled" | "bg.neutral" | "bg.neutral.inverse" | "bg.neutral.inverse.hover" | "bg.neutral.solid" | "bg.neutral.solid.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.warning" | "bg.warning.solid" | "bg.warning.solid.hover" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.accent.red" | "fg.brand" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.information" | "fg.link" | "fg.link.hover" | "fg.link.visited" | "fg.secondary" | "fg.success" | "fg.tertiary" | "fg.warning" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "brand.100" | "brand.200" | "brand.400" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "red.100" | "red.300" | "red.400" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.800" | "yellow.900" | undefined;
12
- borderLeftWidth?: "2" | "4" | "0" | "1" | undefined;
13
- borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
14
- borderRightWidth?: "2" | "4" | "0" | "1" | undefined;
15
- borderTopWidth?: "2" | "4" | "0" | "1" | undefined;
16
- boxShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
17
- color?: "transparent" | "brand.50" | "brand.500" | "brand.600" | "neutral.1200/18" | "purple.50" | "red.50" | "red.500" | "red.600" | "blue.50" | "blue.600" | "neutral.1200/4" | "neutral.75" | "neutral.800" | "neutral.900" | "neutral.200" | "neutral.300" | "green.50" | "green.500" | "green.600" | "yellow.50" | "yellow.500" | "yellow.600" | "neutral.500" | "neutral.600" | "neutral.150" | "neutral.100" | "blue.500" | "magenta.600" | "purple.600" | "brand.700" | "white" | "neutral.1200/32" | "red.700" | "purple.500" | "neutral.700" | "green.700" | "yellow.700" | "brand.300" | "neutral.1000" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "red.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.disabled" | "bg.discovery" | "bg.error" | "bg.error.solid" | "bg.error.solid.hover" | "bg.information" | "bg.information.solid" | "bg.input.disabled" | "bg.neutral" | "bg.neutral.inverse" | "bg.neutral.inverse.hover" | "bg.neutral.solid" | "bg.neutral.solid.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.warning" | "bg.warning.solid" | "bg.warning.solid.hover" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.accent.red" | "fg.brand" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.information" | "fg.link" | "fg.link.hover" | "fg.link.visited" | "fg.secondary" | "fg.success" | "fg.tertiary" | "fg.warning" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "brand.100" | "brand.200" | "brand.400" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "red.100" | "red.300" | "red.400" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.800" | "yellow.900" | undefined;
18
- cursor?: "pointer" | "default" | "text" | undefined;
19
- empty?: "hidden" | undefined;
20
- fontFamily?: "mono" | "sans" | undefined;
21
- fontWeight?: "600" | "900" | "100" | "200" | "300" | "400" | "500" | "700" | "800" | undefined;
22
- letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
23
- objectFit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
24
- overflowX?: "auto" | "hidden" | "visible" | undefined;
25
- overflowY?: "auto" | "hidden" | "visible" | undefined;
26
- textAlign?: "end" | "start" | "center" | "justify" | undefined;
27
- textTransform?: "none" | "capitalize" | "uppercase" | undefined;
28
- transition?: "colors" | "opacity" | "transform" | "all" | undefined;
29
- whiteSpace?: "nowrap" | undefined;
30
- zIndex?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | "toast" | undefined;
31
- bg?: "transparent" | "brand.50" | "brand.500" | "brand.600" | "neutral.1200/18" | "purple.50" | "red.50" | "red.500" | "red.600" | "blue.50" | "blue.600" | "neutral.1200/4" | "neutral.75" | "neutral.800" | "neutral.900" | "neutral.200" | "neutral.300" | "green.50" | "green.500" | "green.600" | "yellow.50" | "yellow.500" | "yellow.600" | "neutral.500" | "neutral.600" | "neutral.150" | "neutral.100" | "blue.500" | "magenta.600" | "purple.600" | "brand.700" | "white" | "neutral.1200/32" | "red.700" | "purple.500" | "neutral.700" | "green.700" | "yellow.700" | "brand.300" | "neutral.1000" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "red.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "gray.900" | "bg.brand" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.disabled" | "bg.discovery" | "bg.error" | "bg.error.solid" | "bg.error.solid.hover" | "bg.information" | "bg.information.solid" | "bg.input.disabled" | "bg.neutral" | "bg.neutral.inverse" | "bg.neutral.inverse.hover" | "bg.neutral.solid" | "bg.neutral.solid.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.warning" | "bg.warning.solid" | "bg.warning.solid.hover" | "border.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.accent.red" | "fg.brand" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.information" | "fg.link" | "fg.link.hover" | "fg.link.visited" | "fg.secondary" | "fg.success" | "fg.tertiary" | "fg.warning" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "brand.100" | "brand.200" | "brand.400" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "green.100" | "green.300" | "green.400" | "green.800" | "magenta.50" | "magenta.500" | "neutral.50" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.1200/12" | "neutral.1200/22" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "red.100" | "red.300" | "red.400" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.800" | "yellow.900" | undefined;
32
- border?: "2" | "4" | "0" | "1" | undefined;
33
- borderB?: "2" | "4" | "0" | "1" | undefined;
34
- borderL?: "2" | "4" | "0" | "1" | undefined;
35
- borderR?: "2" | "4" | "0" | "1" | undefined;
36
- borderT?: "2" | "4" | "0" | "1" | undefined;
37
- overflow?: "auto" | "hidden" | "visible" | undefined;
38
- rounded?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
39
- shadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
40
- tracking?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
41
- z?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | "toast" | undefined;
42
- } & {
43
- alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
44
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
45
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
46
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
47
- readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
48
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | null>;
49
- alignSelf?: ("end" | "start" | "center" | "normal" | "stretch" | {
50
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
51
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
52
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
53
- readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
54
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | null>;
55
- display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
56
- readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
57
- readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
58
- readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
59
- readonly lg?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
60
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
61
- flex?: ("1" | "auto" | "none" | "initial" | {
62
- readonly base?: "1" | "auto" | "none" | "initial" | undefined;
63
- readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
64
- readonly md?: "1" | "auto" | "none" | "initial" | undefined;
65
- readonly lg?: "1" | "auto" | "none" | "initial" | undefined;
66
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "1" | "auto" | "none" | "initial" | null>;
67
- flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
68
- readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
69
- readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
70
- readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
71
- readonly lg?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
72
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "column" | "column-reverse" | "row" | "row-reverse" | null>;
73
- flexWrap?: ("nowrap" | "wrap" | {
74
- readonly base?: "nowrap" | "wrap" | undefined;
75
- readonly sm?: "nowrap" | "wrap" | undefined;
76
- readonly md?: "nowrap" | "wrap" | undefined;
77
- readonly lg?: "nowrap" | "wrap" | undefined;
78
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "nowrap" | "wrap" | null>;
79
- fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | {
80
- readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
81
- readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
82
- readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
83
- readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
84
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null>;
85
- gap?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
86
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
87
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
88
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
89
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
90
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
91
- gridColumn?: ("2" | "4" | "1" | "3" | {
92
- readonly base?: "2" | "4" | "1" | "3" | undefined;
93
- readonly sm?: "2" | "4" | "1" | "3" | undefined;
94
- readonly md?: "2" | "4" | "1" | "3" | undefined;
95
- readonly lg?: "2" | "4" | "1" | "3" | undefined;
96
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "1" | "3" | null>;
97
- gridTemplateColumns?: ("2" | "4" | "1" | "3" | {
98
- readonly base?: "2" | "4" | "1" | "3" | undefined;
99
- readonly sm?: "2" | "4" | "1" | "3" | undefined;
100
- readonly md?: "2" | "4" | "1" | "3" | undefined;
101
- readonly lg?: "2" | "4" | "1" | "3" | undefined;
102
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "1" | "3" | null>;
103
- height?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
104
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
105
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
106
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
107
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
108
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
109
- justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
110
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
111
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
112
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
113
- readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
114
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | null>;
115
- justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
116
- readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
117
- readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
118
- readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
119
- readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
120
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "end" | "start" | "center" | "normal" | "stretch" | null>;
121
- lineHeight?: ("none" | "normal" | "tight" | "loose" | {
122
- readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
123
- readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
124
- readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
125
- readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
126
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "normal" | "tight" | "loose" | null>;
127
- marginBottom?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
128
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
129
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
130
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
131
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
132
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
133
- marginLeft?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
134
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
135
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
136
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
137
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
138
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
139
- marginRight?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
140
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
141
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
142
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
143
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
144
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
145
- marginTop?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
146
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
147
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
148
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
149
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
150
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
151
- maxHeight?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
152
- readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
153
- readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
154
- readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
155
- readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
156
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
157
- maxWidth?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
158
- readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
159
- readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
160
- readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
161
- readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
162
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
163
- paddingBottom?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
164
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
165
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
166
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
167
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
168
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
169
- paddingLeft?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
170
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
171
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
172
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
173
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
174
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
175
- paddingRight?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
176
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
177
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
178
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
179
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
180
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
181
- paddingTop?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
182
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
183
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
184
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
185
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
186
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
187
- placeItems?: ("center" | {
188
- readonly base?: "center" | undefined;
189
- readonly sm?: "center" | undefined;
190
- readonly md?: "center" | undefined;
191
- readonly lg?: "center" | undefined;
192
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "center" | null>;
193
- width?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
194
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
195
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
196
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
197
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
198
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
199
- h?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
200
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
201
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
202
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
203
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
204
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
205
- leading?: ("none" | "normal" | "tight" | "loose" | {
206
- readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
207
- readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
208
- readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
209
- readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
210
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "normal" | "tight" | "loose" | null>;
211
- m?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
212
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
213
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
214
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
215
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
216
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
217
- maxH?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
218
- readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
219
- readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
220
- readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
221
- readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
222
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
223
- maxW?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
224
- readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
225
- readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
226
- readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
227
- readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
228
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
229
- mb?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
230
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
231
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
232
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
233
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
234
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
235
- ml?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
236
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
237
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
238
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
239
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
240
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
241
- mr?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
242
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
243
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
244
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
245
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
246
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
247
- mt?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
248
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
249
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
250
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
251
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
252
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
253
- mx?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
254
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
255
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
256
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
257
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
258
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
259
- my?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
260
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
261
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
262
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
263
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
264
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
265
- p?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
266
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
267
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
268
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
269
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
270
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
271
- pb?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
272
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
273
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
274
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
275
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
276
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
277
- pl?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
278
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
279
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
280
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
281
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
282
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
283
- pr?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
284
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
285
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
286
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
287
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
288
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
289
- pt?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
290
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
291
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
292
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
293
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
294
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
295
- px?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
296
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
297
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
298
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
299
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
300
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
301
- py?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
302
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
303
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
304
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
305
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
306
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
307
- size?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
308
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
309
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
310
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
311
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
312
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
313
- w?: ("2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
314
- readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
315
- readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
316
- readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
317
- readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
318
- } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "6" | "8" | "12" | "0" | "16" | "20" | "24" | "32" | "40" | "48" | "1" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "5xl" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
319
- }) => string) & {
320
- properties: Set<"borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "letterSpacing" | "lineHeight" | "size" | "zIndex" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "color" | "animation" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
321
- };
322
- declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends _vanilla_extract_sprinkles.ConditionalValue<{
323
- conditions: {
324
- defaultCondition: "base";
325
- conditionNames: ("sm" | "md" | "lg" | "base")[];
326
- responsiveArray: ("sm" | "md" | "lg" | "base")[] & {
327
- length: 3;
328
- };
329
- };
330
- styles: {};
331
- }, string | number | boolean>>(value: Value, fn: (inputValue: Value extends _vanilla_extract_sprinkles.ResponsiveArray<1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1 | 5 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1 | 5 | 4 | 6, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1 | 5 | 4 | 6 | 7, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1 | 5 | 4 | 8 | 6 | 7, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "lg" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "lg" | "base", OutputValue>>;
332
- type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "height" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
333
- type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
334
-
335
- type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
336
-
337
- type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<{
338
- asChild?: boolean;
339
- className?: string;
340
- } & Sprinkles, P>>;
341
- declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
342
- asChild?: boolean;
343
- className?: string;
344
- } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
345
-
346
- declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
347
- asChild?: boolean;
348
- className?: string;
349
- } & Sprinkles, never> & {
350
- disabled?: boolean;
351
- external?: boolean;
352
- } & {
353
- colorScheme?: "primary" | "secondary" | "neutral" | undefined;
354
- } & react.RefAttributes<HTMLAnchorElement>>;
355
-
356
- type PopoverProps = BoxProps<typeof RadixPopover.Root>;
357
- declare function Popover({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
358
- declare namespace Popover {
359
- var displayName: string;
360
- }
361
-
362
- type PopoverContentProps = BoxProps<typeof RadixPopover.Content, {
363
- withArrow?: boolean;
364
- }>;
365
- declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
366
-
367
- export { type BoxProps as B, type ExtendProps as E, Link as L, Popover as P, type Sprinkles as S, Box as a, PopoverContent as b, mapResponsiveValue as m, sprinkles as s };