@optiaxiom/react 0.1.0-next.17 → 0.1.0-next.19

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 (171) hide show
  1. package/dist/PopoverContent-Cyo4iBvE.d.ts +367 -0
  2. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CeZqbfeZ.css +25 -0
  3. package/dist/assets/src/accordion-trigger/{AccordionTrigger.css.ts.vanilla-Bk2yaB9b.css → AccordionTrigger.css.ts.vanilla-B4Qle9mU.css} +6 -6
  4. package/dist/assets/src/alert/Alert.css.ts.vanilla-CozfM5PZ.css +43 -0
  5. package/dist/assets/src/alert-dialog-content/{AlertDialogContent.css.ts.vanilla-udVSBh-F.css → AlertDialogContent.css.ts.vanilla-C2JN8mVr.css} +7 -7
  6. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-BqS3DoOb.css +6 -0
  7. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-C3kxC2t1.css +6 -0
  8. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-BbCo_LUp.css +24 -0
  9. package/dist/assets/src/badge/Badge.css.ts.vanilla-DdSqM1SO.css +47 -0
  10. package/dist/assets/src/box/{Box.css.ts.vanilla-DqlsipSp.css → Box.css.ts.vanilla-m6UOfI2n.css} +23 -23
  11. package/dist/assets/src/button/Button.css.ts.vanilla-B3zZ2aVK.css +141 -0
  12. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BigSArKH.css +23 -0
  13. package/dist/assets/src/code/Code.css.ts.vanilla-gjF3xytI.css +7 -0
  14. package/dist/assets/src/command-item/{CommandItem.css.ts.vanilla-ByJWH0yk.css → CommandItem.css.ts.vanilla-BOyWdQsz.css} +5 -5
  15. package/dist/assets/src/command-list/{CommandList.css.ts.vanilla-Cz8lB2er.css → CommandList.css.ts.vanilla-ZOkkUju9.css} +3 -3
  16. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRv_T12k.css +41 -0
  17. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-CiXTBqjW.css +6 -0
  18. package/dist/assets/src/dialog-content/{DialogContent.css.ts.vanilla-CzC-Pm9R.css → DialogContent.css.ts.vanilla-BIm47Hsr.css} +8 -8
  19. package/dist/assets/src/drawer/{Drawer.css.ts.vanilla-CjtQhy6h.css → Drawer.css.ts.vanilla-CtuqTSHQ.css} +8 -8
  20. package/dist/assets/src/hover-card-content/{HoverCardContent.css.ts.vanilla-D8stDT3z.css → HoverCardContent.css.ts.vanilla-BpX0cZU1.css} +3 -3
  21. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-D8oWl6pc.css +31 -0
  22. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-BhhkBhKO.css → InputBase.css.ts.vanilla-Cj24xHND.css} +15 -15
  23. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-j30xh0wI.css +9 -0
  24. package/dist/assets/src/layers/layers.css.ts.vanilla-CSJt9B6W.css +4 -0
  25. package/dist/assets/src/link/{Link.css.ts.vanilla-B50afo8G.css → Link.css.ts.vanilla-C-b1NhSR.css} +12 -12
  26. package/dist/assets/src/menu-content-base/{MenuContentBase.css.ts.vanilla-DVkYjEHI.css → MenuContentBase.css.ts.vanilla-BYu-Rqmo.css} +3 -3
  27. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BockD7lA.css +33 -0
  28. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-Dh9vPZt9.css +6 -0
  29. package/dist/assets/src/pill/{Pill.css.ts.vanilla-C2eOQi2i.css → Pill.css.ts.vanilla-Cc7aUYIo.css} +4 -4
  30. package/dist/assets/src/popover-content/{PopoverContent.css.ts.vanilla-B1oQBmKn.css → PopoverContent.css.ts.vanilla-C3M4uhJV.css} +3 -3
  31. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-DqdWeglP.css +9 -0
  32. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-DHGprPBq.css +6 -0
  33. package/dist/assets/src/separator/{Separator.css.ts.vanilla-BNAE0XuM.css → Separator.css.ts.vanilla-opWSwN_i.css} +10 -10
  34. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-DnObJ67I.css +6 -0
  35. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-CVGm5rFP.css → sprinkles.css.ts.vanilla-BDvaeWy7.css} +2297 -2261
  36. package/dist/assets/src/switch/Switch.css.ts.vanilla-BT6G8h6W.css +26 -0
  37. package/dist/assets/src/table/Table.css.ts.vanilla-BmKX1tci.css +9 -0
  38. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-DDz_wYaW.css +6 -0
  39. package/dist/assets/src/table-cell/{TableCell.css.ts.vanilla-Rz8j_7xh.css → TableCell.css.ts.vanilla-sd8Vquaz.css} +4 -4
  40. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DuARvhZE.css +6 -0
  41. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-BsM3KNL3.css +4 -0
  42. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-BO6FVjWc.css +9 -0
  43. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-WvFhp7zA.css +23 -0
  44. package/dist/assets/src/tabs-trigger/{TabsTrigger.css.ts.vanilla-MxzOgYAm.css → TabsTrigger.css.ts.vanilla-D30O8tC9.css} +10 -10
  45. package/dist/assets/src/text/{Text.css.ts.vanilla-DQhdIgmY.css → Text.css.ts.vanilla-BKtRaBxq.css} +8 -8
  46. package/dist/assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Vi7oxkCe.css +34 -0
  47. package/dist/assets/src/toast/Toast.css.ts.vanilla-CcGpHMYT.css +89 -0
  48. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-WsywbHOO.css → ToastProvider.css.ts.vanilla-CRrCOnmY.css} +9 -9
  49. package/dist/assets/src/transition/{Transition.css.ts.vanilla-COAIGiKV.css → Transition.css.ts.vanilla-CwC4wqUb.css} +16 -16
  50. package/dist/index.d.ts +69 -1250
  51. package/dist/index.js +1 -3
  52. package/dist/package.json.js +1 -1
  53. package/dist/src/accordion-content/AccordionContent-css.js +3 -3
  54. package/dist/src/accordion-trigger/AccordionTrigger-css.js +4 -4
  55. package/dist/src/accordion-trigger/AccordionTrigger.js +3 -3
  56. package/dist/src/alert/Alert-css.js +4 -4
  57. package/dist/src/alert-dialog-content/AlertDialogContent-css.js +4 -4
  58. package/dist/src/alert-dialog-description/AlertDialogDescription-css.js +3 -3
  59. package/dist/src/alert-dialog-footer/AlertDialogFooter-css.js +3 -3
  60. package/dist/src/avatar/Avatar-css.js +4 -4
  61. package/dist/src/avatar-group/AvatarGroup-css.js +3 -3
  62. package/dist/src/badge/Badge-css.js +3 -3
  63. package/dist/src/box/Box-css.js +3 -3
  64. package/dist/src/button/Button-css.js +9 -9
  65. package/dist/src/button/Button.js +7 -7
  66. package/dist/src/button-group/ButtonGroup-css.js +3 -3
  67. package/dist/src/checkbox/Checkbox-css.js +6 -6
  68. package/dist/src/code/Code-css.js +3 -3
  69. package/dist/src/command-footer/CommandFooter-css.js +1 -1
  70. package/dist/src/command-item/CommandItem-css.js +3 -3
  71. package/dist/src/command-list/CommandList-css.js +3 -3
  72. package/dist/src/control-base/ControlBase-css.js +6 -6
  73. package/dist/src/dialog-body/DialogBody-css.js +3 -3
  74. package/dist/src/dialog-content/DialogContent-css.js +5 -5
  75. package/dist/src/dialog-footer/DialogFooter-css.js +1 -1
  76. package/dist/src/drawer/Drawer-css.js +5 -5
  77. package/dist/src/dropdown-menu-sub-trigger/DropdownMenuSubTrigger.js +1 -1
  78. package/dist/src/hover-card-content/HoverCardContent-css.js +3 -3
  79. package/dist/src/hover-card-content/HoverCardContent.js +1 -1
  80. package/dist/src/indicator/Indicator-css.js +5 -5
  81. package/dist/src/input/Input-css.js +3 -3
  82. package/dist/src/input/Input.js +5 -5
  83. package/dist/src/input-base/InputBase-css.js +4 -4
  84. package/dist/src/input-base/InputBase.js +6 -6
  85. package/dist/src/kbd/Kbd-css.js +3 -3
  86. package/dist/src/layers/layers-css.js +3 -3
  87. package/dist/src/link/Link-css.js +4 -4
  88. package/dist/src/menu-content-base/MenuContentBase-css.js +3 -3
  89. package/dist/src/menu-item-base/MenuItemBase-css.js +3 -3
  90. package/dist/src/menu-item-base/MenuItemBase.js +4 -4
  91. package/dist/src/pagination/Pagination-css.js +3 -3
  92. package/dist/src/pill/Pill-css.js +3 -3
  93. package/dist/src/pill/Pill.js +4 -4
  94. package/dist/src/popover-content/PopoverContent-css.js +3 -3
  95. package/dist/src/popover-content/PopoverContent.js +1 -1
  96. package/dist/src/radio-group-item/RadioGroupItem-css.js +5 -5
  97. package/dist/src/search-input/SearchInput-css.js +4 -4
  98. package/dist/src/search-input/SearchInput.js +3 -3
  99. package/dist/src/separator/Separator-css.js +3 -3
  100. package/dist/src/skeleton/Skeleton-css.js +3 -3
  101. package/dist/src/sprinkles/sprinkles-css.js +3 -3
  102. package/dist/src/switch/Switch-css.js +6 -6
  103. package/dist/src/table/Table-css.js +4 -4
  104. package/dist/src/table-body/TableBody-css.js +3 -3
  105. package/dist/src/table-cell/TableCell-css.js +4 -4
  106. package/dist/src/table-header-cell/TableHeaderCell-css.js +3 -3
  107. package/dist/src/table-row/TableRow-css.js +3 -3
  108. package/dist/src/tabs/Tabs-css.js +3 -3
  109. package/dist/src/tabs-list/TabsList-css.js +3 -3
  110. package/dist/src/tabs-trigger/TabsTrigger-css.js +4 -4
  111. package/dist/src/tabs-trigger/TabsTrigger.js +7 -7
  112. package/dist/src/text/Text-css.js +3 -3
  113. package/dist/src/textarea/Textarea.js +4 -22
  114. package/dist/src/textarea-autosize/TextareaAutosize-css.js +9 -0
  115. package/dist/src/textarea-autosize/TextareaAutosize.js +43 -0
  116. package/dist/src/theme-provider/ThemeProvider.js +1 -2
  117. package/dist/src/toast/Toast-css.js +5 -5
  118. package/dist/src/toast-provider/ToastProvider-css.js +3 -3
  119. package/dist/src/toast-provider/ToastProvider.js +2 -1
  120. package/dist/src/tooltip/Tooltip.js +1 -1
  121. package/dist/src/transition/Transition-css.js +3 -3
  122. package/dist/src/utils/conditions.js +1 -1
  123. package/dist/unstable.d.ts +29 -29
  124. package/package.json +5 -3
  125. package/dist/PopoverContent-CUYQy-H8.d.ts +0 -367
  126. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-QcDygVUH.css +0 -25
  127. package/dist/assets/src/alert/Alert.css.ts.vanilla-B3AEqy5O.css +0 -43
  128. package/dist/assets/src/alert-dialog-description/AlertDialogDescription.css.ts.vanilla-DdaPS89z.css +0 -6
  129. package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-DKs7HPxd.css +0 -6
  130. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-CuVCdu8f.css +0 -24
  131. package/dist/assets/src/badge/Badge.css.ts.vanilla-CosWUw11.css +0 -47
  132. package/dist/assets/src/button/Button.css.ts.vanilla-D07KX5O9.css +0 -141
  133. package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-BjiyKHvy.css +0 -23
  134. package/dist/assets/src/code/Code.css.ts.vanilla-sldVXFhO.css +0 -7
  135. package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-C8TB4dNA.css +0 -41
  136. package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-DMVvlk-j.css +0 -6
  137. package/dist/assets/src/indicator/Indicator.css.ts.vanilla-CsGJ0-lJ.css +0 -31
  138. package/dist/assets/src/kbd/Kbd.css.ts.vanilla-BNbTnAS8.css +0 -9
  139. package/dist/assets/src/layers/layers.css.ts.vanilla-B7ZZTGQb.css +0 -4
  140. package/dist/assets/src/menu-item-base/MenuItemBase.css.ts.vanilla-BofvfwxR.css +0 -33
  141. package/dist/assets/src/pagination/Pagination.css.ts.vanilla-CZDsjjh5.css +0 -6
  142. package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-B7bA3BdJ.css +0 -9
  143. package/dist/assets/src/search-input/SearchInput.css.ts.vanilla-C9G4HY4I.css +0 -6
  144. package/dist/assets/src/skeleton/Skeleton.css.ts.vanilla-alpjtld8.css +0 -6
  145. package/dist/assets/src/switch/Switch.css.ts.vanilla-tFWcFr8e.css +0 -26
  146. package/dist/assets/src/table/Table.css.ts.vanilla-Bx68WftP.css +0 -9
  147. package/dist/assets/src/table-body/TableBody.css.ts.vanilla-Ph5KkB2m.css +0 -6
  148. package/dist/assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-C-OGwLLn.css +0 -6
  149. package/dist/assets/src/table-row/TableRow.css.ts.vanilla-DMfjFOjy.css +0 -4
  150. package/dist/assets/src/tabs/Tabs.css.ts.vanilla-DfcLiW_8.css +0 -9
  151. package/dist/assets/src/tabs-list/TabsList.css.ts.vanilla-CTiqdNYM.css +0 -23
  152. package/dist/assets/src/textarea/Textarea.css.ts.vanilla-BldcNjGl.css +0 -9
  153. package/dist/assets/src/toast/Toast.css.ts.vanilla-s1odg-lj.css +0 -89
  154. package/dist/src/textarea/Textarea-css.js +0 -8
  155. package/dist/src/theme/theme-css.js +0 -3
  156. package/dist/src/tokens/borderRadius.js +0 -13
  157. package/dist/src/tokens/borderWidth.js +0 -8
  158. package/dist/src/tokens/boxShadow.js +0 -11
  159. package/dist/src/tokens/colors.js +0 -253
  160. package/dist/src/tokens/fontFamily.js +0 -6
  161. package/dist/src/tokens/fontSize.js +0 -50
  162. package/dist/src/tokens/index.js +0 -37
  163. package/dist/src/tokens/letterSpacing.js +0 -10
  164. package/dist/src/tokens/lineHeight.js +0 -8
  165. package/dist/src/tokens/margins.js +0 -25
  166. package/dist/src/tokens/maxSize.js +0 -13
  167. package/dist/src/tokens/rem.js +0 -3
  168. package/dist/src/tokens/screens.js +0 -9
  169. package/dist/src/tokens/size.js +0 -53
  170. package/dist/src/tokens/spacing.js +0 -25
  171. package/dist/src/tokens/zIndex.js +0 -13
