@optiaxiom/react 0.1.0-next.8 → 0.1.0-next.9
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/alert-dialog/AlertDialog-css.js +12 -0
- package/dist/alert-dialog/AlertDialog.js +51 -0
- package/dist/assets/src/alert-dialog/AlertDialog.css.ts.vanilla-CeDk9JQ5.css +29 -0
- package/dist/assets/src/button/{Button.css.ts.vanilla-BopXGX13.css → Button.css.ts.vanilla-CmOG82Kg.css} +53 -41
- package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-w5cdPwHc.css +23 -0
- package/dist/assets/src/chip/Chip.css.ts.vanilla-SD4SsrSx.css +26 -0
- package/dist/assets/src/control-base/ControlBase.css.ts.vanilla-BRvl57K9.css +32 -0
- package/dist/assets/src/dialog/Dialog.css.ts.vanilla-B7OE7tnX.css +28 -0
- package/dist/assets/src/dialog-body/DialogBody.css.ts.vanilla-C_QoodTy.css +6 -0
- package/dist/assets/src/{input/Input.css.ts.vanilla-X0R-SsOp.css → input-base/InputBase.css.ts.vanilla-CZg9RekC.css} +10 -8
- package/dist/assets/src/kbd/{Kbd.css.ts.vanilla-DB-l95Nr.css → Kbd.css.ts.vanilla-C9xHGnsD.css} +0 -3
- package/dist/assets/src/link/Link.css.ts.vanilla-Cpe5mdsJ.css +32 -0
- package/dist/assets/src/radio-group-item/RadioGroupItem.css.ts.vanilla-BFZr4-E-.css +9 -0
- package/dist/assets/src/sprinkles/{sprinkles.css.ts.vanilla-Cj5eURGG.css → sprinkles.css.ts.vanilla-3EoQkW4g.css} +2244 -2741
- package/dist/assets/src/styles/{theme.css.ts.vanilla-BftJbjRk.css → theme.css.ts.vanilla-CQvpCMCS.css} +53 -51
- package/dist/assets/src/switch/Switch.css.ts.vanilla-DqRWTr5T.css +23 -0
- package/dist/assets/src/textarea/Textarea.css.ts.vanilla-B4lEj1jX.css +9 -0
- package/dist/box/Box-css.js +1 -1
- package/dist/button/Button-css.js +3 -3
- package/dist/button/Button.js +7 -5
- package/dist/checkbox/Checkbox-css.js +12 -0
- package/dist/checkbox/Checkbox.js +32 -0
- package/dist/checkbox/icons-svg/IconChecked.js +27 -0
- package/dist/checkbox/icons-svg/IconIndeterminate.js +23 -0
- package/dist/chip/Chip-css.js +8 -0
- package/dist/chip/Chip.js +31 -0
- package/dist/chip/IconCross.js +21 -0
- package/dist/code/Code-css.js +1 -1
- package/dist/code/Code.js +4 -13
- package/dist/control-base/ControlBase-css.js +10 -0
- package/dist/control-base/ControlBase.js +30 -0
- package/dist/dialog/CloseIcon.js +21 -0
- package/dist/dialog/Dialog-css.js +9 -0
- package/dist/dialog/Dialog.js +51 -0
- package/dist/dialog-body/DialogBody-css.js +7 -0
- package/dist/dialog-body/DialogBody.js +13 -0
- package/dist/dialog-footer/DialogFooter-css.js +6 -0
- package/dist/dialog-footer/DialogFooter.js +13 -0
- package/dist/dialog-title/DialogTitle.js +21 -0
- package/dist/field/Field.js +24 -7
- package/dist/field/IconInfo.js +26 -0
- package/dist/index.d.ts +537 -376
- package/dist/index.js +12 -0
- package/dist/input/Input-css.js +3 -5
- package/dist/input/Input.js +11 -23
- package/dist/input-base/InputBase-css.js +9 -0
- package/dist/input-base/InputBase.js +44 -0
- package/dist/kbd/Kbd-css.js +3 -4
- package/dist/kbd/Kbd.js +3 -3
- package/dist/link/IconUpRight.js +24 -0
- package/dist/link/Link-css.js +8 -0
- package/dist/link/Link.js +39 -0
- package/dist/radio-group/RadioGroup.js +28 -0
- package/dist/radio-group-item/RadioGroupItem-css.js +10 -0
- package/dist/radio-group-item/RadioGroupItem.js +27 -0
- package/dist/skeleton/Skeleton-css.js +1 -1
- package/dist/skeleton/Skeleton.js +3 -8
- package/dist/sprinkles/sprinkles-css.js +3 -3
- package/dist/styles/theme-css.js +2 -2
- package/dist/switch/Switch-css.js +10 -0
- package/dist/switch/Switch.js +27 -0
- package/dist/text/Text-css.js +1 -1
- package/dist/text/Text.js +0 -1
- package/dist/textarea/Textarea-css.js +8 -0
- package/dist/textarea/Textarea.js +40 -0
- package/dist/tokens/colors.js +16 -1
- package/dist/tokens/fontSize.js +13 -9
- package/dist/tokens/spacing.js +0 -6
- package/dist/tooltip/Tooltip.js +36 -7
- package/dist/transition/Transition.js +7 -8
- package/dist/vanilla-extract/recipeRuntime.js +2 -2
- package/package.json +21 -12
package/dist/index.d.ts
CHANGED
|
@@ -1,27 +1,71 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
1
|
import * as react from 'react';
|
|
3
|
-
import { ReactElement,
|
|
2
|
+
import { ReactNode, ReactElement, ElementType, ComponentPropsWithoutRef, ComponentPropsWithRef } from 'react';
|
|
3
|
+
import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
|
|
4
4
|
import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
|
|
5
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import * as RadixCheckbox from '@radix-ui/react-checkbox';
|
|
7
|
+
import * as RadixToggle from '@radix-ui/react-toggle';
|
|
8
|
+
import * as RadixDialog from '@radix-ui/react-dialog';
|
|
5
9
|
import * as ProgressPrimitive from '@radix-ui/react-progress';
|
|
10
|
+
import * as RadixRadio from '@radix-ui/react-radio-group';
|
|
6
11
|
import * as RadixSeparator from '@radix-ui/react-separator';
|
|
12
|
+
import * as RadixSwitch from '@radix-ui/react-switch';
|
|
13
|
+
import TextareaAutosize from 'react-textarea-autosize';
|
|
7
14
|
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
8
15
|
|
|
16
|
+
declare const AlertDialog: react.ForwardRefExoticComponent<Omit<RadixAlertDialog.AlertDialogProps, "children"> & Omit<{
|
|
17
|
+
asChild?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
} & Sprinkles, "size"> & {
|
|
20
|
+
action: string;
|
|
21
|
+
appearance?: "danger" | "primary";
|
|
22
|
+
cancel?: string;
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
onAction: () => void;
|
|
25
|
+
onCancel: () => void;
|
|
26
|
+
title: ReactNode;
|
|
27
|
+
} & {
|
|
28
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
29
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
30
|
+
|
|
9
31
|
declare const AnimatePresence: ({ children, }: {
|
|
10
32
|
children?: ReactElement | false;
|
|
11
33
|
}) => react_jsx_runtime.JSX.Element;
|
|
12
34
|
|
|
13
35
|
declare const usePresence: () => readonly [false, () => void] | readonly [true];
|
|
14
36
|
|
|
15
|
-
|
|
37
|
+
declare const Avatar: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
|
|
38
|
+
asChild?: boolean;
|
|
39
|
+
className?: string;
|
|
40
|
+
} & Sprinkles, "size" | "className"> & {
|
|
41
|
+
children?: React.ReactNode;
|
|
42
|
+
className?: string;
|
|
43
|
+
icon?: React.ReactNode;
|
|
44
|
+
name?: string;
|
|
45
|
+
src?: string;
|
|
46
|
+
} & {
|
|
47
|
+
colorScheme?: "blue" | "brand" | "dark" | "gray" | "green" | "magenta" | "neutral" | "orange" | "purple" | "red" | "slate" | "yellow" | undefined;
|
|
48
|
+
size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
49
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
50
|
+
|
|
51
|
+
type ExtendProps<T1, T2> = Omit<T1, keyof T1 & keyof T2> & T2;
|
|
52
|
+
|
|
53
|
+
declare function extractSprinkles<S extends Record<string, unknown>>(props: S): {
|
|
54
|
+
restProps: Omit<S, "size" | "fontFamily" | "fontSize" | "borderColor" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "display" | "flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w">;
|
|
55
|
+
sprinkleProps: Pick<S, keyof S & ("size" | "fontFamily" | "fontSize" | "borderColor" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "display" | "flex" | "flexDirection" | "flexWrap" | "justifyContent" | "justifyItems" | "placeItems" | "colSpan" | "cols" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w")>;
|
|
56
|
+
};
|
|
16
57
|
|
|
17
58
|
declare const sprinkles: ((props: {
|
|
18
59
|
animation?: "pulse" | undefined;
|
|
19
|
-
backgroundColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.
|
|
20
|
-
|
|
60
|
+
backgroundColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "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.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "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.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.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" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "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.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "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;
|
|
61
|
+
borderBottomWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
62
|
+
borderColor?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "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.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "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.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.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" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "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.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "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;
|
|
63
|
+
borderLeftWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
21
64
|
borderRadius?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
|
|
22
|
-
|
|
65
|
+
borderRightWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
66
|
+
borderTopWidth?: "0" | "1" | "2" | "4" | undefined;
|
|
23
67
|
boxShadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
|
|
24
|
-
color?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.
|
|
68
|
+
color?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "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.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "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.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.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" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "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.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "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;
|
|
25
69
|
fontFamily?: "mono" | "sans" | undefined;
|
|
26
70
|
fontWeight?: "600" | "900" | "100" | "200" | "300" | "400" | "500" | "700" | "800" | undefined;
|
|
27
71
|
letterSpacing?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
|
|
@@ -32,8 +76,12 @@ declare const sprinkles: ((props: {
|
|
|
32
76
|
transition?: "colors" | "all" | "transform" | undefined;
|
|
33
77
|
whiteSpace?: "nowrap" | undefined;
|
|
34
78
|
zIndex?: "0" | "10" | "20" | "30" | "40" | "auto" | "50" | "popover" | undefined;
|
|
35
|
-
bg?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.
|
|
79
|
+
bg?: "transparent" | "brand.500" | "brand.600" | "brand.50" | "neutral.75" | "neutral.1200/18" | "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.500" | "neutral.600" | "neutral.200" | "neutral.150" | "blue.500" | "magenta.600" | "purple.600" | "neutral.900" | "neutral.1000" | "white" | "neutral.700" | "neutral.800" | "brand.300" | "neutral.1200/32" | "purple.900" | "blue.900" | "slate.800" | "green.900" | "gray.800" | "blue.200" | "magenta.200" | "purple.200" | "gray.100" | "slate.400" | "green.200" | "neutral.50/32" | "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.active" | "border.active.hover" | "border.brand" | "border.default" | "border.disabled" | "border.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "fg.accent.blue" | "fg.accent.magenta" | "fg.accent.purple" | "fg.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" | "outline.brand" | "overlay" | "surface" | "current" | "black" | "aqua.50" | "aqua.200" | "aqua.500" | "aqua.600" | "blue.600" | "brand.100" | "brand.200" | "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.50" | "neutral.1100" | "neutral.1200" | "neutral.1200/5" | "neutral.1200/12" | "neutral.1200/22" | "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;
|
|
36
80
|
border?: "0" | "1" | "2" | "4" | undefined;
|
|
81
|
+
borderB?: "0" | "1" | "2" | "4" | undefined;
|
|
82
|
+
borderL?: "0" | "1" | "2" | "4" | undefined;
|
|
83
|
+
borderR?: "0" | "1" | "2" | "4" | undefined;
|
|
84
|
+
borderT?: "0" | "1" | "2" | "4" | undefined;
|
|
37
85
|
rounded?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "none" | "inherit" | undefined;
|
|
38
86
|
shadow?: "sm" | "md" | "lg" | "xs" | "xl" | "none" | "inner" | undefined;
|
|
39
87
|
tracking?: "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
|
|
@@ -69,18 +117,18 @@ declare const sprinkles: ((props: {
|
|
|
69
117
|
readonly md?: "nowrap" | "wrap" | undefined;
|
|
70
118
|
readonly lg?: "nowrap" | "wrap" | undefined;
|
|
71
119
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "nowrap" | "wrap" | null>;
|
|
72
|
-
fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | {
|
|
73
|
-
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
74
|
-
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
75
|
-
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
76
|
-
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | undefined;
|
|
77
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null>;
|
|
78
|
-
gap?: ("0" | "
|
|
79
|
-
readonly base?: "0" | "
|
|
80
|
-
readonly sm?: "0" | "
|
|
81
|
-
readonly md?: "0" | "
|
|
82
|
-
readonly lg?: "0" | "
|
|
83
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
120
|
+
fontSize?: ("sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | {
|
|
121
|
+
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
|
|
122
|
+
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
|
|
123
|
+
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
|
|
124
|
+
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | undefined;
|
|
125
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "inherit" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null>;
|
|
126
|
+
gap?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
127
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
128
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
129
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
130
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
131
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
84
132
|
gridColumn?: ("1" | "2" | "4" | "3" | {
|
|
85
133
|
readonly base?: "1" | "2" | "4" | "3" | undefined;
|
|
86
134
|
readonly sm?: "1" | "2" | "4" | "3" | undefined;
|
|
@@ -93,12 +141,12 @@ declare const sprinkles: ((props: {
|
|
|
93
141
|
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
94
142
|
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
95
143
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
96
|
-
height?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
97
|
-
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
98
|
-
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
99
|
-
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
100
|
-
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
101
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
144
|
+
height?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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" | {
|
|
145
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
146
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
147
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
148
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
149
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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>;
|
|
102
150
|
justifyContent?: ("end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | {
|
|
103
151
|
readonly base?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
|
|
104
152
|
readonly sm?: "end" | "start" | "center" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined;
|
|
@@ -117,30 +165,30 @@ declare const sprinkles: ((props: {
|
|
|
117
165
|
readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
118
166
|
readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
119
167
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "normal" | "tight" | "loose" | null>;
|
|
120
|
-
marginBottom?: ("0" | "
|
|
121
|
-
readonly base?: "0" | "
|
|
122
|
-
readonly sm?: "0" | "
|
|
123
|
-
readonly md?: "0" | "
|
|
124
|
-
readonly lg?: "0" | "
|
|
125
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
126
|
-
marginLeft?: ("0" | "
|
|
127
|
-
readonly base?: "0" | "
|
|
128
|
-
readonly sm?: "0" | "
|
|
129
|
-
readonly md?: "0" | "
|
|
130
|
-
readonly lg?: "0" | "
|
|
131
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
132
|
-
marginRight?: ("0" | "
|
|
133
|
-
readonly base?: "0" | "
|
|
134
|
-
readonly sm?: "0" | "
|
|
135
|
-
readonly md?: "0" | "
|
|
136
|
-
readonly lg?: "0" | "
|
|
137
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
138
|
-
marginTop?: ("0" | "
|
|
139
|
-
readonly base?: "0" | "
|
|
140
|
-
readonly sm?: "0" | "
|
|
141
|
-
readonly md?: "0" | "
|
|
142
|
-
readonly lg?: "0" | "
|
|
143
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
168
|
+
marginBottom?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
169
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
170
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
171
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
172
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
173
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
174
|
+
marginLeft?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
175
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
176
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
177
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
178
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
179
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
180
|
+
marginRight?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
181
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
182
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
183
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
184
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
185
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
186
|
+
marginTop?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
187
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
188
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
189
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
190
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
191
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
144
192
|
maxHeight?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
|
|
145
193
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
146
194
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
@@ -153,42 +201,42 @@ declare const sprinkles: ((props: {
|
|
|
153
201
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
154
202
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
155
203
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
|
|
156
|
-
paddingBottom?: ("0" | "
|
|
157
|
-
readonly base?: "0" | "
|
|
158
|
-
readonly sm?: "0" | "
|
|
159
|
-
readonly md?: "0" | "
|
|
160
|
-
readonly lg?: "0" | "
|
|
161
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
162
|
-
paddingLeft?: ("0" | "
|
|
163
|
-
readonly base?: "0" | "
|
|
164
|
-
readonly sm?: "0" | "
|
|
165
|
-
readonly md?: "0" | "
|
|
166
|
-
readonly lg?: "0" | "
|
|
167
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
168
|
-
paddingRight?: ("0" | "
|
|
169
|
-
readonly base?: "0" | "
|
|
170
|
-
readonly sm?: "0" | "
|
|
171
|
-
readonly md?: "0" | "
|
|
172
|
-
readonly lg?: "0" | "
|
|
173
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
174
|
-
paddingTop?: ("0" | "
|
|
175
|
-
readonly base?: "0" | "
|
|
176
|
-
readonly sm?: "0" | "
|
|
177
|
-
readonly md?: "0" | "
|
|
178
|
-
readonly lg?: "0" | "
|
|
179
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
204
|
+
paddingBottom?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
205
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
206
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
207
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
208
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
209
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
210
|
+
paddingLeft?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
211
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
212
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
213
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
214
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
215
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
216
|
+
paddingRight?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
217
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
218
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
219
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
220
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
221
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
222
|
+
paddingTop?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
223
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
224
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
225
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
226
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
227
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
180
228
|
placeItems?: ("center" | {
|
|
181
229
|
readonly base?: "center" | undefined;
|
|
182
230
|
readonly sm?: "center" | undefined;
|
|
183
231
|
readonly md?: "center" | undefined;
|
|
184
232
|
readonly lg?: "center" | undefined;
|
|
185
233
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "center" | null>;
|
|
186
|
-
width?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
187
|
-
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
188
|
-
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
189
|
-
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
190
|
-
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
191
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
234
|
+
width?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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" | {
|
|
235
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
236
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
237
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
238
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
239
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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
240
|
colSpan?: ("1" | "2" | "4" | "3" | {
|
|
193
241
|
readonly base?: "1" | "2" | "4" | "3" | undefined;
|
|
194
242
|
readonly sm?: "1" | "2" | "4" | "3" | undefined;
|
|
@@ -201,24 +249,24 @@ declare const sprinkles: ((props: {
|
|
|
201
249
|
readonly md?: "1" | "2" | "4" | "3" | undefined;
|
|
202
250
|
readonly lg?: "1" | "2" | "4" | "3" | undefined;
|
|
203
251
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "1" | "2" | "4" | "3" | null>;
|
|
204
|
-
h?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
205
|
-
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
206
|
-
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
207
|
-
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
208
|
-
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
209
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
252
|
+
h?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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" | {
|
|
253
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
254
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
255
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
256
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
257
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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>;
|
|
210
258
|
leading?: ("none" | "normal" | "tight" | "loose" | {
|
|
211
259
|
readonly base?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
212
260
|
readonly sm?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
213
261
|
readonly md?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
214
262
|
readonly lg?: "none" | "normal" | "tight" | "loose" | undefined;
|
|
215
263
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "none" | "normal" | "tight" | "loose" | null>;
|
|
216
|
-
m?: ("0" | "
|
|
217
|
-
readonly base?: "0" | "
|
|
218
|
-
readonly sm?: "0" | "
|
|
219
|
-
readonly md?: "0" | "
|
|
220
|
-
readonly lg?: "0" | "
|
|
221
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
264
|
+
m?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
265
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
266
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
267
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
268
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
269
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
222
270
|
maxH?: ("sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | {
|
|
223
271
|
readonly base?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
224
272
|
readonly sm?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
@@ -231,98 +279,98 @@ declare const sprinkles: ((props: {
|
|
|
231
279
|
readonly md?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
232
280
|
readonly lg?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | undefined;
|
|
233
281
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "sm" | "md" | "lg" | "xs" | "xl" | "full" | "2xl" | null>;
|
|
234
|
-
mb?: ("0" | "
|
|
235
|
-
readonly base?: "0" | "
|
|
236
|
-
readonly sm?: "0" | "
|
|
237
|
-
readonly md?: "0" | "
|
|
238
|
-
readonly lg?: "0" | "
|
|
239
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
240
|
-
ml?: ("0" | "
|
|
241
|
-
readonly base?: "0" | "
|
|
242
|
-
readonly sm?: "0" | "
|
|
243
|
-
readonly md?: "0" | "
|
|
244
|
-
readonly lg?: "0" | "
|
|
245
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
246
|
-
mr?: ("0" | "
|
|
247
|
-
readonly base?: "0" | "
|
|
248
|
-
readonly sm?: "0" | "
|
|
249
|
-
readonly md?: "0" | "
|
|
250
|
-
readonly lg?: "0" | "
|
|
251
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
252
|
-
mt?: ("0" | "
|
|
253
|
-
readonly base?: "0" | "
|
|
254
|
-
readonly sm?: "0" | "
|
|
255
|
-
readonly md?: "0" | "
|
|
256
|
-
readonly lg?: "0" | "
|
|
257
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
258
|
-
mx?: ("0" | "
|
|
259
|
-
readonly base?: "0" | "
|
|
260
|
-
readonly sm?: "0" | "
|
|
261
|
-
readonly md?: "0" | "
|
|
262
|
-
readonly lg?: "0" | "
|
|
263
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
264
|
-
my?: ("0" | "
|
|
265
|
-
readonly base?: "0" | "
|
|
266
|
-
readonly sm?: "0" | "
|
|
267
|
-
readonly md?: "0" | "
|
|
268
|
-
readonly lg?: "0" | "
|
|
269
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
270
|
-
p?: ("0" | "
|
|
271
|
-
readonly base?: "0" | "
|
|
272
|
-
readonly sm?: "0" | "
|
|
273
|
-
readonly md?: "0" | "
|
|
274
|
-
readonly lg?: "0" | "
|
|
275
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
276
|
-
pb?: ("0" | "
|
|
277
|
-
readonly base?: "0" | "
|
|
278
|
-
readonly sm?: "0" | "
|
|
279
|
-
readonly md?: "0" | "
|
|
280
|
-
readonly lg?: "0" | "
|
|
281
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
282
|
-
pl?: ("0" | "
|
|
283
|
-
readonly base?: "0" | "
|
|
284
|
-
readonly sm?: "0" | "
|
|
285
|
-
readonly md?: "0" | "
|
|
286
|
-
readonly lg?: "0" | "
|
|
287
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
288
|
-
pr?: ("0" | "
|
|
289
|
-
readonly base?: "0" | "
|
|
290
|
-
readonly sm?: "0" | "
|
|
291
|
-
readonly md?: "0" | "
|
|
292
|
-
readonly lg?: "0" | "
|
|
293
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
294
|
-
pt?: ("0" | "
|
|
295
|
-
readonly base?: "0" | "
|
|
296
|
-
readonly sm?: "0" | "
|
|
297
|
-
readonly md?: "0" | "
|
|
298
|
-
readonly lg?: "0" | "
|
|
299
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
300
|
-
px?: ("0" | "
|
|
301
|
-
readonly base?: "0" | "
|
|
302
|
-
readonly sm?: "0" | "
|
|
303
|
-
readonly md?: "0" | "
|
|
304
|
-
readonly lg?: "0" | "
|
|
305
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
306
|
-
py?: ("0" | "
|
|
307
|
-
readonly base?: "0" | "
|
|
308
|
-
readonly sm?: "0" | "
|
|
309
|
-
readonly md?: "0" | "
|
|
310
|
-
readonly lg?: "0" | "
|
|
311
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "
|
|
312
|
-
size?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
313
|
-
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
314
|
-
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
315
|
-
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
316
|
-
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
317
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
318
|
-
w?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
319
|
-
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
320
|
-
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
321
|
-
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
322
|
-
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
323
|
-
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "
|
|
282
|
+
mb?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
283
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
284
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
285
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
286
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
287
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
288
|
+
ml?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
289
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
290
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
291
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
292
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
293
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
294
|
+
mr?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
295
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
296
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
297
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
298
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
299
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
300
|
+
mt?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
301
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
302
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
303
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
304
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
305
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
306
|
+
mx?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
307
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
308
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
309
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
310
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
311
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
312
|
+
my?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | {
|
|
313
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
314
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
315
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
316
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | undefined;
|
|
317
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "-8" | "-12" | "-16" | "-24" | "-32" | "-2" | "-4" | "-6" | "-10" | "-48" | "-64" | "-80" | "auto" | "sm" | "md" | "lg" | "xs" | "xl" | "-xs" | "-sm" | "-md" | "-lg" | "-xl" | null>;
|
|
318
|
+
p?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
319
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
320
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
321
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
322
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
323
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
324
|
+
pb?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
325
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
326
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
327
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
328
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
329
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
330
|
+
pl?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
331
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
332
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
333
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
334
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
335
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
336
|
+
pr?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
337
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
338
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
339
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
340
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
341
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
342
|
+
pt?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
343
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
344
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
345
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
346
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
347
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
348
|
+
px?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
349
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
350
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
351
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
352
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
353
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
354
|
+
py?: ("0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | {
|
|
355
|
+
readonly base?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
356
|
+
readonly sm?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
357
|
+
readonly md?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
358
|
+
readonly lg?: "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | undefined;
|
|
359
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "2" | "4" | "6" | "8" | "12" | "10" | "20" | "16" | "24" | "32" | "48" | "64" | "80" | "sm" | "md" | "lg" | "xs" | "xl" | null>;
|
|
360
|
+
size?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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" | {
|
|
361
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
362
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
363
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
364
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
365
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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>;
|
|
366
|
+
w?: ("0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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" | {
|
|
367
|
+
readonly base?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
368
|
+
readonly sm?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
369
|
+
readonly md?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
370
|
+
readonly lg?: "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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;
|
|
371
|
+
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "0" | "1" | "2" | "4" | "6" | "8" | "12" | "20" | "16" | "24" | "32" | "40" | "48" | "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>;
|
|
324
372
|
}) => string) & {
|
|
325
|
-
properties: Set<"size" | "borderRadius" | "
|
|
373
|
+
properties: Set<"size" | "borderRadius" | "boxShadow" | "fontFamily" | "fontSize" | "letterSpacing" | "lineHeight" | "zIndex" | "backgroundColor" | "borderBottomWidth" | "borderColor" | "borderLeftWidth" | "borderRightWidth" | "borderTopWidth" | "color" | "animation" | "fontWeight" | "objectFit" | "overflow" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "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">;
|
|
326
374
|
};
|
|
327
375
|
declare const mapResponsiveValue: <OutputValue extends string | number | boolean | null | undefined, Value extends _vanilla_extract_sprinkles.ConditionalValue<{
|
|
328
376
|
conditions: {
|
|
@@ -334,49 +382,17 @@ declare const mapResponsiveValue: <OutputValue extends string | number | boolean
|
|
|
334
382
|
};
|
|
335
383
|
styles: {};
|
|
336
384
|
}, 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>>;
|
|
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">;
|
|
385
|
+
type LonghandProps = keyof Pick<Parameters<typeof sprinkles>[0], "backgroundColor" | "borderBottomWidth" | "borderLeftWidth" | "borderRadius" | "borderRightWidth" | "borderTopWidth" | "boxShadow" | "gridColumn" | "gridTemplateColumns" | "height" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "width" | "zIndex">;
|
|
338
386
|
type Sprinkles = Omit<Parameters<typeof sprinkles>[0], LonghandProps>;
|
|
339
387
|
|
|
340
|
-
|
|
341
|
-
restProps: Record<string, unknown>;
|
|
342
|
-
sprinkleProps: Sprinkles;
|
|
343
|
-
};
|
|
344
|
-
|
|
345
|
-
type BoxProps = ExtendProps<ComponentPropsWithRef<"div">, {
|
|
388
|
+
type BoxProps<T extends ElementType = "div", P = unknown> = ExtendProps<ComponentPropsWithoutRef<T>, ExtendProps<{
|
|
346
389
|
asChild?: boolean;
|
|
347
390
|
className?: string;
|
|
348
|
-
} & Sprinkles
|
|
349
|
-
declare const Box: react.ForwardRefExoticComponent<Omit<
|
|
350
|
-
|
|
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
|
-
};
|
|
359
|
-
type AvatarVariants = RecipeVariants<typeof avatar>;
|
|
360
|
-
|
|
361
|
-
type AvatarProps = ExtendProps<ComponentPropsWithRef<typeof Box>, {
|
|
362
|
-
children?: React.ReactNode;
|
|
391
|
+
} & Sprinkles, P>>;
|
|
392
|
+
declare const Box: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
393
|
+
asChild?: boolean;
|
|
363
394
|
className?: string;
|
|
364
|
-
|
|
365
|
-
name?: string;
|
|
366
|
-
src?: string;
|
|
367
|
-
} & AvatarVariants>;
|
|
368
|
-
declare const Avatar: react.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
369
|
-
|
|
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>>;
|
|
395
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
380
396
|
|
|
381
397
|
declare const appearances: {
|
|
382
398
|
danger: {
|
|
@@ -397,80 +413,121 @@ declare const appearances: {
|
|
|
397
413
|
};
|
|
398
414
|
secondary: {
|
|
399
415
|
colorScheme: "secondary";
|
|
400
|
-
variant: "
|
|
416
|
+
variant: "subtle";
|
|
401
417
|
};
|
|
402
418
|
};
|
|
403
|
-
|
|
419
|
+
declare const Button: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "color" | "className" | "disabled"> & Omit<{
|
|
420
|
+
asChild?: boolean;
|
|
421
|
+
className?: string;
|
|
422
|
+
} & Sprinkles, "size"> & {
|
|
404
423
|
appearance?: keyof typeof appearances;
|
|
405
424
|
children?: ReactNode;
|
|
406
425
|
disabled?: boolean;
|
|
407
426
|
icon?: ReactNode;
|
|
408
427
|
iconPosition?: "end" | "start";
|
|
409
428
|
isLoading?: boolean;
|
|
410
|
-
} & Omit<
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
}, "
|
|
416
|
-
asChild?: boolean | undefined;
|
|
417
|
-
className?: string | undefined;
|
|
418
|
-
} & Sprinkles, never>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
419
|
-
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
420
|
-
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
429
|
+
} & Omit<{
|
|
430
|
+
colorScheme?: "danger" | "primary" | "secondary" | undefined;
|
|
431
|
+
iconOnly?: boolean | undefined;
|
|
432
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
433
|
+
variant?: "outline" | "solid" | "subtle" | undefined;
|
|
434
|
+
}, "iconOnly"> & react.RefAttributes<HTMLButtonElement>>;
|
|
421
435
|
|
|
422
|
-
|
|
436
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className"> & Omit<{
|
|
437
|
+
asChild?: boolean;
|
|
438
|
+
className?: string;
|
|
439
|
+
} & Sprinkles, never> & {
|
|
423
440
|
children: ReactNode;
|
|
424
441
|
orientation?: "horizontal" | "vertical";
|
|
425
|
-
}
|
|
426
|
-
declare const ButtonGroup: react.ForwardRefExoticComponent<Omit<ButtonGroupProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
442
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
427
443
|
|
|
428
|
-
|
|
429
|
-
|
|
444
|
+
declare const Checkbox: react.ForwardRefExoticComponent<Omit<Omit<RadixCheckbox.CheckboxProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
445
|
+
asChild?: boolean;
|
|
446
|
+
className?: string;
|
|
447
|
+
} & Sprinkles, never> & {
|
|
448
|
+
endDecorator?: ReactNode;
|
|
449
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
430
450
|
|
|
431
|
-
|
|
451
|
+
declare const Chip: react.ForwardRefExoticComponent<Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
452
|
+
asChild?: boolean;
|
|
453
|
+
className?: string;
|
|
454
|
+
} & Sprinkles, "size"> & {
|
|
455
|
+
endDecorator?: ReactNode;
|
|
456
|
+
startDecorator?: ReactNode;
|
|
457
|
+
} & {
|
|
458
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
459
|
+
} & react.RefAttributes<HTMLButtonElement>>;
|
|
460
|
+
|
|
461
|
+
declare const Code: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & Omit<{
|
|
462
|
+
asChild?: boolean;
|
|
463
|
+
className?: string;
|
|
464
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLElement>>;
|
|
465
|
+
|
|
466
|
+
declare const Dialog: react.ForwardRefExoticComponent<Omit<RadixDialog.DialogProps, "children" | "open" | "onOpenChange" | "modal"> & Omit<{
|
|
467
|
+
asChild?: boolean;
|
|
468
|
+
className?: string;
|
|
469
|
+
} & Sprinkles, "size"> & {
|
|
470
|
+
children: ReactNode;
|
|
471
|
+
modal?: boolean;
|
|
472
|
+
onClose: () => void;
|
|
473
|
+
onOpenChange?: never;
|
|
474
|
+
open?: boolean;
|
|
475
|
+
withCloseButton?: boolean;
|
|
476
|
+
} & {
|
|
477
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
478
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
479
|
+
|
|
480
|
+
declare const DialogBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
481
|
+
asChild?: boolean;
|
|
482
|
+
className?: string;
|
|
483
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
484
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
485
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
486
|
+
|
|
487
|
+
declare const DialogFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
488
|
+
asChild?: boolean;
|
|
489
|
+
className?: string;
|
|
490
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
491
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
492
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
493
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
494
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
495
|
+
|
|
496
|
+
declare const DialogTitle: react.ForwardRefExoticComponent<Omit<Omit<RadixDialog.DialogTitleProps & react.RefAttributes<HTMLHeadingElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
497
|
+
asChild?: boolean;
|
|
498
|
+
className?: string;
|
|
499
|
+
} & Sprinkles, never> & {
|
|
500
|
+
description?: string;
|
|
501
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
502
|
+
|
|
503
|
+
declare const Field: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "id"> & Omit<{
|
|
504
|
+
asChild?: boolean;
|
|
505
|
+
className?: string;
|
|
506
|
+
} & Sprinkles, never> & {
|
|
432
507
|
children: ReactElement;
|
|
433
508
|
description?: string;
|
|
434
509
|
disabled?: boolean;
|
|
435
510
|
error?: string;
|
|
436
511
|
id?: string;
|
|
512
|
+
info?: string;
|
|
437
513
|
label?: string;
|
|
438
514
|
required?: boolean;
|
|
439
|
-
}
|
|
440
|
-
declare const Field: react.ForwardRefExoticComponent<Omit<FieldProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
515
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
441
516
|
|
|
442
|
-
declare const
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
} & Sprinkles, never>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
448
|
-
ref?: ((instance: HTMLDivElement | null) => void) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
517
|
+
declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
518
|
+
asChild?: boolean;
|
|
519
|
+
className?: string;
|
|
520
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
521
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
449
522
|
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
450
523
|
|
|
451
|
-
declare const
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
}
|
|
457
|
-
type TextVariants = RecipeVariants<typeof text>;
|
|
458
|
-
|
|
459
|
-
type TextProps = ExtendProps<ComponentPropsWithRef<"p">, ComponentPropsWithRef<typeof Box>, {
|
|
460
|
-
as?: "p" | "span";
|
|
461
|
-
} & TextVariants>;
|
|
462
|
-
declare const Text: react.ForwardRefExoticComponent<Omit<TextProps, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
|
|
524
|
+
declare const Grid: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
525
|
+
asChild?: boolean;
|
|
526
|
+
className?: string;
|
|
527
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
528
|
+
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
529
|
+
}, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
463
530
|
|
|
464
|
-
type HeadingProps = ExtendProps<ComponentPropsWithRef<"h1">, ComponentPropsWithRef<typeof Text>, {
|
|
465
|
-
/**
|
|
466
|
-
* Presets for each level of heading h1-h6.
|
|
467
|
-
*/
|
|
468
|
-
level?: keyof typeof mapLevelToTag;
|
|
469
|
-
/**
|
|
470
|
-
* Control the visual size without changing the semantic tag.
|
|
471
|
-
*/
|
|
472
|
-
variant?: keyof typeof mapTagToFontSize;
|
|
473
|
-
}>;
|
|
474
531
|
declare const mapLevelToTag: {
|
|
475
532
|
readonly "1": "h1";
|
|
476
533
|
readonly "2": "h2";
|
|
@@ -487,23 +544,37 @@ declare const mapTagToFontSize: {
|
|
|
487
544
|
readonly h5: "xl";
|
|
488
545
|
readonly h6: "md";
|
|
489
546
|
};
|
|
490
|
-
declare const Heading: react.ForwardRefExoticComponent<Omit<
|
|
547
|
+
declare const Heading: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & Omit<{
|
|
548
|
+
asChild?: boolean;
|
|
549
|
+
className?: string;
|
|
550
|
+
} & Sprinkles, never> & Omit<{
|
|
551
|
+
as?: "p" | "span";
|
|
552
|
+
} & {
|
|
553
|
+
lineClamp?: "1" | "2" | "4" | "3" | undefined;
|
|
554
|
+
truncate?: boolean | undefined;
|
|
555
|
+
}, never> & {
|
|
556
|
+
/**
|
|
557
|
+
* Presets for each level of heading h1-h6.
|
|
558
|
+
*/
|
|
559
|
+
level?: keyof typeof mapLevelToTag;
|
|
560
|
+
/**
|
|
561
|
+
* Control the visual size without changing the semantic tag.
|
|
562
|
+
*/
|
|
563
|
+
variant?: keyof typeof mapTagToFontSize;
|
|
564
|
+
} & react.RefAttributes<HTMLHeadingElement>>;
|
|
491
565
|
|
|
492
|
-
declare const
|
|
566
|
+
declare const Input: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "className"> & Omit<{
|
|
567
|
+
asChild?: boolean;
|
|
568
|
+
className?: string;
|
|
569
|
+
} & Sprinkles, "size"> & Omit<{
|
|
570
|
+
endDecorator?: react.ReactNode;
|
|
571
|
+
error?: boolean;
|
|
572
|
+
startDecorator?: react.ReactNode;
|
|
573
|
+
} & {
|
|
493
574
|
size?: "sm" | "md" | "lg" | undefined;
|
|
575
|
+
}, never> & {
|
|
494
576
|
variant?: "number" | "default" | undefined;
|
|
495
|
-
}
|
|
496
|
-
className: string;
|
|
497
|
-
};
|
|
498
|
-
type WrapperVariants = RecipeVariants<typeof wrapper>;
|
|
499
|
-
|
|
500
|
-
type InputProps = ExtendProps<ComponentPropsWithRef<"input">, ComponentPropsWithRef<typeof Box>, {
|
|
501
|
-
disabled?: boolean;
|
|
502
|
-
endDecorator?: ReactNode;
|
|
503
|
-
error?: boolean;
|
|
504
|
-
startDecorator?: ReactNode;
|
|
505
|
-
} & WrapperVariants>;
|
|
506
|
-
declare const Input: react.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
577
|
+
} & react.RefAttributes<HTMLInputElement>>;
|
|
507
578
|
|
|
508
579
|
type KbdProps = {
|
|
509
580
|
keys?: Array<keyof typeof mapKeyToCode> | keyof typeof mapKeyToCode;
|
|
@@ -525,30 +596,57 @@ declare const mapKeyToCode: {
|
|
|
525
596
|
};
|
|
526
597
|
declare const Kbd: react.ForwardRefExoticComponent<Omit<KbdProps, "ref"> & react.RefAttributes<HTMLElement>>;
|
|
527
598
|
|
|
528
|
-
|
|
599
|
+
declare const Link: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & Omit<{
|
|
600
|
+
asChild?: boolean;
|
|
601
|
+
className?: string;
|
|
602
|
+
} & Sprinkles, never> & {
|
|
603
|
+
disabled?: boolean;
|
|
604
|
+
external?: boolean;
|
|
605
|
+
} & {
|
|
606
|
+
variant?: "default" | "subtle" | undefined;
|
|
607
|
+
} & react.RefAttributes<HTMLAnchorElement>>;
|
|
608
|
+
|
|
609
|
+
declare const Paper: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
|
|
610
|
+
asChild?: boolean;
|
|
611
|
+
className?: string;
|
|
612
|
+
} & Sprinkles, never> & {
|
|
529
613
|
elevation?: Sprinkles["shadow"];
|
|
530
|
-
}
|
|
531
|
-
|
|
614
|
+
} & react.RefAttributes<HTMLParagraphElement>>;
|
|
615
|
+
|
|
616
|
+
declare const Progress: react.ForwardRefExoticComponent<Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
617
|
+
asChild?: boolean;
|
|
618
|
+
className?: string;
|
|
619
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
620
|
+
|
|
621
|
+
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<Omit<RadixRadio.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
622
|
+
asChild?: boolean;
|
|
623
|
+
className?: string;
|
|
624
|
+
} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
|
|
532
625
|
|
|
533
|
-
|
|
534
|
-
|
|
626
|
+
declare const RadioGroupItem: react.ForwardRefExoticComponent<Omit<Omit<RadixRadio.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
627
|
+
asChild?: boolean;
|
|
628
|
+
className?: string;
|
|
629
|
+
} & Sprinkles, never> & {
|
|
630
|
+
endDecorator?: ReactNode;
|
|
631
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
535
632
|
|
|
536
|
-
declare const
|
|
633
|
+
declare const Separator: react.ForwardRefExoticComponent<Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & Omit<{
|
|
634
|
+
asChild?: boolean;
|
|
635
|
+
className?: string;
|
|
636
|
+
} & Sprinkles, never> & {
|
|
537
637
|
orientation?: ("vertical" | "horizontal" | {
|
|
538
638
|
readonly base?: "vertical" | "horizontal" | undefined;
|
|
539
639
|
readonly sm?: "vertical" | "horizontal" | undefined;
|
|
540
640
|
readonly md?: "vertical" | "horizontal" | undefined;
|
|
541
641
|
readonly lg?: "vertical" | "horizontal" | undefined;
|
|
542
642
|
} | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
|
|
543
|
-
}
|
|
544
|
-
properties: Set<"orientation">;
|
|
545
|
-
};
|
|
546
|
-
type SeparatorVariants = Parameters<typeof separator>[0];
|
|
643
|
+
} & react.RefAttributes<HTMLHRElement>>;
|
|
547
644
|
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
645
|
+
declare const Skeleton: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children" | "color" | "className"> & Omit<{
|
|
646
|
+
asChild?: boolean;
|
|
647
|
+
className?: string;
|
|
648
|
+
} & Sprinkles, "h"> & {
|
|
649
|
+
children?: ReactElement;
|
|
552
650
|
/**
|
|
553
651
|
* Render skeleton as a circle if `true`. Will set the width to be the same as the height.
|
|
554
652
|
*/
|
|
@@ -557,8 +655,7 @@ type SkeletonProps = ExtendProps<ComponentPropsWithRef<typeof Box>, {
|
|
|
557
655
|
* Control the height of the skeleton - or both width and height if `circle` is also set to true.
|
|
558
656
|
*/
|
|
559
657
|
h?: Sprinkles["h"];
|
|
560
|
-
}
|
|
561
|
-
declare const Skeleton: react.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
658
|
+
} & react.RefAttributes<HTMLSpanElement>>;
|
|
562
659
|
|
|
563
660
|
declare const axiom: string;
|
|
564
661
|
declare const base: string;
|
|
@@ -603,7 +700,7 @@ declare const theme: {
|
|
|
603
700
|
readonly "bg.brand.solid.hover": "#002CCC";
|
|
604
701
|
readonly "bg.brand.subtle": "#F0F3FF";
|
|
605
702
|
readonly "bg.default.hover": "#F5F6FA";
|
|
606
|
-
readonly "bg.disabled": "#
|
|
703
|
+
readonly "bg.disabled": "#091E422E";
|
|
607
704
|
readonly "bg.discovery": "#F1ECF8";
|
|
608
705
|
readonly "bg.error.solid": "#CC1616";
|
|
609
706
|
readonly "bg.error.solid.hover": "#B21313";
|
|
@@ -618,6 +715,8 @@ declare const theme: {
|
|
|
618
715
|
readonly "bg.warning.solid": "#F79008";
|
|
619
716
|
readonly "bg.warning.solid.hover": "#DC6903";
|
|
620
717
|
readonly "bg.warning.subtle": "#FFFAEA";
|
|
718
|
+
readonly "border.active": "#868FA4";
|
|
719
|
+
readonly "border.active.hover": "#626A81";
|
|
621
720
|
readonly "border.brand": "#0037FF";
|
|
622
721
|
readonly "border.default": "#CACFDC";
|
|
623
722
|
readonly "border.disabled": "#F5F6FA";
|
|
@@ -645,6 +744,8 @@ declare const theme: {
|
|
|
645
744
|
readonly "fg.tertiary.hover": "#464D61";
|
|
646
745
|
readonly "fg.warning": "#F79008";
|
|
647
746
|
readonly "fg.warning.hover": "#DC6903";
|
|
747
|
+
readonly "outline.brand": "#6A8FFC";
|
|
748
|
+
readonly overlay: "#091E4252";
|
|
648
749
|
readonly surface: "#FFFFFF";
|
|
649
750
|
readonly current: "currentColor";
|
|
650
751
|
readonly transparent: "transparent";
|
|
@@ -709,6 +810,13 @@ declare const theme: {
|
|
|
709
810
|
readonly "neutral.900": "#262B37";
|
|
710
811
|
readonly "neutral.1000": "#1C2029";
|
|
711
812
|
readonly "neutral.1100": "#171A23";
|
|
813
|
+
readonly "neutral.1200": "#091E42";
|
|
814
|
+
readonly "neutral.50/32": "#F9FAFC52";
|
|
815
|
+
readonly "neutral.1200/5": "#091E420D";
|
|
816
|
+
readonly "neutral.1200/12": "#091E421F";
|
|
817
|
+
readonly "neutral.1200/18": "#091E422E";
|
|
818
|
+
readonly "neutral.1200/22": "#091E4238";
|
|
819
|
+
readonly "neutral.1200/32": "#091E4252";
|
|
712
820
|
readonly "orange.50": "#fff5e5";
|
|
713
821
|
readonly "orange.200": "#ffd699";
|
|
714
822
|
readonly "orange.500": "#ff9900";
|
|
@@ -757,41 +865,45 @@ declare const theme: {
|
|
|
757
865
|
readonly fontSize: {
|
|
758
866
|
readonly xs: {
|
|
759
867
|
readonly fontSize: "10px";
|
|
760
|
-
readonly lineHeight: "
|
|
868
|
+
readonly lineHeight: "14px";
|
|
761
869
|
};
|
|
762
870
|
readonly sm: {
|
|
763
871
|
readonly fontSize: "12px";
|
|
764
|
-
readonly lineHeight: "
|
|
872
|
+
readonly lineHeight: "18px";
|
|
765
873
|
};
|
|
766
874
|
readonly md: {
|
|
767
875
|
readonly fontSize: "14px";
|
|
768
|
-
readonly lineHeight: "
|
|
876
|
+
readonly lineHeight: "20px";
|
|
769
877
|
};
|
|
770
878
|
readonly lg: {
|
|
771
879
|
readonly fontSize: "16px";
|
|
772
|
-
readonly lineHeight: "
|
|
880
|
+
readonly lineHeight: "24px";
|
|
773
881
|
};
|
|
774
882
|
readonly xl: {
|
|
775
883
|
readonly fontSize: "18px";
|
|
776
|
-
readonly lineHeight: "
|
|
884
|
+
readonly lineHeight: "28px";
|
|
777
885
|
};
|
|
778
886
|
readonly "2xl": {
|
|
779
887
|
readonly fontSize: "20px";
|
|
780
|
-
readonly lineHeight: "
|
|
888
|
+
readonly lineHeight: "28px";
|
|
781
889
|
};
|
|
782
890
|
readonly "3xl": {
|
|
891
|
+
readonly fontSize: "24px";
|
|
892
|
+
readonly lineHeight: "32px";
|
|
893
|
+
};
|
|
894
|
+
readonly "4xl": {
|
|
783
895
|
readonly fontSize: "30px";
|
|
784
896
|
readonly lineHeight: "36px";
|
|
785
897
|
};
|
|
786
|
-
readonly "
|
|
898
|
+
readonly "5xl": {
|
|
787
899
|
readonly fontSize: "36px";
|
|
788
900
|
readonly lineHeight: "40px";
|
|
789
901
|
};
|
|
790
|
-
readonly "
|
|
902
|
+
readonly "6xl": {
|
|
791
903
|
readonly fontSize: "48px";
|
|
792
904
|
readonly lineHeight: "1";
|
|
793
905
|
};
|
|
794
|
-
readonly "
|
|
906
|
+
readonly "7xl": {
|
|
795
907
|
readonly fontSize: "60px";
|
|
796
908
|
readonly lineHeight: "1";
|
|
797
909
|
};
|
|
@@ -834,17 +946,11 @@ declare const theme: {
|
|
|
834
946
|
readonly lg: "24px";
|
|
835
947
|
readonly xl: "32px";
|
|
836
948
|
readonly "0": "0";
|
|
837
|
-
readonly "1": "1px";
|
|
838
949
|
readonly "2": "2px";
|
|
839
|
-
readonly "3": "3px";
|
|
840
950
|
readonly "4": "4px";
|
|
841
|
-
readonly "5": "5px";
|
|
842
951
|
readonly "6": "6px";
|
|
843
|
-
readonly "7": "7px";
|
|
844
952
|
readonly "8": "8px";
|
|
845
|
-
readonly "9": "9px";
|
|
846
953
|
readonly "10": "10px";
|
|
847
|
-
readonly "11": "11px";
|
|
848
954
|
readonly "12": "12px";
|
|
849
955
|
readonly "16": "16px";
|
|
850
956
|
readonly "20": "20px";
|
|
@@ -923,17 +1029,11 @@ declare const theme: {
|
|
|
923
1029
|
readonly lg: "24px";
|
|
924
1030
|
readonly xl: "32px";
|
|
925
1031
|
readonly "0": "0";
|
|
926
|
-
readonly "1": "1px";
|
|
927
1032
|
readonly "2": "2px";
|
|
928
|
-
readonly "3": "3px";
|
|
929
1033
|
readonly "4": "4px";
|
|
930
|
-
readonly "5": "5px";
|
|
931
1034
|
readonly "6": "6px";
|
|
932
|
-
readonly "7": "7px";
|
|
933
1035
|
readonly "8": "8px";
|
|
934
|
-
readonly "9": "9px";
|
|
935
1036
|
readonly "10": "10px";
|
|
936
|
-
readonly "11": "11px";
|
|
937
1037
|
readonly "12": "12px";
|
|
938
1038
|
readonly "16": "16px";
|
|
939
1039
|
readonly "20": "20px";
|
|
@@ -955,6 +1055,58 @@ declare const theme: {
|
|
|
955
1055
|
};
|
|
956
1056
|
};
|
|
957
1057
|
|
|
1058
|
+
declare const Switch: react.ForwardRefExoticComponent<Omit<Omit<RadixSwitch.SwitchProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & Omit<{
|
|
1059
|
+
asChild?: boolean;
|
|
1060
|
+
className?: string;
|
|
1061
|
+
} & Sprinkles, "size"> & {
|
|
1062
|
+
endDecorator?: ReactNode;
|
|
1063
|
+
} & {
|
|
1064
|
+
size?: "md" | "lg" | undefined;
|
|
1065
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1066
|
+
|
|
1067
|
+
type RecipeVariants<RecipeFn extends (...args: any) => any> = Parameters<RecipeFn>[0];
|
|
1068
|
+
|
|
1069
|
+
declare const text: (props?: {
|
|
1070
|
+
lineClamp?: "1" | "2" | "4" | "3" | undefined;
|
|
1071
|
+
truncate?: boolean | undefined;
|
|
1072
|
+
} | undefined, className?: string) => {
|
|
1073
|
+
className: string;
|
|
1074
|
+
};
|
|
1075
|
+
type TextVariants = RecipeVariants<typeof text>;
|
|
1076
|
+
|
|
1077
|
+
type TextProps<T extends ElementType = "p", P = unknown> = BoxProps<T, ExtendProps<{
|
|
1078
|
+
as?: "p" | "span";
|
|
1079
|
+
} & TextVariants, P>>;
|
|
1080
|
+
declare const Text: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & Omit<{
|
|
1081
|
+
asChild?: boolean;
|
|
1082
|
+
className?: string;
|
|
1083
|
+
} & Sprinkles, never> & Omit<{
|
|
1084
|
+
as?: "p" | "span";
|
|
1085
|
+
} & {
|
|
1086
|
+
lineClamp?: "1" | "2" | "4" | "3" | undefined;
|
|
1087
|
+
truncate?: boolean | undefined;
|
|
1088
|
+
}, never> & react.RefAttributes<HTMLParagraphElement>>;
|
|
1089
|
+
|
|
1090
|
+
declare const input: (props?: {
|
|
1091
|
+
size?: "sm" | "md" | "lg" | undefined;
|
|
1092
|
+
} | undefined, className?: string) => {
|
|
1093
|
+
className: string;
|
|
1094
|
+
};
|
|
1095
|
+
type InputVariants = RecipeVariants<typeof input>;
|
|
1096
|
+
|
|
1097
|
+
type InputBaseProps<T extends ElementType = "input", P = unknown> = BoxProps<T, ExtendProps<{
|
|
1098
|
+
endDecorator?: ReactNode;
|
|
1099
|
+
error?: boolean;
|
|
1100
|
+
startDecorator?: ReactNode;
|
|
1101
|
+
} & InputVariants, P>>;
|
|
1102
|
+
|
|
1103
|
+
type TextareaProps = ({
|
|
1104
|
+
resize: "auto";
|
|
1105
|
+
} & InputBaseProps<typeof TextareaAutosize>) | ({
|
|
1106
|
+
resize: "none" | "vertical";
|
|
1107
|
+
} & InputBaseProps<"textarea">);
|
|
1108
|
+
declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
|
|
1109
|
+
|
|
958
1110
|
declare const tokens: {
|
|
959
1111
|
readonly borderRadius: {
|
|
960
1112
|
readonly xs: "2px";
|
|
@@ -985,7 +1137,7 @@ declare const tokens: {
|
|
|
985
1137
|
readonly "bg.brand.solid.hover": "#002CCC";
|
|
986
1138
|
readonly "bg.brand.subtle": "#F0F3FF";
|
|
987
1139
|
readonly "bg.default.hover": "#F5F6FA";
|
|
988
|
-
readonly "bg.disabled": "#
|
|
1140
|
+
readonly "bg.disabled": "#091E422E";
|
|
989
1141
|
readonly "bg.discovery": "#F1ECF8";
|
|
990
1142
|
readonly "bg.error.solid": "#CC1616";
|
|
991
1143
|
readonly "bg.error.solid.hover": "#B21313";
|
|
@@ -1000,6 +1152,8 @@ declare const tokens: {
|
|
|
1000
1152
|
readonly "bg.warning.solid": "#F79008";
|
|
1001
1153
|
readonly "bg.warning.solid.hover": "#DC6903";
|
|
1002
1154
|
readonly "bg.warning.subtle": "#FFFAEA";
|
|
1155
|
+
readonly "border.active": "#868FA4";
|
|
1156
|
+
readonly "border.active.hover": "#626A81";
|
|
1003
1157
|
readonly "border.brand": "#0037FF";
|
|
1004
1158
|
readonly "border.default": "#CACFDC";
|
|
1005
1159
|
readonly "border.disabled": "#F5F6FA";
|
|
@@ -1027,6 +1181,8 @@ declare const tokens: {
|
|
|
1027
1181
|
readonly "fg.tertiary.hover": "#464D61";
|
|
1028
1182
|
readonly "fg.warning": "#F79008";
|
|
1029
1183
|
readonly "fg.warning.hover": "#DC6903";
|
|
1184
|
+
readonly "outline.brand": "#6A8FFC";
|
|
1185
|
+
readonly overlay: "#091E4252";
|
|
1030
1186
|
readonly surface: "#FFFFFF";
|
|
1031
1187
|
readonly current: "currentColor";
|
|
1032
1188
|
readonly transparent: "transparent";
|
|
@@ -1091,6 +1247,13 @@ declare const tokens: {
|
|
|
1091
1247
|
readonly "neutral.900": "#262B37";
|
|
1092
1248
|
readonly "neutral.1000": "#1C2029";
|
|
1093
1249
|
readonly "neutral.1100": "#171A23";
|
|
1250
|
+
readonly "neutral.1200": "#091E42";
|
|
1251
|
+
readonly "neutral.50/32": "#F9FAFC52";
|
|
1252
|
+
readonly "neutral.1200/5": "#091E420D";
|
|
1253
|
+
readonly "neutral.1200/12": "#091E421F";
|
|
1254
|
+
readonly "neutral.1200/18": "#091E422E";
|
|
1255
|
+
readonly "neutral.1200/22": "#091E4238";
|
|
1256
|
+
readonly "neutral.1200/32": "#091E4252";
|
|
1094
1257
|
readonly "orange.50": "#fff5e5";
|
|
1095
1258
|
readonly "orange.200": "#ffd699";
|
|
1096
1259
|
readonly "orange.500": "#ff9900";
|
|
@@ -1139,41 +1302,45 @@ declare const tokens: {
|
|
|
1139
1302
|
readonly fontSize: {
|
|
1140
1303
|
readonly xs: {
|
|
1141
1304
|
readonly fontSize: "10px";
|
|
1142
|
-
readonly lineHeight: "
|
|
1305
|
+
readonly lineHeight: "14px";
|
|
1143
1306
|
};
|
|
1144
1307
|
readonly sm: {
|
|
1145
1308
|
readonly fontSize: "12px";
|
|
1146
|
-
readonly lineHeight: "
|
|
1309
|
+
readonly lineHeight: "18px";
|
|
1147
1310
|
};
|
|
1148
1311
|
readonly md: {
|
|
1149
1312
|
readonly fontSize: "14px";
|
|
1150
|
-
readonly lineHeight: "
|
|
1313
|
+
readonly lineHeight: "20px";
|
|
1151
1314
|
};
|
|
1152
1315
|
readonly lg: {
|
|
1153
1316
|
readonly fontSize: "16px";
|
|
1154
|
-
readonly lineHeight: "
|
|
1317
|
+
readonly lineHeight: "24px";
|
|
1155
1318
|
};
|
|
1156
1319
|
readonly xl: {
|
|
1157
1320
|
readonly fontSize: "18px";
|
|
1158
|
-
readonly lineHeight: "
|
|
1321
|
+
readonly lineHeight: "28px";
|
|
1159
1322
|
};
|
|
1160
1323
|
readonly "2xl": {
|
|
1161
1324
|
readonly fontSize: "20px";
|
|
1162
|
-
readonly lineHeight: "
|
|
1325
|
+
readonly lineHeight: "28px";
|
|
1163
1326
|
};
|
|
1164
1327
|
readonly "3xl": {
|
|
1328
|
+
readonly fontSize: "24px";
|
|
1329
|
+
readonly lineHeight: "32px";
|
|
1330
|
+
};
|
|
1331
|
+
readonly "4xl": {
|
|
1165
1332
|
readonly fontSize: "30px";
|
|
1166
1333
|
readonly lineHeight: "36px";
|
|
1167
1334
|
};
|
|
1168
|
-
readonly "
|
|
1335
|
+
readonly "5xl": {
|
|
1169
1336
|
readonly fontSize: "36px";
|
|
1170
1337
|
readonly lineHeight: "40px";
|
|
1171
1338
|
};
|
|
1172
|
-
readonly "
|
|
1339
|
+
readonly "6xl": {
|
|
1173
1340
|
readonly fontSize: "48px";
|
|
1174
1341
|
readonly lineHeight: "1";
|
|
1175
1342
|
};
|
|
1176
|
-
readonly "
|
|
1343
|
+
readonly "7xl": {
|
|
1177
1344
|
readonly fontSize: "60px";
|
|
1178
1345
|
readonly lineHeight: "1";
|
|
1179
1346
|
};
|
|
@@ -1216,17 +1383,11 @@ declare const tokens: {
|
|
|
1216
1383
|
readonly lg: "24px";
|
|
1217
1384
|
readonly xl: "32px";
|
|
1218
1385
|
readonly "0": "0";
|
|
1219
|
-
readonly "1": "1px";
|
|
1220
1386
|
readonly "2": "2px";
|
|
1221
|
-
readonly "3": "3px";
|
|
1222
1387
|
readonly "4": "4px";
|
|
1223
|
-
readonly "5": "5px";
|
|
1224
1388
|
readonly "6": "6px";
|
|
1225
|
-
readonly "7": "7px";
|
|
1226
1389
|
readonly "8": "8px";
|
|
1227
|
-
readonly "9": "9px";
|
|
1228
1390
|
readonly "10": "10px";
|
|
1229
|
-
readonly "11": "11px";
|
|
1230
1391
|
readonly "12": "12px";
|
|
1231
1392
|
readonly "16": "16px";
|
|
1232
1393
|
readonly "20": "20px";
|
|
@@ -1305,17 +1466,11 @@ declare const tokens: {
|
|
|
1305
1466
|
readonly lg: "24px";
|
|
1306
1467
|
readonly xl: "32px";
|
|
1307
1468
|
readonly "0": "0";
|
|
1308
|
-
readonly "1": "1px";
|
|
1309
1469
|
readonly "2": "2px";
|
|
1310
|
-
readonly "3": "3px";
|
|
1311
1470
|
readonly "4": "4px";
|
|
1312
|
-
readonly "5": "5px";
|
|
1313
1471
|
readonly "6": "6px";
|
|
1314
|
-
readonly "7": "7px";
|
|
1315
1472
|
readonly "8": "8px";
|
|
1316
|
-
readonly "9": "9px";
|
|
1317
1473
|
readonly "10": "10px";
|
|
1318
|
-
readonly "11": "11px";
|
|
1319
1474
|
readonly "12": "12px";
|
|
1320
1475
|
readonly "16": "16px";
|
|
1321
1476
|
readonly "20": "20px";
|
|
@@ -1357,6 +1512,8 @@ declare const tokensDark: {
|
|
|
1357
1512
|
readonly "bg.warning.solid": "#F79008";
|
|
1358
1513
|
readonly "bg.warning.solid.hover": "#DC6903";
|
|
1359
1514
|
readonly "bg.warning.subtle": "#FFFAEA";
|
|
1515
|
+
readonly "border.active": "#868FA4";
|
|
1516
|
+
readonly "border.active.hover": "#626A81";
|
|
1360
1517
|
readonly "border.brand": "#0037FF";
|
|
1361
1518
|
readonly "border.default": "#1f2937";
|
|
1362
1519
|
readonly "border.disabled": "#F5F6FA";
|
|
@@ -1384,6 +1541,8 @@ declare const tokensDark: {
|
|
|
1384
1541
|
readonly "fg.tertiary.hover": "#464D61";
|
|
1385
1542
|
readonly "fg.warning": "#F79008";
|
|
1386
1543
|
readonly "fg.warning.hover": "#DC6903";
|
|
1544
|
+
readonly "outline.brand": "#6A8FFC";
|
|
1545
|
+
readonly overlay: "#F9FAFC52";
|
|
1387
1546
|
readonly surface: "#111827";
|
|
1388
1547
|
readonly current: "currentColor";
|
|
1389
1548
|
readonly transparent: "transparent";
|
|
@@ -1448,6 +1607,13 @@ declare const tokensDark: {
|
|
|
1448
1607
|
readonly "neutral.900": "#262B37";
|
|
1449
1608
|
readonly "neutral.1000": "#1C2029";
|
|
1450
1609
|
readonly "neutral.1100": "#171A23";
|
|
1610
|
+
readonly "neutral.1200": "#091E42";
|
|
1611
|
+
readonly "neutral.50/32": "#F9FAFC52";
|
|
1612
|
+
readonly "neutral.1200/5": "#091E420D";
|
|
1613
|
+
readonly "neutral.1200/12": "#091E421F";
|
|
1614
|
+
readonly "neutral.1200/18": "#091E422E";
|
|
1615
|
+
readonly "neutral.1200/22": "#091E4238";
|
|
1616
|
+
readonly "neutral.1200/32": "#091E4252";
|
|
1451
1617
|
readonly "orange.50": "#fff5e5";
|
|
1452
1618
|
readonly "orange.200": "#ffd699";
|
|
1453
1619
|
readonly "orange.500": "#ff9900";
|
|
@@ -1520,41 +1686,45 @@ declare const tokensDark: {
|
|
|
1520
1686
|
readonly fontSize: {
|
|
1521
1687
|
readonly xs: {
|
|
1522
1688
|
readonly fontSize: "10px";
|
|
1523
|
-
readonly lineHeight: "
|
|
1689
|
+
readonly lineHeight: "14px";
|
|
1524
1690
|
};
|
|
1525
1691
|
readonly sm: {
|
|
1526
1692
|
readonly fontSize: "12px";
|
|
1527
|
-
readonly lineHeight: "
|
|
1693
|
+
readonly lineHeight: "18px";
|
|
1528
1694
|
};
|
|
1529
1695
|
readonly md: {
|
|
1530
1696
|
readonly fontSize: "14px";
|
|
1531
|
-
readonly lineHeight: "
|
|
1697
|
+
readonly lineHeight: "20px";
|
|
1532
1698
|
};
|
|
1533
1699
|
readonly lg: {
|
|
1534
1700
|
readonly fontSize: "16px";
|
|
1535
|
-
readonly lineHeight: "
|
|
1701
|
+
readonly lineHeight: "24px";
|
|
1536
1702
|
};
|
|
1537
1703
|
readonly xl: {
|
|
1538
1704
|
readonly fontSize: "18px";
|
|
1539
|
-
readonly lineHeight: "
|
|
1705
|
+
readonly lineHeight: "28px";
|
|
1540
1706
|
};
|
|
1541
1707
|
readonly "2xl": {
|
|
1542
1708
|
readonly fontSize: "20px";
|
|
1543
|
-
readonly lineHeight: "
|
|
1709
|
+
readonly lineHeight: "28px";
|
|
1544
1710
|
};
|
|
1545
1711
|
readonly "3xl": {
|
|
1712
|
+
readonly fontSize: "24px";
|
|
1713
|
+
readonly lineHeight: "32px";
|
|
1714
|
+
};
|
|
1715
|
+
readonly "4xl": {
|
|
1546
1716
|
readonly fontSize: "30px";
|
|
1547
1717
|
readonly lineHeight: "36px";
|
|
1548
1718
|
};
|
|
1549
|
-
readonly "
|
|
1719
|
+
readonly "5xl": {
|
|
1550
1720
|
readonly fontSize: "36px";
|
|
1551
1721
|
readonly lineHeight: "40px";
|
|
1552
1722
|
};
|
|
1553
|
-
readonly "
|
|
1723
|
+
readonly "6xl": {
|
|
1554
1724
|
readonly fontSize: "48px";
|
|
1555
1725
|
readonly lineHeight: "1";
|
|
1556
1726
|
};
|
|
1557
|
-
readonly "
|
|
1727
|
+
readonly "7xl": {
|
|
1558
1728
|
readonly fontSize: "60px";
|
|
1559
1729
|
readonly lineHeight: "1";
|
|
1560
1730
|
};
|
|
@@ -1597,17 +1767,11 @@ declare const tokensDark: {
|
|
|
1597
1767
|
readonly lg: "24px";
|
|
1598
1768
|
readonly xl: "32px";
|
|
1599
1769
|
readonly "0": "0";
|
|
1600
|
-
readonly "1": "1px";
|
|
1601
1770
|
readonly "2": "2px";
|
|
1602
|
-
readonly "3": "3px";
|
|
1603
1771
|
readonly "4": "4px";
|
|
1604
|
-
readonly "5": "5px";
|
|
1605
1772
|
readonly "6": "6px";
|
|
1606
|
-
readonly "7": "7px";
|
|
1607
1773
|
readonly "8": "8px";
|
|
1608
|
-
readonly "9": "9px";
|
|
1609
1774
|
readonly "10": "10px";
|
|
1610
|
-
readonly "11": "11px";
|
|
1611
1775
|
readonly "12": "12px";
|
|
1612
1776
|
readonly "16": "16px";
|
|
1613
1777
|
readonly "20": "20px";
|
|
@@ -1686,17 +1850,11 @@ declare const tokensDark: {
|
|
|
1686
1850
|
readonly lg: "24px";
|
|
1687
1851
|
readonly xl: "32px";
|
|
1688
1852
|
readonly "0": "0";
|
|
1689
|
-
readonly "1": "1px";
|
|
1690
1853
|
readonly "2": "2px";
|
|
1691
|
-
readonly "3": "3px";
|
|
1692
1854
|
readonly "4": "4px";
|
|
1693
|
-
readonly "5": "5px";
|
|
1694
1855
|
readonly "6": "6px";
|
|
1695
|
-
readonly "7": "7px";
|
|
1696
1856
|
readonly "8": "8px";
|
|
1697
|
-
readonly "9": "9px";
|
|
1698
1857
|
readonly "10": "10px";
|
|
1699
|
-
readonly "11": "11px";
|
|
1700
1858
|
readonly "12": "12px";
|
|
1701
1859
|
readonly "16": "16px";
|
|
1702
1860
|
readonly "20": "20px";
|
|
@@ -1718,23 +1876,26 @@ declare const tokensDark: {
|
|
|
1718
1876
|
};
|
|
1719
1877
|
};
|
|
1720
1878
|
|
|
1721
|
-
type TooltipProps =
|
|
1879
|
+
type TooltipProps = BoxProps<typeof RadixTooltip.Content, {
|
|
1880
|
+
/**
|
|
1881
|
+
* Enable this option to only show the tooltip when children is partially hidden due to text overflow.
|
|
1882
|
+
*/
|
|
1883
|
+
auto?: boolean;
|
|
1722
1884
|
children: ReactNode;
|
|
1723
1885
|
content?: ReactNode;
|
|
1886
|
+
defaultOpen?: boolean;
|
|
1724
1887
|
delayDuration?: ComponentPropsWithRef<typeof RadixTooltip.Provider>["delayDuration"];
|
|
1888
|
+
onOpenChange?: (open: boolean) => void;
|
|
1889
|
+
open?: boolean;
|
|
1725
1890
|
withArrow?: boolean;
|
|
1726
1891
|
}>;
|
|
1727
1892
|
declare const Tooltip: react.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
1728
1893
|
|
|
1729
|
-
declare const
|
|
1894
|
+
declare const Transition: react.ForwardRefExoticComponent<{
|
|
1895
|
+
children: ReactElement;
|
|
1896
|
+
} & {
|
|
1730
1897
|
duration?: "sm" | "md" | "lg" | undefined;
|
|
1731
1898
|
type?: "pop" | "fade" | "fade-down" | "fade-left" | "fade-right" | "fade-up" | "pop-down" | "pop-left" | "pop-right" | "pop-up" | undefined;
|
|
1732
|
-
}
|
|
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>>;
|
|
1899
|
+
} & react.RefAttributes<HTMLDivElement>>;
|
|
1739
1900
|
|
|
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 };
|
|
1901
|
+
export { AlertDialog, AnimatePresence, Avatar, Box, type BoxProps, Button, ButtonGroup, Checkbox, Chip, Code, Dialog, DialogBody, DialogFooter, DialogTitle, Field, Flex, Grid, Heading, Input, Kbd, Link, Paper, Progress, RadioGroup, RadioGroupItem, Separator, Skeleton, type Sprinkles, Switch, Text, type TextProps, Textarea, Tooltip, Transition, extractSprinkles, layers_css as layers, mapResponsiveValue, sprinkles, theme, tokens, tokensDark, usePresence };
|