@optiaxiom/react 0.1.0-next.5 → 0.1.0-next.7
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/assets/src/avatar/Avatar.css.ts.vanilla-CihLlW6Z.css +6 -0
- package/dist/assets/src/button/{Button.css.ts.vanilla-VaFYcYGO.css → Button.css.ts.vanilla-DJjt3whH.css} +40 -37
- package/dist/assets/src/button-group/ButtonGroup.css.ts.vanilla-4BGjgIuZ.css +4 -0
- package/dist/assets/src/input/Input.css.ts.vanilla-X0R-SsOp.css +32 -0
- package/dist/assets/src/separator/{Separator.css.ts.vanilla-DYzKo87M.css → Separator.css.ts.vanilla-C_EYtori.css} +8 -14
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-NXW-pecy.css → sprinkles.css.ts.vanilla-Cj5eURGG.css} +2308 -1652
- package/dist/assets/src/styles/{theme.css.ts.vanilla-Cb0QJvUK.css → theme.css.ts.vanilla-BftJbjRk.css} +28 -2
- package/dist/assets/src/text/{Text.css.ts.vanilla-BtaUGYv3.css → Text.css.ts.vanilla-DK_dMlGe.css} +0 -4
- package/dist/assets/src/transition/{Transition.css.ts.vanilla-qjeQECVe.css → Transition.css.ts.vanilla-COX8x_Bo.css} +18 -9
- package/dist/avatar/Avatar-css.js +4 -6
- package/dist/avatar/Avatar.js +2 -3
- package/dist/box/Box-css.js +4 -3
- package/dist/box/Box.js +2 -2
- package/dist/button/Button-css.js +7 -5
- package/dist/button/Button.js +41 -28
- package/dist/button-group/ButtonGroup-css.js +7 -0
- package/dist/button-group/ButtonGroup.js +24 -0
- package/dist/code/Code-css.js +3 -2
- package/dist/code/Code.js +2 -3
- package/dist/index.d.ts +326 -375
- package/dist/index.js +4 -0
- package/dist/input/Input-css.js +5 -5
- package/dist/input/Input.js +2 -3
- package/dist/kbd/Kbd-css.js +4 -3
- package/dist/kbd/Kbd.js +3 -4
- package/dist/progress/Progress.js +18 -16
- package/dist/separator/Separator-css.js +4 -4
- package/dist/separator/Separator.js +1 -5
- package/dist/skeleton/Skeleton-css.js +3 -2
- package/dist/skeleton/Skeleton.js +2 -3
- package/dist/sprinkles/sprinkles-css.js +3 -3
- package/dist/styles/theme-css.js +2 -2
- package/dist/text/Text-css.js +4 -4
- package/dist/text/Text.js +3 -8
- package/dist/tokens/borderRadius.js +1 -1
- package/dist/tokens/spacing.js +6 -0
- package/dist/tokens/zIndex.js +2 -1
- package/dist/tooltip/Tooltip.js +16 -5
- package/dist/transition/Transition-css.js +5 -4
- package/dist/transition/Transition.js +9 -19
- package/dist/vanilla-extract/recipeRuntime.js +51 -0
- package/package.json +1 -2
- package/dist/assets/src/avatar/Avatar.css.ts.vanilla-DdarHYxU.css +0 -11
- package/dist/assets/src/input/Input.css.ts.vanilla-CucST5E4.css +0 -67
package/dist/index.d.ts
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
1
2
|
import * as react from 'react';
|
|
2
|
-
import { ComponentPropsWithRef, ReactNode
|
|
3
|
+
import { ReactElement, ComponentPropsWithRef, ReactNode } from 'react';
|
|
3
4
|
import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
|
|
4
|
-
import * as _vanilla_extract_recipes from '@vanilla-extract/recipes';
|
|
5
|
-
import { RecipeVariants } from '@vanilla-extract/recipes';
|
|
6
5
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
7
6
|
import * as RadixSeparator from '@radix-ui/react-separator';
|
|
8
7
|
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
9
8
|
|
|
9
|
+
declare const AnimatePresence: ({ children, }: {
|
|
10
|
+
children?: ReactElement | false;
|
|
11
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
declare const usePresence: () => readonly [false, () => void] | readonly [true];
|
|
14
|
+
|
|
10
15
|
type ExtendProps<T1, T2, T3 = unknown> = Omit<T1, keyof T1 & (keyof T2 | keyof T3)> & Omit<T2, keyof T2 & keyof T3> & T3;
|
|
11
16
|
|
|
12
17
|
declare const sprinkles: ((props: {
|
|
@@ -14,310 +19,310 @@ declare const sprinkles: ((props: {
|
|
|
14
19
|
backgroundColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.50" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.500" | "neutral.700" | "neutral.800" | "neutral.600" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "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.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.700" | "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.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.1100" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
|
|
15
20
|
borderColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.50" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.500" | "neutral.700" | "neutral.800" | "neutral.600" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "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.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.700" | "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.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.1100" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
|
|
16
21
|
borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
|
|
17
|
-
borderWidth?: "
|
|
22
|
+
borderWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
18
23
|
boxShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
|
|
19
24
|
color?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.50" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.500" | "neutral.700" | "neutral.800" | "neutral.600" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "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.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.700" | "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.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.1100" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
|
|
20
25
|
fontFamily?: "mono" | "sans" | undefined;
|
|
21
26
|
fontWeight?: "600" | "900" | "100" | "200" | "300" | "400" | "500" | "700" | "800" | undefined;
|
|
22
27
|
letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
|
|
23
|
-
objectFit?: "none" | "
|
|
28
|
+
objectFit?: "none" | "contain" | "cover" | "fill" | "scale-down" | undefined;
|
|
24
29
|
overflow?: "auto" | "hidden" | "visible" | undefined;
|
|
25
30
|
textAlign?: "end" | "start" | "center" | "justify" | undefined;
|
|
26
31
|
textTransform?: "none" | "capitalize" | "uppercase" | undefined;
|
|
27
|
-
transition?: "colors" | "all" | undefined;
|
|
32
|
+
transition?: "colors" | "all" | "transform" | undefined;
|
|
28
33
|
whiteSpace?: "nowrap" | undefined;
|
|
29
|
-
zIndex?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | undefined;
|
|
34
|
+
zIndex?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | undefined;
|
|
30
35
|
bg?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.50" | "purple.50" | "red.500" | "red.600" | "red.50" | "blue.50" | "slate.100" | "neutral.100" | "green.50" | "green.500" | "green.600" | "yellow.500" | "yellow.600" | "yellow.50" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.500" | "neutral.700" | "neutral.800" | "neutral.600" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "gray.900" | "bg.brand.solid" | "bg.brand.solid.hover" | "bg.brand.subtle" | "bg.default.hover" | "bg.disabled" | "bg.discovery" | "bg.error.solid" | "bg.error.solid.hover" | "bg.error.subtle" | "bg.information" | "bg.neutral" | "bg.secondary.hover" | "bg.success" | "bg.success.solid" | "bg.success.solid.hover" | "bg.success.subtle" | "bg.warning.solid" | "bg.warning.solid.hover" | "bg.warning.subtle" | "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.brand" | "fg.brand.hover" | "fg.default" | "fg.default.hover" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hover" | "fg.secondary" | "fg.secondary.hover" | "fg.success" | "fg.success.hover" | "fg.tertiary" | "fg.tertiary.hover" | "fg.warning" | "fg.warning.hover" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "brand.300" | "brand.400" | "brand.700" | "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.700" | "green.800" | "magenta.50" | "magenta.500" | "neutral.1100" | "orange.50" | "orange.200" | "orange.500" | "orange.600" | "purple.500" | "red.100" | "red.200" | "red.300" | "red.400" | "red.700" | "red.800" | "red.900" | "slate.50" | "slate.200" | "slate.300" | "slate.500" | "slate.600" | "slate.700" | "slate.900" | "slate.950" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.700" | "yellow.800" | "yellow.900" | undefined;
|
|
31
|
-
border?: "
|
|
36
|
+
border?: "0" | "1" | "2" | "4" | undefined;
|
|
32
37
|
rounded?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
|
|
33
38
|
shadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
|
|
34
39
|
tracking?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
|
|
35
|
-
z?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | undefined;
|
|
40
|
+
z?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | undefined;
|
|
36
41
|
} & {
|
|
37
42
|
alignItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
|
|
38
43
|
readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
39
44
|
readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
40
45
|
readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
41
46
|
readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
42
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
47
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
|
|
43
48
|
display?: ("none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | {
|
|
44
49
|
readonly base?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
|
|
45
50
|
readonly sm?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
|
|
46
51
|
readonly md?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
|
|
47
52
|
readonly lg?: "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | undefined;
|
|
48
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
53
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "flex" | "grid" | "block" | "inline" | "inline-block" | "inline-flex" | "table" | "table-cell" | "table-row" | null>;
|
|
49
54
|
flex?: ("1" | "auto" | "none" | "initial" | {
|
|
50
55
|
readonly base?: "1" | "auto" | "none" | "initial" | undefined;
|
|
51
56
|
readonly sm?: "1" | "auto" | "none" | "initial" | undefined;
|
|
52
57
|
readonly md?: "1" | "auto" | "none" | "initial" | undefined;
|
|
53
58
|
readonly lg?: "1" | "auto" | "none" | "initial" | undefined;
|
|
54
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
59
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "auto" | "none" | "initial" | null>;
|
|
55
60
|
flexDirection?: ("column" | "column-reverse" | "row" | "row-reverse" | {
|
|
56
61
|
readonly base?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
57
62
|
readonly sm?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
58
63
|
readonly md?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
59
64
|
readonly lg?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
60
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
65
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "column" | "column-reverse" | "row" | "row-reverse" | null>;
|
|
61
66
|
flexWrap?: ("nowrap" | "wrap" | {
|
|
62
67
|
readonly base?: "nowrap" | "wrap" | undefined;
|
|
63
68
|
readonly sm?: "nowrap" | "wrap" | undefined;
|
|
64
69
|
readonly md?: "nowrap" | "wrap" | undefined;
|
|
65
70
|
readonly lg?: "nowrap" | "wrap" | undefined;
|
|
66
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
71
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
|
|
67
72
|
fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | {
|
|
68
73
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
69
74
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
70
75
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
71
76
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
72
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
73
|
-
gap?: ("2" | "4" | "6" | "8" | "12" | "
|
|
74
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
75
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
76
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
77
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
78
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
79
|
-
gridColumn?: ("
|
|
80
|
-
readonly base?: "
|
|
81
|
-
readonly sm?: "
|
|
82
|
-
readonly md?: "
|
|
83
|
-
readonly lg?: "
|
|
84
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
85
|
-
gridTemplateColumns?: ("
|
|
86
|
-
readonly base?: "
|
|
87
|
-
readonly sm?: "
|
|
88
|
-
readonly md?: "
|
|
89
|
-
readonly lg?: "
|
|
90
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
91
|
-
height?: ("
|
|
92
|
-
readonly base?: "
|
|
93
|
-
readonly sm?: "
|
|
94
|
-
readonly md?: "
|
|
95
|
-
readonly lg?: "
|
|
96
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
77
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null>;
|
|
78
|
+
gap?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
79
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
80
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
81
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
82
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
83
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
84
|
+
gridColumn?: ("1" | "2" | "4" | "3" | {
|
|
85
|
+
readonly base?: "1" | "2" | "4" | "3" | undefined;
|
|
86
|
+
readonly sm?: "1" | "2" | "4" | "3" | undefined;
|
|
87
|
+
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
88
|
+
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
89
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
90
|
+
gridTemplateColumns?: ("1" | "2" | "4" | "3" | {
|
|
91
|
+
readonly base?: "1" | "2" | "4" | "3" | undefined;
|
|
92
|
+
readonly sm?: "1" | "2" | "4" | "3" | undefined;
|
|
93
|
+
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
94
|
+
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
95
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
96
|
+
height?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
97
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
98
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
99
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
100
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
101
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
97
102
|
justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
|
|
98
103
|
readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
|
|
99
104
|
readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
|
|
100
105
|
readonly md?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
|
|
101
106
|
readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
|
|
102
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
107
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | null>;
|
|
103
108
|
justifyItems?: ("end" | "start" | "center" | "normal" | "stretch" | {
|
|
104
109
|
readonly base?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
105
110
|
readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
106
111
|
readonly md?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
107
112
|
readonly lg?: "end" | "start" | "center" | "normal" | "stretch" | undefined;
|
|
108
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
113
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "end" | "start" | "center" | "normal" | "stretch" | null>;
|
|
109
114
|
lineHeight?: ("none" | "normal" | "tight" | "loose" | {
|
|
110
115
|
readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
111
116
|
readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
112
117
|
readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
113
118
|
readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
114
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
115
|
-
marginBottom?: ("2" | "4" | "6" | "8" | "12" | "
|
|
116
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
117
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
118
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
119
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
120
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
121
|
-
marginLeft?: ("2" | "4" | "6" | "8" | "12" | "
|
|
122
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
123
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
124
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
125
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
126
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
127
|
-
marginRight?: ("2" | "4" | "6" | "8" | "12" | "
|
|
128
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
129
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
130
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
131
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
132
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
133
|
-
marginTop?: ("2" | "4" | "6" | "8" | "12" | "
|
|
134
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
135
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
136
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
137
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
138
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
119
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "normal" | "tight" | "loose" | null>;
|
|
120
|
+
marginBottom?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
121
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
122
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
123
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
124
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
125
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
126
|
+
marginLeft?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
127
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
128
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
132
|
+
marginRight?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
133
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
134
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
138
|
+
marginTop?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
139
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
140
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
144
|
maxHeight?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
|
|
140
145
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
141
146
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
142
147
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
143
148
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
144
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
149
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
|
|
145
150
|
maxWidth?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
|
|
146
151
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
147
152
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
148
153
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
149
154
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
150
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
151
|
-
paddingBottom?: ("2" | "4" | "6" | "8" | "12" | "
|
|
152
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
153
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
154
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
155
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
156
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
157
|
-
paddingLeft?: ("2" | "4" | "6" | "8" | "12" | "
|
|
158
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
159
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
160
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
161
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
162
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
163
|
-
paddingRight?: ("2" | "4" | "6" | "8" | "12" | "
|
|
164
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
165
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
166
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
167
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
168
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
169
|
-
paddingTop?: ("2" | "4" | "6" | "8" | "12" | "
|
|
170
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
171
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
172
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
173
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
174
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
155
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
|
|
156
|
+
paddingBottom?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
157
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
158
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
159
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
160
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
161
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
162
|
+
paddingLeft?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
163
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
164
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
165
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
166
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
167
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
168
|
+
paddingRight?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
169
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
170
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
171
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
172
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
173
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
174
|
+
paddingTop?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
175
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
176
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
177
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
178
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
179
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
175
180
|
placeItems?: ("center" | {
|
|
176
181
|
readonly base?: "center" | undefined;
|
|
177
182
|
readonly sm?: "center" | undefined;
|
|
178
183
|
readonly md?: "center" | undefined;
|
|
179
184
|
readonly lg?: "center" | undefined;
|
|
180
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
181
|
-
width?: ("
|
|
182
|
-
readonly base?: "
|
|
183
|
-
readonly sm?: "
|
|
184
|
-
readonly md?: "
|
|
185
|
-
readonly lg?: "
|
|
186
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
187
|
-
colSpan?: ("
|
|
188
|
-
readonly base?: "
|
|
189
|
-
readonly sm?: "
|
|
190
|
-
readonly md?: "
|
|
191
|
-
readonly lg?: "
|
|
192
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
193
|
-
cols?: ("
|
|
194
|
-
readonly base?: "
|
|
195
|
-
readonly sm?: "
|
|
196
|
-
readonly md?: "
|
|
197
|
-
readonly lg?: "
|
|
198
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
199
|
-
h?: ("
|
|
200
|
-
readonly base?: "
|
|
201
|
-
readonly sm?: "
|
|
202
|
-
readonly md?: "
|
|
203
|
-
readonly lg?: "
|
|
204
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
185
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "center" | null>;
|
|
186
|
+
width?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
187
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
188
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
189
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
190
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
191
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
192
|
+
colSpan?: ("1" | "2" | "4" | "3" | {
|
|
193
|
+
readonly base?: "1" | "2" | "4" | "3" | undefined;
|
|
194
|
+
readonly sm?: "1" | "2" | "4" | "3" | undefined;
|
|
195
|
+
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
196
|
+
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
197
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
198
|
+
cols?: ("1" | "2" | "4" | "3" | {
|
|
199
|
+
readonly base?: "1" | "2" | "4" | "3" | undefined;
|
|
200
|
+
readonly sm?: "1" | "2" | "4" | "3" | undefined;
|
|
201
|
+
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
202
|
+
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
203
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
204
|
+
h?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
205
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
206
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
207
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
208
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
209
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
205
210
|
leading?: ("none" | "normal" | "tight" | "loose" | {
|
|
206
211
|
readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
207
212
|
readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
208
213
|
readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
209
214
|
readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
210
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
211
|
-
m?: ("2" | "4" | "6" | "8" | "12" | "
|
|
212
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
213
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
214
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
215
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
216
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
215
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "normal" | "tight" | "loose" | null>;
|
|
216
|
+
m?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
217
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
218
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
219
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
220
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
221
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
217
222
|
maxH?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
|
|
218
223
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
219
224
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
220
225
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
221
226
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
222
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
227
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
|
|
223
228
|
maxW?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
|
|
224
229
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
225
230
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
226
231
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
227
232
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
228
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
229
|
-
mb?: ("2" | "4" | "6" | "8" | "12" | "
|
|
230
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
231
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
232
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
233
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
234
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
235
|
-
ml?: ("2" | "4" | "6" | "8" | "12" | "
|
|
236
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
237
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
238
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
239
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
240
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
241
|
-
mr?: ("2" | "4" | "6" | "8" | "12" | "
|
|
242
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
243
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
244
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
245
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
246
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
247
|
-
mt?: ("2" | "4" | "6" | "8" | "12" | "
|
|
248
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
249
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
250
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
251
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
252
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
253
|
-
mx?: ("2" | "4" | "6" | "8" | "12" | "
|
|
254
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
255
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
256
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
257
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
258
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
259
|
-
my?: ("2" | "4" | "6" | "8" | "12" | "
|
|
260
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
261
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
262
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
263
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
264
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
265
|
-
p?: ("2" | "4" | "6" | "8" | "12" | "
|
|
266
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
267
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
268
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
269
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
270
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
271
|
-
pb?: ("2" | "4" | "6" | "8" | "12" | "
|
|
272
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
273
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
274
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
275
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
276
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
277
|
-
pl?: ("2" | "4" | "6" | "8" | "12" | "
|
|
278
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
279
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
280
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
281
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
282
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
283
|
-
pr?: ("2" | "4" | "6" | "8" | "12" | "
|
|
284
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
285
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
286
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
287
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
288
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
289
|
-
pt?: ("2" | "4" | "6" | "8" | "12" | "
|
|
290
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
291
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
292
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
293
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
294
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
295
|
-
px?: ("2" | "4" | "6" | "8" | "12" | "
|
|
296
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
297
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
298
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
299
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
300
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
301
|
-
py?: ("2" | "4" | "6" | "8" | "12" | "
|
|
302
|
-
readonly base?: "2" | "4" | "6" | "8" | "12" | "
|
|
303
|
-
readonly sm?: "2" | "4" | "6" | "8" | "12" | "
|
|
304
|
-
readonly md?: "2" | "4" | "6" | "8" | "12" | "
|
|
305
|
-
readonly lg?: "2" | "4" | "6" | "8" | "12" | "
|
|
306
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
307
|
-
size?: ("
|
|
308
|
-
readonly base?: "
|
|
309
|
-
readonly sm?: "
|
|
310
|
-
readonly md?: "
|
|
311
|
-
readonly lg?: "
|
|
312
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
313
|
-
w?: ("
|
|
314
|
-
readonly base?: "
|
|
315
|
-
readonly sm?: "
|
|
316
|
-
readonly md?: "
|
|
317
|
-
readonly lg?: "
|
|
318
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 3 | 1
|
|
233
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
|
|
234
|
+
mb?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
235
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
236
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
237
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
238
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
239
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
240
|
+
ml?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
241
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
242
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
246
|
+
mr?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
247
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
248
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
252
|
+
mt?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
253
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
254
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
258
|
+
mx?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
259
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
260
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
264
|
+
my?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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" | {
|
|
265
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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;
|
|
266
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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 lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "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>;
|
|
270
|
+
p?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
271
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
272
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
273
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
274
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
275
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
276
|
+
pb?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
277
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
278
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
279
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
280
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
281
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
282
|
+
pl?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
283
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
284
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
285
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
286
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
287
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
288
|
+
pr?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
289
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
290
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
291
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
292
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
293
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
294
|
+
pt?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
295
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
296
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
297
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
298
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
299
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
300
|
+
px?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
301
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
302
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
303
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
304
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
305
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
306
|
+
py?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
307
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
308
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
309
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
310
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
311
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "10" | "16" | "20" | "48" | "24" | "32" | "3" | "5" | "7" | "9" | "11" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
312
|
+
size?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
313
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
314
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
315
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
316
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
317
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
318
|
+
w?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | {
|
|
319
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
320
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
321
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
322
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | undefined;
|
|
323
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "40" | "48" | "24" | "32" | "64" | "80" | "320" | "384" | "56" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "full" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
|
|
319
324
|
}) => string) & {
|
|
320
|
-
properties: Set<"borderRadius" | "borderWidth" | "boxShadow" | "fontFamily" | "fontSize" | "letterSpacing" | "lineHeight" | "
|
|
325
|
+
properties: Set<"size" | "borderRadius" | "borderWidth" | "boxShadow" | "fontFamily" | "fontSize" | "letterSpacing" | "lineHeight" | "zIndex" | "backgroundColor" | "borderColor" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "height" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "alignItems" | "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">;
|
|
321
326
|
};
|
|
322
327
|
declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends _vanilla_extract_sprinkles.ConditionalValue<{
|
|
323
328
|
conditions: {
|
|
@@ -326,13 +331,9 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
|
|
|
326
331
|
responsiveArray: ("sm" | "md" | "lg" | "base")[] & {
|
|
327
332
|
length: 3;
|
|
328
333
|
};
|
|
329
|
-
};
|
|
330
|
-
* Set the element's right margin
|
|
331
|
-
*
|
|
332
|
-
* {@link https://optimizely-axiom.github.io/optiaxiom/styled-system/margin/ Documentation}
|
|
333
|
-
*/
|
|
334
|
+
};
|
|
334
335
|
styles: {};
|
|
335
|
-
}, 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 |
|
|
336
|
+
}, string | number | boolean>>(value: Value, fn: (inputValue: Value extends _vanilla_extract_sprinkles.ResponsiveArray<1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 6 | 7, string | number | boolean | null> | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 5 | 4 | 8 | 6 | 7, string | number | boolean | null> ? NonNullable<Value[number]> : Value extends Partial<Record<string, string | number | boolean>> ? NonNullable<Value[keyof Value]> : Value, key: "sm" | "md" | "lg" | "base") => OutputValue) => Value extends string | number | boolean ? OutputValue : Partial<Record<"sm" | "md" | "lg" | "base", OutputValue>>;
|
|
336
337
|
type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderRadius" | "boxShadow" | "gridColumn" | "gridTemplateColumns" | "height" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
|
|
337
338
|
type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
|
|
338
339
|
|
|
@@ -347,16 +348,14 @@ type BoxProps = ExtendProps<ComponentPropsWithRef<"div">, {
|
|
|
347
348
|
} & Sprinkles>;
|
|
348
349
|
declare const Box: react.ForwardRefExoticComponent<Omit<BoxProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
349
350
|
|
|
350
|
-
|
|
351
|
-
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
};
|
|
359
|
-
}>;
|
|
351
|
+
type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
|
|
352
|
+
|
|
353
|
+
declare const avatar: (options?: {
|
|
354
|
+
colorScheme?: "blue" | "brand" | "dark" | "gray" | "green" | "magenta" | "neutral" | "orange" | "purple" | "red" | "slate" | "yellow" | undefined;
|
|
355
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
356
|
+
} | undefined, className?: string | undefined) => {
|
|
357
|
+
className: string;
|
|
358
|
+
};
|
|
360
359
|
type AvatarVariants = RecipeVariants<typeof avatar>;
|
|
361
360
|
|
|
362
361
|
type AvatarProps = ExtendProps<ComponentPropsWithRef<typeof Box>, {
|
|
@@ -368,106 +367,18 @@ type AvatarProps = ExtendProps<ComponentPropsWithRef<typeof Box>, {
|
|
|
368
367
|
} & AvatarVariants>;
|
|
369
368
|
declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
370
369
|
|
|
371
|
-
declare const button:
|
|
372
|
-
colorScheme
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
};
|
|
382
|
-
};
|
|
383
|
-
primary: {
|
|
384
|
-
vars: {
|
|
385
|
-
[x: string]: "#F0F3FF" | "#0037FF" | "#002CCC";
|
|
386
|
-
};
|
|
387
|
-
selectors: {
|
|
388
|
-
"&:focus-visible": {
|
|
389
|
-
outlineColor: "#6A8FFC";
|
|
390
|
-
};
|
|
391
|
-
};
|
|
392
|
-
};
|
|
393
|
-
secondary: {
|
|
394
|
-
vars: {
|
|
395
|
-
[x: string]: "#E9EDF5" | "#464D61" | "#303645";
|
|
396
|
-
};
|
|
397
|
-
selectors: {
|
|
398
|
-
"&:focus-visible": {
|
|
399
|
-
outlineColor: "#868FA4";
|
|
400
|
-
};
|
|
401
|
-
};
|
|
402
|
-
};
|
|
403
|
-
};
|
|
404
|
-
size: {
|
|
405
|
-
sm: {
|
|
406
|
-
fontSize: "12px";
|
|
407
|
-
height: string;
|
|
408
|
-
lineHeight: "1.45";
|
|
409
|
-
paddingInline: string;
|
|
410
|
-
};
|
|
411
|
-
md: {
|
|
412
|
-
fontSize: "14px";
|
|
413
|
-
height: string;
|
|
414
|
-
lineHeight: "1.5";
|
|
415
|
-
paddingInline: string;
|
|
416
|
-
};
|
|
417
|
-
lg: {
|
|
418
|
-
fontSize: "16px";
|
|
419
|
-
height: string;
|
|
420
|
-
lineHeight: "1.6";
|
|
421
|
-
paddingInline: string;
|
|
422
|
-
};
|
|
423
|
-
};
|
|
424
|
-
variant: {
|
|
425
|
-
ghost: {
|
|
426
|
-
backgroundColor: string;
|
|
427
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
428
|
-
selectors: {
|
|
429
|
-
'&:hover:not([data-disabled="true"])': {
|
|
430
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
431
|
-
};
|
|
432
|
-
'&[data-disabled="true"]': {
|
|
433
|
-
backgroundColor: "#F9FAFC";
|
|
434
|
-
color: "#868FA4";
|
|
435
|
-
};
|
|
436
|
-
};
|
|
437
|
-
};
|
|
438
|
-
outline: {
|
|
439
|
-
backgroundColor: string;
|
|
440
|
-
border: string;
|
|
441
|
-
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
442
|
-
selectors: {
|
|
443
|
-
'&:hover:not([data-disabled="true"])': {
|
|
444
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
445
|
-
};
|
|
446
|
-
'&[data-disabled="true"]': {
|
|
447
|
-
borderColor: "#F5F6FA";
|
|
448
|
-
color: "#868FA4";
|
|
449
|
-
};
|
|
450
|
-
};
|
|
451
|
-
};
|
|
452
|
-
solid: {
|
|
453
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
454
|
-
color: "#FFFFFF";
|
|
455
|
-
selectors: {
|
|
456
|
-
'&:hover:not([data-disabled="true"])': {
|
|
457
|
-
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
458
|
-
};
|
|
459
|
-
'&[data-disabled="true"]': {
|
|
460
|
-
backgroundColor: "#F9FAFC";
|
|
461
|
-
border: string;
|
|
462
|
-
color: "#868FA4";
|
|
463
|
-
};
|
|
464
|
-
};
|
|
465
|
-
};
|
|
466
|
-
};
|
|
467
|
-
}>;
|
|
468
|
-
type ButtonVariants = RecipeVariants<typeof button>;
|
|
370
|
+
declare const button: (options?: {
|
|
371
|
+
colorScheme?: "danger" | "primary" | "secondary" | undefined;
|
|
372
|
+
disabled?: boolean | undefined;
|
|
373
|
+
iconOnly?: boolean | undefined;
|
|
374
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
375
|
+
variant?: "solid" | "ghost" | "outline" | undefined;
|
|
376
|
+
} | undefined, className?: string | undefined) => {
|
|
377
|
+
className: string;
|
|
378
|
+
};
|
|
379
|
+
type ButtonVariants = NonNullable<RecipeVariants<typeof button>>;
|
|
469
380
|
|
|
470
|
-
declare const
|
|
381
|
+
declare const appearances: {
|
|
471
382
|
danger: {
|
|
472
383
|
colorScheme: "danger";
|
|
473
384
|
variant: "solid";
|
|
@@ -490,18 +401,15 @@ declare const presets: {
|
|
|
490
401
|
};
|
|
491
402
|
};
|
|
492
403
|
type ButtonProps = ExtendProps<ComponentPropsWithRef<"button">, ComponentPropsWithRef<typeof Box>, {
|
|
404
|
+
appearance?: keyof typeof appearances;
|
|
493
405
|
children?: ReactNode;
|
|
494
406
|
disabled?: boolean;
|
|
407
|
+
icon?: ReactNode;
|
|
408
|
+
iconPosition?: "end" | "start";
|
|
495
409
|
isLoading?: boolean;
|
|
496
|
-
|
|
497
|
-
preset?: keyof typeof presets;
|
|
498
|
-
rightSection?: ReactNode;
|
|
499
|
-
} & ButtonVariants>;
|
|
410
|
+
} & Omit<ButtonVariants, "iconOnly">>;
|
|
500
411
|
declare const Button: react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
501
412
|
|
|
502
|
-
type CodeProps = ExtendProps<ComponentPropsWithRef<"code">, ComponentPropsWithRef<typeof Box>>;
|
|
503
|
-
declare const Code: react.ForwardRefExoticComponent<Omit<CodeProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
504
|
-
|
|
505
413
|
declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
506
414
|
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
507
415
|
}, "color" | "className"> & Omit<{
|
|
@@ -511,6 +419,15 @@ declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<rea
|
|
|
511
419
|
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
512
420
|
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
513
421
|
|
|
422
|
+
type ButtonGroupProps = ExtendProps<ComponentPropsWithRef<typeof Flex>, {
|
|
423
|
+
children: ReactNode;
|
|
424
|
+
orientation?: "horizontal" | "vertical";
|
|
425
|
+
}>;
|
|
426
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
427
|
+
|
|
428
|
+
type CodeProps = ExtendProps<ComponentPropsWithRef<"code">, ComponentPropsWithRef<typeof Box>>;
|
|
429
|
+
declare const Code: react.ForwardRefExoticComponent<Omit<CodeProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
430
|
+
|
|
514
431
|
type FieldProps = ExtendProps<ComponentPropsWithRef<typeof Flex>, {
|
|
515
432
|
children: ReactElement;
|
|
516
433
|
description?: string;
|
|
@@ -531,13 +448,17 @@ declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<rea
|
|
|
531
448
|
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
532
449
|
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
533
450
|
|
|
534
|
-
declare const
|
|
451
|
+
declare const text: (options?: {
|
|
452
|
+
lineClamp?: "1" | "2" | "4" | "3" | undefined;
|
|
453
|
+
truncate?: boolean | undefined;
|
|
454
|
+
} | undefined, className?: string | undefined) => {
|
|
455
|
+
className: string;
|
|
456
|
+
};
|
|
457
|
+
type TextVariants = RecipeVariants<typeof text>;
|
|
535
458
|
|
|
536
459
|
type TextProps = ExtendProps<ComponentPropsWithRef<"p">, ComponentPropsWithRef<typeof Box>, {
|
|
537
460
|
as?: "p" | "span";
|
|
538
|
-
|
|
539
|
-
truncate?: boolean;
|
|
540
|
-
}>;
|
|
461
|
+
} & TextVariants>;
|
|
541
462
|
declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
|
|
542
463
|
|
|
543
464
|
type HeadingProps = ExtendProps<ComponentPropsWithRef<"h1">, ComponentPropsWithRef<typeof Text>, {
|
|
@@ -568,32 +489,12 @@ declare const mapTagToFontSize: {
|
|
|
568
489
|
};
|
|
569
490
|
declare const Heading: react.ForwardRefExoticComponent<Omit<HeadingProps, "ref"> & react.RefAttributes<HTMLHeadingElement>>;
|
|
570
491
|
|
|
571
|
-
declare const wrapper:
|
|
572
|
-
size
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
padding: string;
|
|
578
|
-
};
|
|
579
|
-
md: {
|
|
580
|
-
fontSize: "14px";
|
|
581
|
-
height: string;
|
|
582
|
-
lineHeight: "1.5";
|
|
583
|
-
padding: string;
|
|
584
|
-
};
|
|
585
|
-
lg: {
|
|
586
|
-
fontSize: "16px";
|
|
587
|
-
height: string;
|
|
588
|
-
lineHeight: "1.6";
|
|
589
|
-
padding: string;
|
|
590
|
-
};
|
|
591
|
-
};
|
|
592
|
-
variant: {
|
|
593
|
-
default: {};
|
|
594
|
-
number: {};
|
|
595
|
-
};
|
|
596
|
-
}>;
|
|
492
|
+
declare const wrapper: (options?: {
|
|
493
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
494
|
+
variant?: "number" | "default" | undefined;
|
|
495
|
+
} | undefined, className?: string | undefined) => {
|
|
496
|
+
className: string;
|
|
497
|
+
};
|
|
597
498
|
type WrapperVariants = RecipeVariants<typeof wrapper>;
|
|
598
499
|
|
|
599
500
|
type InputProps = ExtendProps<ComponentPropsWithRef<"input">, ComponentPropsWithRef<typeof Box>, {
|
|
@@ -638,7 +539,7 @@ declare const separator: ((props: {
|
|
|
638
539
|
readonly sm?: "vertical" | "horizontal" | undefined;
|
|
639
540
|
readonly md?: "vertical" | "horizontal" | undefined;
|
|
640
541
|
readonly lg?: "vertical" | "horizontal" | undefined;
|
|
641
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 |
|
|
542
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
|
|
642
543
|
}) => string) & {
|
|
643
544
|
properties: Set<"orientation">;
|
|
644
545
|
};
|
|
@@ -679,7 +580,7 @@ declare const theme: {
|
|
|
679
580
|
readonly md: "6px";
|
|
680
581
|
readonly lg: "8px";
|
|
681
582
|
readonly xl: "12px";
|
|
682
|
-
readonly full: "
|
|
583
|
+
readonly full: "9999px";
|
|
683
584
|
readonly none: "0";
|
|
684
585
|
};
|
|
685
586
|
readonly borderWidth: {
|
|
@@ -933,11 +834,17 @@ declare const theme: {
|
|
|
933
834
|
readonly lg: "24px";
|
|
934
835
|
readonly xl: "32px";
|
|
935
836
|
readonly "0": "0";
|
|
837
|
+
readonly "1": "1px";
|
|
936
838
|
readonly "2": "2px";
|
|
839
|
+
readonly "3": "3px";
|
|
937
840
|
readonly "4": "4px";
|
|
841
|
+
readonly "5": "5px";
|
|
938
842
|
readonly "6": "6px";
|
|
843
|
+
readonly "7": "7px";
|
|
939
844
|
readonly "8": "8px";
|
|
845
|
+
readonly "9": "9px";
|
|
940
846
|
readonly "10": "10px";
|
|
847
|
+
readonly "11": "11px";
|
|
941
848
|
readonly "12": "12px";
|
|
942
849
|
readonly "16": "16px";
|
|
943
850
|
readonly "20": "20px";
|
|
@@ -1016,11 +923,17 @@ declare const theme: {
|
|
|
1016
923
|
readonly lg: "24px";
|
|
1017
924
|
readonly xl: "32px";
|
|
1018
925
|
readonly "0": "0";
|
|
926
|
+
readonly "1": "1px";
|
|
1019
927
|
readonly "2": "2px";
|
|
928
|
+
readonly "3": "3px";
|
|
1020
929
|
readonly "4": "4px";
|
|
930
|
+
readonly "5": "5px";
|
|
1021
931
|
readonly "6": "6px";
|
|
932
|
+
readonly "7": "7px";
|
|
1022
933
|
readonly "8": "8px";
|
|
934
|
+
readonly "9": "9px";
|
|
1023
935
|
readonly "10": "10px";
|
|
936
|
+
readonly "11": "11px";
|
|
1024
937
|
readonly "12": "12px";
|
|
1025
938
|
readonly "16": "16px";
|
|
1026
939
|
readonly "20": "20px";
|
|
@@ -1038,6 +951,7 @@ declare const theme: {
|
|
|
1038
951
|
readonly "40": "40";
|
|
1039
952
|
readonly "50": "50";
|
|
1040
953
|
readonly auto: "auto";
|
|
954
|
+
readonly popover: "1500";
|
|
1041
955
|
};
|
|
1042
956
|
};
|
|
1043
957
|
|
|
@@ -1048,7 +962,7 @@ declare const tokens: {
|
|
|
1048
962
|
readonly md: "6px";
|
|
1049
963
|
readonly lg: "8px";
|
|
1050
964
|
readonly xl: "12px";
|
|
1051
|
-
readonly full: "
|
|
965
|
+
readonly full: "9999px";
|
|
1052
966
|
readonly none: "0";
|
|
1053
967
|
};
|
|
1054
968
|
readonly borderWidth: {
|
|
@@ -1302,11 +1216,17 @@ declare const tokens: {
|
|
|
1302
1216
|
readonly lg: "24px";
|
|
1303
1217
|
readonly xl: "32px";
|
|
1304
1218
|
readonly "0": "0";
|
|
1219
|
+
readonly "1": "1px";
|
|
1305
1220
|
readonly "2": "2px";
|
|
1221
|
+
readonly "3": "3px";
|
|
1306
1222
|
readonly "4": "4px";
|
|
1223
|
+
readonly "5": "5px";
|
|
1307
1224
|
readonly "6": "6px";
|
|
1225
|
+
readonly "7": "7px";
|
|
1308
1226
|
readonly "8": "8px";
|
|
1227
|
+
readonly "9": "9px";
|
|
1309
1228
|
readonly "10": "10px";
|
|
1229
|
+
readonly "11": "11px";
|
|
1310
1230
|
readonly "12": "12px";
|
|
1311
1231
|
readonly "16": "16px";
|
|
1312
1232
|
readonly "20": "20px";
|
|
@@ -1385,11 +1305,17 @@ declare const tokens: {
|
|
|
1385
1305
|
readonly lg: "24px";
|
|
1386
1306
|
readonly xl: "32px";
|
|
1387
1307
|
readonly "0": "0";
|
|
1308
|
+
readonly "1": "1px";
|
|
1388
1309
|
readonly "2": "2px";
|
|
1310
|
+
readonly "3": "3px";
|
|
1389
1311
|
readonly "4": "4px";
|
|
1312
|
+
readonly "5": "5px";
|
|
1390
1313
|
readonly "6": "6px";
|
|
1314
|
+
readonly "7": "7px";
|
|
1391
1315
|
readonly "8": "8px";
|
|
1316
|
+
readonly "9": "9px";
|
|
1392
1317
|
readonly "10": "10px";
|
|
1318
|
+
readonly "11": "11px";
|
|
1393
1319
|
readonly "12": "12px";
|
|
1394
1320
|
readonly "16": "16px";
|
|
1395
1321
|
readonly "20": "20px";
|
|
@@ -1407,6 +1333,7 @@ declare const tokens: {
|
|
|
1407
1333
|
readonly "40": "40";
|
|
1408
1334
|
readonly "50": "50";
|
|
1409
1335
|
readonly auto: "auto";
|
|
1336
|
+
readonly popover: "1500";
|
|
1410
1337
|
};
|
|
1411
1338
|
};
|
|
1412
1339
|
declare const tokensDark: {
|
|
@@ -1568,7 +1495,7 @@ declare const tokensDark: {
|
|
|
1568
1495
|
readonly md: "6px";
|
|
1569
1496
|
readonly lg: "8px";
|
|
1570
1497
|
readonly xl: "12px";
|
|
1571
|
-
readonly full: "
|
|
1498
|
+
readonly full: "9999px";
|
|
1572
1499
|
readonly none: "0";
|
|
1573
1500
|
};
|
|
1574
1501
|
readonly borderWidth: {
|
|
@@ -1670,11 +1597,17 @@ declare const tokensDark: {
|
|
|
1670
1597
|
readonly lg: "24px";
|
|
1671
1598
|
readonly xl: "32px";
|
|
1672
1599
|
readonly "0": "0";
|
|
1600
|
+
readonly "1": "1px";
|
|
1673
1601
|
readonly "2": "2px";
|
|
1602
|
+
readonly "3": "3px";
|
|
1674
1603
|
readonly "4": "4px";
|
|
1604
|
+
readonly "5": "5px";
|
|
1675
1605
|
readonly "6": "6px";
|
|
1606
|
+
readonly "7": "7px";
|
|
1676
1607
|
readonly "8": "8px";
|
|
1608
|
+
readonly "9": "9px";
|
|
1677
1609
|
readonly "10": "10px";
|
|
1610
|
+
readonly "11": "11px";
|
|
1678
1611
|
readonly "12": "12px";
|
|
1679
1612
|
readonly "16": "16px";
|
|
1680
1613
|
readonly "20": "20px";
|
|
@@ -1753,11 +1686,17 @@ declare const tokensDark: {
|
|
|
1753
1686
|
readonly lg: "24px";
|
|
1754
1687
|
readonly xl: "32px";
|
|
1755
1688
|
readonly "0": "0";
|
|
1689
|
+
readonly "1": "1px";
|
|
1756
1690
|
readonly "2": "2px";
|
|
1691
|
+
readonly "3": "3px";
|
|
1757
1692
|
readonly "4": "4px";
|
|
1693
|
+
readonly "5": "5px";
|
|
1758
1694
|
readonly "6": "6px";
|
|
1695
|
+
readonly "7": "7px";
|
|
1759
1696
|
readonly "8": "8px";
|
|
1697
|
+
readonly "9": "9px";
|
|
1760
1698
|
readonly "10": "10px";
|
|
1699
|
+
readonly "11": "11px";
|
|
1761
1700
|
readonly "12": "12px";
|
|
1762
1701
|
readonly "16": "16px";
|
|
1763
1702
|
readonly "20": "20px";
|
|
@@ -1775,10 +1714,11 @@ declare const tokensDark: {
|
|
|
1775
1714
|
readonly "40": "40";
|
|
1776
1715
|
readonly "50": "50";
|
|
1777
1716
|
readonly auto: "auto";
|
|
1717
|
+
readonly popover: "1500";
|
|
1778
1718
|
};
|
|
1779
1719
|
};
|
|
1780
1720
|
|
|
1781
|
-
type TooltipProps = ExtendProps<ComponentPropsWithRef<typeof RadixTooltip.Content>, {
|
|
1721
|
+
type TooltipProps = ExtendProps<ComponentPropsWithRef<typeof Box>, ComponentPropsWithRef<typeof RadixTooltip.Content>, {
|
|
1782
1722
|
children: ReactNode;
|
|
1783
1723
|
content?: ReactNode;
|
|
1784
1724
|
delayDuration?: ComponentPropsWithRef<typeof RadixTooltip.Provider>["delayDuration"];
|
|
@@ -1786,4 +1726,15 @@ type TooltipProps = ExtendProps<ComponentPropsWithRef<typeof RadixTooltip.Conten
|
|
|
1786
1726
|
}>;
|
|
1787
1727
|
declare const Tooltip: react.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1788
1728
|
|
|
1789
|
-
|
|
1729
|
+
declare const transition: (options?: {
|
|
1730
|
+
duration?: "sm" | "md" | "lg" | undefined;
|
|
1731
|
+
type?: "pop" | "fade" | "fade-down" | "fade-left" | "fade-right" | "fade-up" | "pop-down" | "pop-left" | "pop-right" | "pop-up" | undefined;
|
|
1732
|
+
} | undefined, className?: string | undefined) => {
|
|
1733
|
+
className: string;
|
|
1734
|
+
};
|
|
1735
|
+
type TransitionVariants = RecipeVariants<typeof transition>;
|
|
1736
|
+
|
|
1737
|
+
type TransitionProps = ExtendProps<ComponentPropsWithRef<typeof Box>, NonNullable<TransitionVariants>>;
|
|
1738
|
+
declare const Transition: react.ForwardRefExoticComponent<Omit<TransitionProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1739
|
+
|
|
1740
|
+
export { AnimatePresence, Avatar, Box, Button, ButtonGroup, Code, Field, Flex, Grid, Heading, Input, Kbd, Paper, Progress, Separator, Skeleton, type Sprinkles, Text, Tooltip, Transition, extractSprinkles, layers_css as layers, mapResponsiveValue, sprinkles, theme, tokens, tokensDark, usePresence };
|