@optiaxiom/react 0.1.0-next.11 → 0.1.0-next.13

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 (152) hide show
  1. package/dist/PopoverContent-_Tn-IzNJ.d.ts +369 -0
  2. package/dist/accordion/Accordion.js +29 -0
  3. package/dist/accordion-content/AccordionContent-css.js +7 -0
  4. package/dist/accordion-content/AccordionContent.js +12 -0
  5. package/dist/accordion-context/AccordionContext.js +5 -0
  6. package/dist/accordion-item/AccordionItem.js +16 -0
  7. package/dist/accordion-trigger/AccordionTrigger-css.js +9 -0
  8. package/dist/accordion-trigger/AccordionTrigger.js +26 -0
  9. package/dist/alert/Alert-css.js +9 -0
  10. package/dist/alert/Alert.js +56 -0
  11. package/dist/alert-description/AlertDescription.js +10 -0
  12. package/dist/alert-dialog/AlertDialog-css.js +3 -4
  13. package/dist/alert-dialog/AlertDialog.js +16 -5
  14. package/dist/alert-title/AlertTitle.js +12 -0
  15. package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CSw56YSK.css +25 -0
  16. package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css +16 -0
  17. package/dist/assets/src/alert/Alert.css.ts.vanilla-SoeL3DzR.css +43 -0
  18. package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DxtsIDr-.css +24 -0
  19. package/dist/assets/src/badge/{Badge.css.ts.vanilla-DcRGjqhS.css → Badge.css.ts.vanilla-D5YRrHke.css} +0 -4
  20. package/dist/assets/src/box/{Box.css.ts.vanilla-Be3pFtBa.css → Box.css.ts.vanilla-D1mbecuN.css} +1 -0
  21. package/dist/assets/src/button/{Button.css.ts.vanilla--8P13svI.css → Button.css.ts.vanilla-BVWox07Y.css} +26 -20
  22. package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-ml8xjFWy.css +17 -0
  23. package/dist/assets/src/command-list/CommandList.css.ts.vanilla-1Rf8xvwM.css +9 -0
  24. package/dist/assets/src/drawer/Drawer.css.ts.vanilla-Bn4YKWDR.css +30 -0
  25. package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-C10dKVXP.css +7 -0
  26. package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-ktVP2iXx.css → InputBase.css.ts.vanilla-By5uGeYP.css} +2 -6
  27. package/dist/assets/src/kbd/{Kbd.css.ts.vanilla-d7Xg4vLz.css → Kbd.css.ts.vanilla-CBcapUTx.css} +3 -1
  28. package/dist/assets/src/{avatar/Avatar.css.ts.vanilla-CihLlW6Z.css → pagination/Pagination.css.ts.vanilla-CP7Jjsxf.css} +2 -2
  29. package/dist/assets/src/pill/Pill.css.ts.vanilla-CMi1obNV.css +12 -0
  30. package/dist/assets/src/separator/Separator.css.ts.vanilla-CnlaHICJ.css +45 -0
  31. package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-BqeB0PjV.css → sprinkles.css.ts.vanilla-I48qUKRQ.css} +2206 -2086
  32. package/dist/assets/src/styles/{theme.css.ts.vanilla-Eou6ov6w.css → theme.css.ts.vanilla-EbjT5N3_.css} +19 -13
  33. package/dist/assets/src/tabs-list/{TabsList.css.ts.vanilla-CiXRbV1t.css → TabsList.css.ts.vanilla-B8IFbvV2.css} +13 -3
  34. package/dist/assets/src/toast/{Toast.css.ts.vanilla-DPyqeeIY.css → Toast.css.ts.vanilla-N6bXbnrT.css} +17 -10
  35. package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-iuWIkpzW.css → ToastProvider.css.ts.vanilla-C2Olq0Jl.css} +7 -12
  36. package/dist/avatar/Avatar-css.js +7 -4
  37. package/dist/avatar/Avatar.js +8 -5
  38. package/dist/avatar-context/AvatarContext.js +7 -0
  39. package/dist/avatar-group/AvatarGroup-css.js +7 -0
  40. package/dist/avatar-group/AvatarGroup.js +14 -0
  41. package/dist/axiom-provider/AxiomProvider.js +7 -0
  42. package/dist/badge/Badge-css.js +3 -3
  43. package/dist/box/Box-css.js +2 -2
  44. package/dist/box/Box.js +12 -3
  45. package/dist/breadcrumb-item/BreadcrumbItem.js +8 -0
  46. package/dist/breadcrumbs/Breadcrumbs.js +17 -0
  47. package/dist/breadcrumbs/useBreadcrumbItems.js +35 -0
  48. package/dist/button/Button-css.js +7 -6
  49. package/dist/button/Button.js +37 -34
  50. package/dist/button-group/ButtonGroup-css.js +1 -1
  51. package/dist/checkbox/Checkbox-css.js +1 -1
  52. package/dist/combobox/Combobox.js +40 -0
  53. package/dist/combobox-content/ComboboxContent.js +24 -0
  54. package/dist/combobox-context/ComboboxContext.js +5 -0
  55. package/dist/combobox-multi-trigger/ComboboxMultiTrigger.js +34 -0
  56. package/dist/combobox-single-trigger/ComboboxSingleTrigger.js +17 -0
  57. package/dist/combobox-trigger/ComboboxTrigger.js +21 -0
  58. package/dist/command/Command.js +16 -0
  59. package/dist/command-checkbox-item/CommandCheckboxItem.js +58 -0
  60. package/dist/command-empty/CommandEmpty.js +16 -0
  61. package/dist/command-footer/CommandFooter-css.js +6 -0
  62. package/dist/command-footer/CommandFooter.js +13 -0
  63. package/dist/command-group/CommandGroup.js +16 -0
  64. package/dist/command-input/CommandInput.js +16 -0
  65. package/dist/command-item/CommandItem-css.js +8 -0
  66. package/dist/command-item/CommandItem.js +41 -0
  67. package/dist/command-list/CommandList-css.js +7 -0
  68. package/dist/command-list/CommandList.js +17 -0
  69. package/dist/command-separator/CommandSeparator.js +16 -0
  70. package/dist/control-base/ControlBase-css.js +1 -1
  71. package/dist/dialog/Dialog-css.js +1 -1
  72. package/dist/dialog/Dialog.js +8 -5
  73. package/dist/dialog-title/DialogTitle.js +2 -2
  74. package/dist/drawer/Drawer-css.js +9 -0
  75. package/dist/drawer/Drawer.js +56 -0
  76. package/dist/drawer-body/DrawerBody.js +24 -0
  77. package/dist/drawer-footer/DrawerFooter.js +24 -0
  78. package/dist/drawer-title/DrawerTitle.js +18 -0
  79. package/dist/field/Field.js +20 -14
  80. package/dist/hover-card/HoverCard.js +41 -0
  81. package/dist/hover-card-content/HoverCardContent-css.js +7 -0
  82. package/dist/hover-card-content/HoverCardContent.js +70 -0
  83. package/dist/hover-card-context/HoverCardContext.js +5 -0
  84. package/dist/hover-card-trigger/HoverCardTrigger.js +28 -0
  85. package/dist/icons/IconAngleDown.js +14 -20
  86. package/dist/icons/IconAngleLeft.js +22 -0
  87. package/dist/icons/IconAngleRight.js +22 -0
  88. package/dist/icons/IconCircleCheckFilled.js +19 -0
  89. package/dist/icons/IconCircleExclamationFilled.js +19 -0
  90. package/dist/icons/IconCircleInfoFilled.js +19 -0
  91. package/dist/icons/IconEllipsis.js +35 -0
  92. package/dist/icons/IconTriangleExclamationFilled.js +19 -0
  93. package/dist/icons/withIcon.js +2 -1
  94. package/dist/index.d.ts +282 -436
  95. package/dist/index.js +19 -2
  96. package/dist/input-base/InputBase-css.js +4 -4
  97. package/dist/input-base/InputBase.js +19 -4
  98. package/dist/kbd/Kbd-css.js +4 -3
  99. package/dist/kbd/Kbd.js +6 -21
  100. package/dist/link/Link-css.js +1 -1
  101. package/dist/menu/Menu.js +2 -2
  102. package/dist/menu-content/MenuContent-css.js +1 -1
  103. package/dist/menu-content/MenuContent.js +5 -5
  104. package/dist/menu-context/MenuContext.js +3 -5
  105. package/dist/menu-item/MenuItem-css.js +1 -1
  106. package/dist/menu-item/MenuItem.js +4 -2
  107. package/dist/pagination/Pagination-css.js +8 -0
  108. package/dist/pagination/Pagination.js +91 -0
  109. package/dist/pill/Pill-css.js +8 -0
  110. package/dist/pill/Pill.js +39 -0
  111. package/dist/popover/Popover.js +2 -2
  112. package/dist/popover-content/PopoverContent-css.js +1 -1
  113. package/dist/popover-content/PopoverContent.js +5 -5
  114. package/dist/popover-context/PopoverContext.js +3 -5
  115. package/dist/radio-group-item/RadioGroupItem-css.js +1 -1
  116. package/dist/separator/Separator-css.js +1 -1
  117. package/dist/sprinkles/sprinkles-css.js +3 -3
  118. package/dist/styles/theme-css.js +2 -2
  119. package/dist/switch/Switch-css.js +1 -1
  120. package/dist/tabs/Tabs.js +3 -2
  121. package/dist/tabs-context/TabsContext.js +5 -0
  122. package/dist/tabs-list/TabsList-css.js +3 -3
  123. package/dist/tabs-list/TabsList.js +3 -1
  124. package/dist/tabs-trigger/TabsTrigger-css.js +2 -2
  125. package/dist/tabs-trigger/TabsTrigger.js +31 -3
  126. package/dist/textarea/Textarea.js +13 -5
  127. package/dist/toast/Toast-css.js +4 -4
  128. package/dist/toast/Toast.js +30 -44
  129. package/dist/toast-action/ToastAction.js +11 -2
  130. package/dist/toast-provider/ToastProvider-css.js +2 -2
  131. package/dist/toast-provider/ToastProvider.js +7 -2
  132. package/dist/toast-provider/createToaster.js +12 -2
  133. package/dist/toast-provider/useOverflowAnchor.js +5 -5
  134. package/dist/toast-title/ToastTitle.js +1 -1
  135. package/dist/tokens/colors.js +8 -4
  136. package/dist/tokens/size.js +2 -1
  137. package/dist/tokens/zIndex.js +2 -2
  138. package/dist/tooltip/Tooltip.js +21 -7
  139. package/dist/unstable.d.ts +340 -0
  140. package/dist/unstable.js +15 -0
  141. package/dist/vanilla-extract/recipeRuntime.js +3 -1
  142. package/package.json +17 -2
  143. package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +0 -26
  144. package/dist/assets/src/separator/Separator.css.ts.vanilla-C_EYtori.css +0 -42
  145. package/dist/chip/Chip-css.js +0 -8
  146. package/dist/chip/Chip.js +0 -31
  147. package/dist/icons/IconDanger.js +0 -17
  148. package/dist/icons/IconInfoCircle.js +0 -17
  149. package/dist/icons/IconSuccess.js +0 -17
  150. package/dist/icons/IconWarning.js +0 -17
  151. package/dist/paper/Paper.js +0 -12
  152. /package/dist/assets/src/{button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css → avatar-group/AvatarGroup.css.ts.vanilla-4BGjgIuZ.css} +0 -0