@@ -0,0 +1,367 @@
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?: "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" | "transparent" | "black" | "white" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.50" | "blue.200" | "blue.500" | "blue.600" | "blue.900" | "brand.50" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.500" | "brand.600" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "magenta.50" | "magenta.200" | "magenta.500" | "magenta.600" | "neutral.50" | "neutral.75" | "neutral.100" | "neutral.150" | "neutral.200" | "neutral.300" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.50/32" | "neutral.1200/4" | "neutral.1200/12" | "neutral.1200/18" | "neutral.1200/22" | "neutral.1200/32" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.50" | "purple.200" | "purple.500" | "purple.600" | "purple.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
10
+ borderBottomWidth?: "0" | "1" | "2" | "4" | undefined;
11
+ borderColor?: "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" | "transparent" | "black" | "white" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.50" | "blue.200" | "blue.500" | "blue.600" | "blue.900" | "brand.50" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.500" | "brand.600" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "magenta.50" | "magenta.200" | "magenta.500" | "magenta.600" | "neutral.50" | "neutral.75" | "neutral.100" | "neutral.150" | "neutral.200" | "neutral.300" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.50/32" | "neutral.1200/4" | "neutral.1200/12" | "neutral.1200/18" | "neutral.1200/22" | "neutral.1200/32" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.50" | "purple.200" | "purple.500" | "purple.600" | "purple.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
12
+ borderLeftWidth?: "0" | "1" | "2" | "4" | undefined;
13
+ borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
14
+ borderRightWidth?: "0" | "1" | "2" | "4" | undefined;
15
+ borderTopWidth?: "0" | "1" | "2" | "4" | undefined;
16
+ boxShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
17
+ color?: "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" | "transparent" | "black" | "white" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.50" | "blue.200" | "blue.500" | "blue.600" | "blue.900" | "brand.50" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.500" | "brand.600" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "magenta.50" | "magenta.200" | "magenta.500" | "magenta.600" | "neutral.50" | "neutral.75" | "neutral.100" | "neutral.150" | "neutral.200" | "neutral.300" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.50/32" | "neutral.1200/4" | "neutral.1200/12" | "neutral.1200/18" | "neutral.1200/22" | "neutral.1200/32" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.50" | "purple.200" | "purple.500" | "purple.600" | "purple.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
18
+ cursor?: "pointer" | "default" | "text" | undefined;
19
+ empty?: "hidden" | undefined;
20
+ fontFamily?: "mono" | "sans" | undefined;
21
+ fontWeight?: "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | undefined;
22
+ letterSpacing?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
23
+ objectFit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
24
+ overflowX?: "hidden" | "auto" | "visible" | undefined;
25
+ overflowY?: "hidden" | "auto" | "visible" | undefined;
26
+ textAlign?: "end" | "start" | "center" | "justify" | undefined;
27
+ textTransform?: "none" | "capitalize" | "uppercase" | undefined;
28
+ transition?: "opacity" | "transform" | "colors" | "all" | undefined;
29
+ whiteSpace?: "nowrap" | undefined;
30
+ zIndex?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "popover" | "toast" | undefined;
31
+ bg?: "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" | "transparent" | "black" | "white" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.50" | "blue.200" | "blue.500" | "blue.600" | "blue.900" | "brand.50" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.500" | "brand.600" | "brand.700" | "brand.800" | "brand.900" | "dark.50" | "dark.200" | "dark.500" | "dark.600" | "gray.50" | "gray.100" | "gray.200" | "gray.300" | "gray.400" | "gray.500" | "gray.600" | "gray.700" | "gray.800" | "gray.900" | "green.50" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "magenta.50" | "magenta.200" | "magenta.500" | "magenta.600" | "neutral.50" | "neutral.75" | "neutral.100" | "neutral.150" | "neutral.200" | "neutral.300" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "neutral.1000" | "neutral.1100" | "neutral.1200" | "neutral.50/6" | "neutral.50/32" | "neutral.1200/4" | "neutral.1200/12" | "neutral.1200/18" | "neutral.1200/22" | "neutral.1200/32" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.50" | "purple.200" | "purple.500" | "purple.600" | "purple.900" | "red.50" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.100" | "slate.200" | "slate.300" | "slate.400" | "slate.500" | "slate.600" | "slate.700" | "slate.800" | "slate.900" | "slate.950" | "yellow.50" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
32
+ border?: "0" | "1" | "2" | "4" | undefined;
33
+ borderB?: "0" | "1" | "2" | "4" | undefined;
34
+ borderL?: "0" | "1" | "2" | "4" | undefined;
35
+ borderR?: "0" | "1" | "2" | "4" | undefined;
36
+ borderT?: "0" | "1" | "2" | "4" | undefined;
37
+ overflow?: "hidden" | "auto" | "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?: "tighter" | "tight" | "normal" | "wide" | "wider" | "widest" | undefined;
41
+ z?: "0" | "auto" | "10" | "20" | "30" | "40" | "50" | "popover" | "toast" | undefined;
42
+ } & {
43
+ alignItems?: ("normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
44
+ readonly base?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
45
+ readonly sm?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
46
+ readonly md?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
47
+ readonly lg?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
48
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
49
+ alignSelf?: ("normal" | "end" | "start" | "center" | "stretch" | {
50
+ readonly base?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
51
+ readonly sm?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
52
+ readonly md?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
53
+ readonly lg?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
54
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "normal" | "end" | "start" | "center" | "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 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
61
+ flex?: ("1" | "none" | "auto" | "initial" | {
62
+ readonly base?: "1" | "none" | "auto" | "initial" | undefined;
63
+ readonly sm?: "1" | "none" | "auto" | "initial" | undefined;
64
+ readonly md?: "1" | "none" | "auto" | "initial" | undefined;
65
+ readonly lg?: "1" | "none" | "auto" | "initial" | undefined;
66
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "none" | "auto" | "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 | 1 | 3, "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 | 1 | 3, "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 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null>;
85
+ gap?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
86
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
87
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
88
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
89
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
90
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
91
+ gridColumn?: ("1" | "2" | "4" | "3" | {
92
+ readonly base?: "1" | "2" | "4" | "3" | undefined;
93
+ readonly sm?: "1" | "2" | "4" | "3" | undefined;
94
+ readonly md?: "1" | "2" | "4" | "3" | undefined;
95
+ readonly lg?: "1" | "2" | "4" | "3" | undefined;
96
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
97
+ gridTemplateColumns?: ("1" | "2" | "4" | "3" | {
98
+ readonly base?: "1" | "2" | "4" | "3" | undefined;
99
+ readonly sm?: "1" | "2" | "4" | "3" | undefined;
100
+ readonly md?: "1" | "2" | "4" | "3" | undefined;
101
+ readonly lg?: "1" | "2" | "4" | "3" | undefined;
102
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
103
+ height?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
104
+ readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
105
+ readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
106
+ readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
107
+ readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
108
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
109
+ justifyContent?: ("normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | {
110
+ readonly base?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
111
+ readonly sm?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
112
+ readonly md?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
113
+ readonly lg?: "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | undefined;
114
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "normal" | "end" | "start" | "center" | "space-around" | "space-between" | "space-evenly" | "stretch" | null>;
115
+ justifyItems?: ("normal" | "end" | "start" | "center" | "stretch" | {
116
+ readonly base?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
117
+ readonly sm?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
118
+ readonly md?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
119
+ readonly lg?: "normal" | "end" | "start" | "center" | "stretch" | undefined;
120
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "normal" | "end" | "start" | "center" | "stretch" | null>;
121
+ lineHeight?: ("none" | "tight" | "normal" | "loose" | {
122
+ readonly base?: "none" | "tight" | "normal" | "loose" | undefined;
123
+ readonly sm?: "none" | "tight" | "normal" | "loose" | undefined;
124
+ readonly md?: "none" | "tight" | "normal" | "loose" | undefined;
125
+ readonly lg?: "none" | "tight" | "normal" | "loose" | undefined;
126
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "tight" | "normal" | "loose" | null>;
127
+ marginBottom?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
128
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
129
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
130
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
131
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
132
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
133
+ marginLeft?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
134
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
135
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
136
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
137
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
138
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
139
+ marginRight?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
140
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
141
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
142
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
143
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
144
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
145
+ marginTop?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
146
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
147
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
148
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
149
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
150
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | 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 | 1 | 3, "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 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
163
+ paddingBottom?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
164
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
165
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
166
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
167
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
168
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
169
+ paddingLeft?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
170
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
171
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
172
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
173
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
174
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
175
+ paddingRight?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
176
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
177
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
178
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
179
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
180
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
181
+ paddingTop?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
182
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
183
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
184
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
185
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
186
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | 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 | 1 | 3, "center" | null>;
193
+ width?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
194
+ readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
195
+ readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
196
+ readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
197
+ readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
198
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
199
+ h?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
200
+ readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
201
+ readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
202
+ readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
203
+ readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
204
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
205
+ leading?: ("none" | "tight" | "normal" | "loose" | {
206
+ readonly base?: "none" | "tight" | "normal" | "loose" | undefined;
207
+ readonly sm?: "none" | "tight" | "normal" | "loose" | undefined;
208
+ readonly md?: "none" | "tight" | "normal" | "loose" | undefined;
209
+ readonly lg?: "none" | "tight" | "normal" | "loose" | undefined;
210
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "tight" | "normal" | "loose" | null>;
211
+ m?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
212
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
213
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
214
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
215
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
216
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | 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 | 1 | 3, "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 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
229
+ mb?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
230
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
231
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
232
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
233
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
234
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
235
+ ml?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
236
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
237
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
238
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
239
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
240
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
241
+ mr?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
242
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
243
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
244
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
245
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
246
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
247
+ mt?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
248
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
249
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
250
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
251
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
252
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
253
+ mx?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
254
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
255
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
256
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
257
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
258
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
259
+ my?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | {
260
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
261
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
262
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
263
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | undefined;
264
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "auto" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | "-2" | "-4" | "-6" | "-8" | "-10" | "-12" | "-16" | "-24" | "-32" | "-48" | "-64" | "-80" | null>;
265
+ p?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
266
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
267
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
268
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
269
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
270
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
271
+ pb?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
272
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
273
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
274
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
275
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
276
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
277
+ pl?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
278
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
279
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
280
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
281
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
282
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
283
+ pr?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
284
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
285
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
286
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
287
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
288
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
289
+ pt?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
290
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
291
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
292
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
293
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
294
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
295
+ px?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
296
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
297
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
298
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
299
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
300
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
301
+ py?: ("sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | {
302
+ readonly base?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
303
+ readonly sm?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
304
+ readonly md?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
305
+ readonly lg?: "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | undefined;
306
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "2" | "4" | "xs" | "xl" | "6" | "8" | "10" | "20" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | null>;
307
+ size?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
308
+ readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
309
+ readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
310
+ readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
311
+ readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
312
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
313
+ w?: ("sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
314
+ readonly base?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
315
+ readonly sm?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
316
+ readonly md?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
317
+ readonly lg?: "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
318
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "0" | "1" | "2" | "4" | "xs" | "xl" | "full" | "6" | "8" | "auto" | "20" | "40" | "5xl" | "12" | "16" | "24" | "32" | "48" | "64" | "80" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
319
+ }) => string) & {
320
+ properties: Set<"backgroundColor" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "color" | "fontFamily" | "letterSpacing" | "zIndex" | "animation" | "fontSize" | "lineHeight" | "size" | "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 | 1 | 3, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 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 };