@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.
- package/dist/PopoverContent-_Tn-IzNJ.d.ts +369 -0
- package/dist/accordion/Accordion.js +29 -0
- package/dist/accordion-content/AccordionContent-css.js +7 -0
- package/dist/accordion-content/AccordionContent.js +12 -0
- package/dist/accordion-context/AccordionContext.js +5 -0
- package/dist/accordion-item/AccordionItem.js +16 -0
- package/dist/accordion-trigger/AccordionTrigger-css.js +9 -0
- package/dist/accordion-trigger/AccordionTrigger.js +26 -0
- package/dist/alert/Alert-css.js +9 -0
- package/dist/alert/Alert.js +56 -0
- package/dist/alert-description/AlertDescription.js +10 -0
- package/dist/alert-dialog/AlertDialog-css.js +3 -4
- package/dist/alert-dialog/AlertDialog.js +16 -5
- package/dist/alert-title/AlertTitle.js +12 -0
- package/dist/assets/src/accordion-content/AccordionContent.css.ts.vanilla-CSw56YSK.css +25 -0
- package/dist/assets/src/accordion-trigger/AccordionTrigger.css.ts.vanilla-DWIMlWE2.css +16 -0
- package/dist/assets/src/alert/Alert.css.ts.vanilla-SoeL3DzR.css +43 -0
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DxtsIDr-.css +24 -0
- package/dist/assets/src/badge/{Badge.css.ts.vanilla-DcRGjqhS.css → Badge.css.ts.vanilla-D5YRrHke.css} +0 -4
- package/dist/assets/src/box/{Box.css.ts.vanilla-Be3pFtBa.css → Box.css.ts.vanilla-D1mbecuN.css} +1 -0
- package/dist/assets/src/button/{Button.css.ts.vanilla--8P13svI.css → Button.css.ts.vanilla-BVWox07Y.css} +26 -20
- package/dist/assets/src/command-item/CommandItem.css.ts.vanilla-ml8xjFWy.css +17 -0
- package/dist/assets/src/command-list/CommandList.css.ts.vanilla-1Rf8xvwM.css +9 -0
- package/dist/assets/src/drawer/Drawer.css.ts.vanilla-Bn4YKWDR.css +30 -0
- package/dist/assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-C10dKVXP.css +7 -0
- package/dist/assets/src/input-base/{InputBase.css.ts.vanilla-ktVP2iXx.css → InputBase.css.ts.vanilla-By5uGeYP.css} +2 -6
- package/dist/assets/src/kbd/{Kbd.css.ts.vanilla-d7Xg4vLz.css → Kbd.css.ts.vanilla-CBcapUTx.css} +3 -1
- package/dist/assets/src/{avatar/Avatar.css.ts.vanilla-CihLlW6Z.css → pagination/Pagination.css.ts.vanilla-CP7Jjsxf.css} +2 -2
- package/dist/assets/src/pill/Pill.css.ts.vanilla-CMi1obNV.css +12 -0
- package/dist/assets/src/separator/Separator.css.ts.vanilla-CnlaHICJ.css +45 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-BqeB0PjV.css → sprinkles.css.ts.vanilla-I48qUKRQ.css} +2206 -2086
- package/dist/assets/src/styles/{theme.css.ts.vanilla-Eou6ov6w.css → theme.css.ts.vanilla-EbjT5N3_.css} +19 -13
- package/dist/assets/src/tabs-list/{TabsList.css.ts.vanilla-CiXRbV1t.css → TabsList.css.ts.vanilla-B8IFbvV2.css} +13 -3
- package/dist/assets/src/toast/{Toast.css.ts.vanilla-DPyqeeIY.css → Toast.css.ts.vanilla-N6bXbnrT.css} +17 -10
- package/dist/assets/src/toast-provider/{ToastProvider.css.ts.vanilla-iuWIkpzW.css → ToastProvider.css.ts.vanilla-C2Olq0Jl.css} +7 -12
- package/dist/avatar/Avatar-css.js +7 -4
- package/dist/avatar/Avatar.js +8 -5
- package/dist/avatar-context/AvatarContext.js +7 -0
- package/dist/avatar-group/AvatarGroup-css.js +7 -0
- package/dist/avatar-group/AvatarGroup.js +14 -0
- package/dist/axiom-provider/AxiomProvider.js +7 -0
- package/dist/badge/Badge-css.js +3 -3
- package/dist/box/Box-css.js +2 -2
- package/dist/box/Box.js +12 -3
- package/dist/breadcrumb-item/BreadcrumbItem.js +8 -0
- package/dist/breadcrumbs/Breadcrumbs.js +17 -0
- package/dist/breadcrumbs/useBreadcrumbItems.js +35 -0
- package/dist/button/Button-css.js +7 -6
- package/dist/button/Button.js +37 -34
- package/dist/button-group/ButtonGroup-css.js +1 -1
- package/dist/checkbox/Checkbox-css.js +1 -1
- package/dist/combobox/Combobox.js +40 -0
- package/dist/combobox-content/ComboboxContent.js +24 -0
- package/dist/combobox-context/ComboboxContext.js +5 -0
- package/dist/combobox-multi-trigger/ComboboxMultiTrigger.js +34 -0
- package/dist/combobox-single-trigger/ComboboxSingleTrigger.js +17 -0
- package/dist/combobox-trigger/ComboboxTrigger.js +21 -0
- package/dist/command/Command.js +16 -0
- package/dist/command-checkbox-item/CommandCheckboxItem.js +58 -0
- package/dist/command-empty/CommandEmpty.js +16 -0
- package/dist/command-footer/CommandFooter-css.js +6 -0
- package/dist/command-footer/CommandFooter.js +13 -0
- package/dist/command-group/CommandGroup.js +16 -0
- package/dist/command-input/CommandInput.js +16 -0
- package/dist/command-item/CommandItem-css.js +8 -0
- package/dist/command-item/CommandItem.js +41 -0
- package/dist/command-list/CommandList-css.js +7 -0
- package/dist/command-list/CommandList.js +17 -0
- package/dist/command-separator/CommandSeparator.js +16 -0
- package/dist/control-base/ControlBase-css.js +1 -1
- package/dist/dialog/Dialog-css.js +1 -1
- package/dist/dialog/Dialog.js +8 -5
- package/dist/dialog-title/DialogTitle.js +2 -2
- package/dist/drawer/Drawer-css.js +9 -0
- package/dist/drawer/Drawer.js +56 -0
- package/dist/drawer-body/DrawerBody.js +24 -0
- package/dist/drawer-footer/DrawerFooter.js +24 -0
- package/dist/drawer-title/DrawerTitle.js +18 -0
- package/dist/field/Field.js +20 -14
- package/dist/hover-card/HoverCard.js +41 -0
- package/dist/hover-card-content/HoverCardContent-css.js +7 -0
- package/dist/hover-card-content/HoverCardContent.js +70 -0
- package/dist/hover-card-context/HoverCardContext.js +5 -0
- package/dist/hover-card-trigger/HoverCardTrigger.js +28 -0
- package/dist/icons/IconAngleDown.js +14 -20
- package/dist/icons/IconAngleLeft.js +22 -0
- package/dist/icons/IconAngleRight.js +22 -0
- package/dist/icons/IconCircleCheckFilled.js +19 -0
- package/dist/icons/IconCircleExclamationFilled.js +19 -0
- package/dist/icons/IconCircleInfoFilled.js +19 -0
- package/dist/icons/IconEllipsis.js +35 -0
- package/dist/icons/IconTriangleExclamationFilled.js +19 -0
- package/dist/icons/withIcon.js +2 -1
- package/dist/index.d.ts +282 -436
- package/dist/index.js +19 -2
- package/dist/input-base/InputBase-css.js +4 -4
- package/dist/input-base/InputBase.js +19 -4
- package/dist/kbd/Kbd-css.js +4 -3
- package/dist/kbd/Kbd.js +6 -21
- package/dist/link/Link-css.js +1 -1
- package/dist/menu/Menu.js +2 -2
- package/dist/menu-content/MenuContent-css.js +1 -1
- package/dist/menu-content/MenuContent.js +5 -5
- package/dist/menu-context/MenuContext.js +3 -5
- package/dist/menu-item/MenuItem-css.js +1 -1
- package/dist/menu-item/MenuItem.js +4 -2
- package/dist/pagination/Pagination-css.js +8 -0
- package/dist/pagination/Pagination.js +91 -0
- package/dist/pill/Pill-css.js +8 -0
- package/dist/pill/Pill.js +39 -0
- package/dist/popover/Popover.js +2 -2
- package/dist/popover-content/PopoverContent-css.js +1 -1
- package/dist/popover-content/PopoverContent.js +5 -5
- package/dist/popover-context/PopoverContext.js +3 -5
- package/dist/radio-group-item/RadioGroupItem-css.js +1 -1
- package/dist/separator/Separator-css.js +1 -1
- package/dist/sprinkles/sprinkles-css.js +3 -3
- package/dist/styles/theme-css.js +2 -2
- package/dist/switch/Switch-css.js +1 -1
- package/dist/tabs/Tabs.js +3 -2
- package/dist/tabs-context/TabsContext.js +5 -0
- package/dist/tabs-list/TabsList-css.js +3 -3
- package/dist/tabs-list/TabsList.js +3 -1
- package/dist/tabs-trigger/TabsTrigger-css.js +2 -2
- package/dist/tabs-trigger/TabsTrigger.js +31 -3
- package/dist/textarea/Textarea.js +13 -5
- package/dist/toast/Toast-css.js +4 -4
- package/dist/toast/Toast.js +30 -44
- package/dist/toast-action/ToastAction.js +11 -2
- package/dist/toast-provider/ToastProvider-css.js +2 -2
- package/dist/toast-provider/ToastProvider.js +7 -2
- package/dist/toast-provider/createToaster.js +12 -2
- package/dist/toast-provider/useOverflowAnchor.js +5 -5
- package/dist/toast-title/ToastTitle.js +1 -1
- package/dist/tokens/colors.js +8 -4
- package/dist/tokens/size.js +2 -1
- package/dist/tokens/zIndex.js +2 -2
- package/dist/tooltip/Tooltip.js +21 -7
- package/dist/unstable.d.ts +340 -0
- package/dist/unstable.js +15 -0
- package/dist/vanilla-extract/recipeRuntime.js +3 -1
- package/package.json +17 -2
- package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +0 -26
- package/dist/assets/src/separator/Separator.css.ts.vanilla-C_EYtori.css +0 -42
- package/dist/chip/Chip-css.js +0 -8
- package/dist/chip/Chip.js +0 -31
- package/dist/icons/IconDanger.js +0 -17
- package/dist/icons/IconInfoCircle.js +0 -17
- package/dist/icons/IconSuccess.js +0 -17
- package/dist/icons/IconWarning.js +0 -17
- package/dist/paper/Paper.js +0 -12
- /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 };
|