@@ -0,0 +1,369 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as RadixPopover from '@radix-ui/react-popover';
3
+ import * as react from 'react';
4
+ import { ElementType, ComponentPropsWithoutRef } from 'react';
5
+ import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
6
+
7
+ declare const sprinkles: ((props: {
8
+ animation?: "ping" | "pulse" | 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/5" | "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.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/5" | "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.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/5" | "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.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" | "all" | "transform" | 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/5" | "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.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
+ colSpan?: ("2" | "4" | "1" | "3" | {
200
+ readonly base?: "2" | "4" | "1" | "3" | undefined;
201
+ readonly sm?: "2" | "4" | "1" | "3" | undefined;
202
+ readonly md?: "2" | "4" | "1" | "3" | undefined;
203
+ readonly lg?: "2" | "4" | "1" | "3" | undefined;
204
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "1" | "3" | null>;
205
+ cols?: ("2" | "4" | "1" | "3" | {
206
+ readonly base?: "2" | "4" | "1" | "3" | undefined;
207
+ readonly sm?: "2" | "4" | "1" | "3" | undefined;
208
+ readonly md?: "2" | "4" | "1" | "3" | undefined;
209
+ readonly lg?: "2" | "4" | "1" | "3" | undefined;
210
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "2" | "4" | "1" | "3" | null>;
211
+ 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" | {
212
+ 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;
213
+ 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;
214
+ 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;
215
+ 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;
216
+ } | 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>;
217
+ leading?: ("none" | "normal" | "tight" | "loose" | {
218
+ readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
219
+ readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
220
+ readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
221
+ readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
222
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "none" | "normal" | "tight" | "loose" | null>;
223
+ 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" | {
224
+ 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;
225
+ 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;
226
+ 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;
227
+ 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;
228
+ } | 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>;
229
+ maxH?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
230
+ readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
231
+ readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
232
+ readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
233
+ readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
234
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
235
+ maxW?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
236
+ readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
237
+ readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
238
+ readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
239
+ readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
240
+ } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
241
+ 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" | {
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
+ 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" | {
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
+ 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" | {
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
+ 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" | {
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
+ 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" | {
266
+ 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;
267
+ 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;
268
+ 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;
269
+ 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;
270
+ } | 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>;
271
+ 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" | {
272
+ 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;
273
+ 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;
274
+ 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;
275
+ 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;
276
+ } | 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>;
277
+ p?: ("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
+ pb?: ("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
+ pl?: ("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
+ pr?: ("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
+ pt?: ("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
+ px?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
308
+ readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
309
+ readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
310
+ readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
311
+ readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
312
+ } | 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>;
313
+ py?: ("2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
314
+ readonly base?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
315
+ readonly sm?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
316
+ readonly md?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
317
+ readonly lg?: "2" | "4" | "6" | "8" | "12" | "0" | "10" | "16" | "20" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
318
+ } | 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>;
319
+ 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" | {
320
+ 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;
321
+ 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;
322
+ 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;
323
+ 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;
324
+ } | 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>;
325
+ 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" | {
326
+ 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;
327
+ 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;
328
+ 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;
329
+ 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;
330
+ } | 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>;
331
+ }) => string) & {
332
+ 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" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
333
+ };
334
+ declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends _vanilla_extract_sprinkles.ConditionalValue<{
335
+ conditions: {
336
+ defaultCondition: "base";
337
+ conditionNames: ("sm" | "md" | "lg" | "base")[];
338
+ responsiveArray: ("sm" | "md" | "lg" | "base")[] & {
339
+ length: 3;
340
+ };
341
+ };
342
+ styles: {};
343
+ }, 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>>;
344
+ type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "gridColumn" | "gridTemplateColumns" | "height" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
345
+ type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
346
+
347
+ type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
348
+
349
+ type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<{
350
+ asChild?: boolean;
351
+ className?: string;
352
+ } & Sprinkles, P>>;
353
+ declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
354
+ asChild?: boolean;
355
+ className?: string;
356
+ } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
357
+
358
+ type PopoverProps = BoxProps<typeof RadixPopover.Root>;
359
+ declare const Popover: {
360
+ ({ children, defaultOpen, onOpenChange, open: openProp, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
361
+ displayName: string;
362
+ };
363
+
364
+ type PopoverContentProps = BoxProps<typeof RadixPopover.Content, {
365
+ withArrow?: boolean;
366
+ }>;
367
+ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<PopoverContentProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
368
+
369
+ export { type BoxProps as B, type ExtendProps as E, Popover as P, type Sprinkles as S, Box as a, PopoverContent as b, mapResponsiveValue as m, sprinkles as s };