@choco-vanille/ui 1.1.1 → 1.2.0

package/dist/components/layout/box/styles/Box.css.d.ts

@@ -0,0 +1,930 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const BOX_STYLES: {
+    recipe: RuntimeFn<{
+        borderRadius: {
+            none: {
+                borderRadius: `var(--${string})`;
+            };
+            xs: {
+                borderRadius: `var(--${string})`;
+            };
+            sm: {
+                borderRadius: `var(--${string})`;
+            };
+            md: {
+                borderRadius: `var(--${string})`;
+            };
+            lg: {
+                borderRadius: `var(--${string})`;
+            };
+            xl: {
+                borderRadius: `var(--${string})`;
+            };
+            '2xl': {
+                borderRadius: `var(--${string})`;
+            };
+            full: {
+                borderRadius: `var(--${string})`;
+            };
+        };
+        padding: {
+            none: {
+                padding: `var(--${string})`;
+            };
+            px: {
+                padding: `var(--${string})`;
+            };
+            xxs: {
+                padding: `var(--${string})`;
+            };
+            xs: {
+                padding: `var(--${string})`;
+            };
+            xs2: {
+                padding: `var(--${string})`;
+            };
+            sm: {
+                padding: `var(--${string})`;
+            };
+            sm2: {
+                padding: `var(--${string})`;
+            };
+            md: {
+                padding: `var(--${string})`;
+            };
+            md2: {
+                padding: `var(--${string})`;
+            };
+            lg: {
+                padding: `var(--${string})`;
+            };
+            lg2: {
+                padding: `var(--${string})`;
+            };
+            xl: {
+                padding: `var(--${string})`;
+            };
+            '2xl': {
+                padding: `var(--${string})`;
+            };
+            '3xl': {
+                padding: `var(--${string})`;
+            };
+            '4xl': {
+                padding: `var(--${string})`;
+            };
+            '5xl': {
+                padding: `var(--${string})`;
+            };
+        };
+        paddingX: {
+            none: {
+                paddingInline: `var(--${string})`;
+            };
+            px: {
+                paddingInline: `var(--${string})`;
+            };
+            xxs: {
+                paddingInline: `var(--${string})`;
+            };
+            xs: {
+                paddingInline: `var(--${string})`;
+            };
+            xs2: {
+                paddingInline: `var(--${string})`;
+            };
+            sm: {
+                paddingInline: `var(--${string})`;
+            };
+            sm2: {
+                paddingInline: `var(--${string})`;
+            };
+            md: {
+                paddingInline: `var(--${string})`;
+            };
+            md2: {
+                paddingInline: `var(--${string})`;
+            };
+            lg: {
+                paddingInline: `var(--${string})`;
+            };
+            lg2: {
+                paddingInline: `var(--${string})`;
+            };
+            xl: {
+                paddingInline: `var(--${string})`;
+            };
+            '2xl': {
+                paddingInline: `var(--${string})`;
+            };
+            '3xl': {
+                paddingInline: `var(--${string})`;
+            };
+            '4xl': {
+                paddingInline: `var(--${string})`;
+            };
+            '5xl': {
+                paddingInline: `var(--${string})`;
+            };
+        };
+        paddingY: {
+            none: {
+                paddingBlock: `var(--${string})`;
+            };
+            px: {
+                paddingBlock: `var(--${string})`;
+            };
+            xxs: {
+                paddingBlock: `var(--${string})`;
+            };
+            xs: {
+                paddingBlock: `var(--${string})`;
+            };
+            xs2: {
+                paddingBlock: `var(--${string})`;
+            };
+            sm: {
+                paddingBlock: `var(--${string})`;
+            };
+            sm2: {
+                paddingBlock: `var(--${string})`;
+            };
+            md: {
+                paddingBlock: `var(--${string})`;
+            };
+            md2: {
+                paddingBlock: `var(--${string})`;
+            };
+            lg: {
+                paddingBlock: `var(--${string})`;
+            };
+            lg2: {
+                paddingBlock: `var(--${string})`;
+            };
+            xl: {
+                paddingBlock: `var(--${string})`;
+            };
+            '2xl': {
+                paddingBlock: `var(--${string})`;
+            };
+            '3xl': {
+                paddingBlock: `var(--${string})`;
+            };
+            '4xl': {
+                paddingBlock: `var(--${string})`;
+            };
+            '5xl': {
+                paddingBlock: `var(--${string})`;
+            };
+        };
+        paddingTop: {
+            none: {
+                paddingTop: `var(--${string})`;
+            };
+            px: {
+                paddingTop: `var(--${string})`;
+            };
+            xxs: {
+                paddingTop: `var(--${string})`;
+            };
+            xs: {
+                paddingTop: `var(--${string})`;
+            };
+            xs2: {
+                paddingTop: `var(--${string})`;
+            };
+            sm: {
+                paddingTop: `var(--${string})`;
+            };
+            sm2: {
+                paddingTop: `var(--${string})`;
+            };
+            md: {
+                paddingTop: `var(--${string})`;
+            };
+            md2: {
+                paddingTop: `var(--${string})`;
+            };
+            lg: {
+                paddingTop: `var(--${string})`;
+            };
+            lg2: {
+                paddingTop: `var(--${string})`;
+            };
+            xl: {
+                paddingTop: `var(--${string})`;
+            };
+            '2xl': {
+                paddingTop: `var(--${string})`;
+            };
+            '3xl': {
+                paddingTop: `var(--${string})`;
+            };
+            '4xl': {
+                paddingTop: `var(--${string})`;
+            };
+            '5xl': {
+                paddingTop: `var(--${string})`;
+            };
+        };
+        paddingRight: {
+            none: {
+                paddingRight: `var(--${string})`;
+            };
+            px: {
+                paddingRight: `var(--${string})`;
+            };
+            xxs: {
+                paddingRight: `var(--${string})`;
+            };
+            xs: {
+                paddingRight: `var(--${string})`;
+            };
+            xs2: {
+                paddingRight: `var(--${string})`;
+            };
+            sm: {
+                paddingRight: `var(--${string})`;
+            };
+            sm2: {
+                paddingRight: `var(--${string})`;
+            };
+            md: {
+                paddingRight: `var(--${string})`;
+            };
+            md2: {
+                paddingRight: `var(--${string})`;
+            };
+            lg: {
+                paddingRight: `var(--${string})`;
+            };
+            lg2: {
+                paddingRight: `var(--${string})`;
+            };
+            xl: {
+                paddingRight: `var(--${string})`;
+            };
+            '2xl': {
+                paddingRight: `var(--${string})`;
+            };
+            '3xl': {
+                paddingRight: `var(--${string})`;
+            };
+            '4xl': {
+                paddingRight: `var(--${string})`;
+            };
+            '5xl': {
+                paddingRight: `var(--${string})`;
+            };
+        };
+        paddingBottom: {
+            none: {
+                paddingBottom: `var(--${string})`;
+            };
+            px: {
+                paddingBottom: `var(--${string})`;
+            };
+            xxs: {
+                paddingBottom: `var(--${string})`;
+            };
+            xs: {
+                paddingBottom: `var(--${string})`;
+            };
+            xs2: {
+                paddingBottom: `var(--${string})`;
+            };
+            sm: {
+                paddingBottom: `var(--${string})`;
+            };
+            sm2: {
+                paddingBottom: `var(--${string})`;
+            };
+            md: {
+                paddingBottom: `var(--${string})`;
+            };
+            md2: {
+                paddingBottom: `var(--${string})`;
+            };
+            lg: {
+                paddingBottom: `var(--${string})`;
+            };
+            lg2: {
+                paddingBottom: `var(--${string})`;
+            };
+            xl: {
+                paddingBottom: `var(--${string})`;
+            };
+            '2xl': {
+                paddingBottom: `var(--${string})`;
+            };
+            '3xl': {
+                paddingBottom: `var(--${string})`;
+            };
+            '4xl': {
+                paddingBottom: `var(--${string})`;
+            };
+            '5xl': {
+                paddingBottom: `var(--${string})`;
+            };
+        };
+        paddingLeft: {
+            none: {
+                paddingLeft: `var(--${string})`;
+            };
+            px: {
+                paddingLeft: `var(--${string})`;
+            };
+            xxs: {
+                paddingLeft: `var(--${string})`;
+            };
+            xs: {
+                paddingLeft: `var(--${string})`;
+            };
+            xs2: {
+                paddingLeft: `var(--${string})`;
+            };
+            sm: {
+                paddingLeft: `var(--${string})`;
+            };
+            sm2: {
+                paddingLeft: `var(--${string})`;
+            };
+            md: {
+                paddingLeft: `var(--${string})`;
+            };
+            md2: {
+                paddingLeft: `var(--${string})`;
+            };
+            lg: {
+                paddingLeft: `var(--${string})`;
+            };
+            lg2: {
+                paddingLeft: `var(--${string})`;
+            };
+            xl: {
+                paddingLeft: `var(--${string})`;
+            };
+            '2xl': {
+                paddingLeft: `var(--${string})`;
+            };
+            '3xl': {
+                paddingLeft: `var(--${string})`;
+            };
+            '4xl': {
+                paddingLeft: `var(--${string})`;
+            };
+            '5xl': {
+                paddingLeft: `var(--${string})`;
+            };
+        };
+        margin: {
+            auto: {
+                margin: "auto";
+            };
+            none: {
+                margin: `var(--${string})`;
+            };
+            px: {
+                margin: `var(--${string})`;
+            };
+            xxs: {
+                margin: `var(--${string})`;
+            };
+            xs: {
+                margin: `var(--${string})`;
+            };
+            xs2: {
+                margin: `var(--${string})`;
+            };
+            sm: {
+                margin: `var(--${string})`;
+            };
+            sm2: {
+                margin: `var(--${string})`;
+            };
+            md: {
+                margin: `var(--${string})`;
+            };
+            md2: {
+                margin: `var(--${string})`;
+            };
+            lg: {
+                margin: `var(--${string})`;
+            };
+            lg2: {
+                margin: `var(--${string})`;
+            };
+            xl: {
+                margin: `var(--${string})`;
+            };
+            '2xl': {
+                margin: `var(--${string})`;
+            };
+            '3xl': {
+                margin: `var(--${string})`;
+            };
+            '4xl': {
+                margin: `var(--${string})`;
+            };
+            '5xl': {
+                margin: `var(--${string})`;
+            };
+        };
+        marginX: {
+            auto: {
+                marginInline: "auto";
+            };
+            none: {
+                marginInline: `var(--${string})`;
+            };
+            px: {
+                marginInline: `var(--${string})`;
+            };
+            xxs: {
+                marginInline: `var(--${string})`;
+            };
+            xs: {
+                marginInline: `var(--${string})`;
+            };
+            xs2: {
+                marginInline: `var(--${string})`;
+            };
+            sm: {
+                marginInline: `var(--${string})`;
+            };
+            sm2: {
+                marginInline: `var(--${string})`;
+            };
+            md: {
+                marginInline: `var(--${string})`;
+            };
+            md2: {
+                marginInline: `var(--${string})`;
+            };
+            lg: {
+                marginInline: `var(--${string})`;
+            };
+            lg2: {
+                marginInline: `var(--${string})`;
+            };
+            xl: {
+                marginInline: `var(--${string})`;
+            };
+            '2xl': {
+                marginInline: `var(--${string})`;
+            };
+            '3xl': {
+                marginInline: `var(--${string})`;
+            };
+            '4xl': {
+                marginInline: `var(--${string})`;
+            };
+            '5xl': {
+                marginInline: `var(--${string})`;
+            };
+        };
+        marginY: {
+            auto: {
+                marginBlock: "auto";
+            };
+            none: {
+                marginBlock: `var(--${string})`;
+            };
+            px: {
+                marginBlock: `var(--${string})`;
+            };
+            xxs: {
+                marginBlock: `var(--${string})`;
+            };
+            xs: {
+                marginBlock: `var(--${string})`;
+            };
+            xs2: {
+                marginBlock: `var(--${string})`;
+            };
+            sm: {
+                marginBlock: `var(--${string})`;
+            };
+            sm2: {
+                marginBlock: `var(--${string})`;
+            };
+            md: {
+                marginBlock: `var(--${string})`;
+            };
+            md2: {
+                marginBlock: `var(--${string})`;
+            };
+            lg: {
+                marginBlock: `var(--${string})`;
+            };
+            lg2: {
+                marginBlock: `var(--${string})`;
+            };
+            xl: {
+                marginBlock: `var(--${string})`;
+            };
+            '2xl': {
+                marginBlock: `var(--${string})`;
+            };
+            '3xl': {
+                marginBlock: `var(--${string})`;
+            };
+            '4xl': {
+                marginBlock: `var(--${string})`;
+            };
+            '5xl': {
+                marginBlock: `var(--${string})`;
+            };
+        };
+        marginTop: {
+            auto: {
+                marginTop: "auto";
+            };
+            none: {
+                marginTop: `var(--${string})`;
+            };
+            px: {
+                marginTop: `var(--${string})`;
+            };
+            xxs: {
+                marginTop: `var(--${string})`;
+            };
+            xs: {
+                marginTop: `var(--${string})`;
+            };
+            xs2: {
+                marginTop: `var(--${string})`;
+            };
+            sm: {
+                marginTop: `var(--${string})`;
+            };
+            sm2: {
+                marginTop: `var(--${string})`;
+            };
+            md: {
+                marginTop: `var(--${string})`;
+            };
+            md2: {
+                marginTop: `var(--${string})`;
+            };
+            lg: {
+                marginTop: `var(--${string})`;
+            };
+            lg2: {
+                marginTop: `var(--${string})`;
+            };
+            xl: {
+                marginTop: `var(--${string})`;
+            };
+            '2xl': {
+                marginTop: `var(--${string})`;
+            };
+            '3xl': {
+                marginTop: `var(--${string})`;
+            };
+            '4xl': {
+                marginTop: `var(--${string})`;
+            };
+            '5xl': {
+                marginTop: `var(--${string})`;
+            };
+        };
+        marginRight: {
+            auto: {
+                marginRight: "auto";
+            };
+            none: {
+                marginRight: `var(--${string})`;
+            };
+            px: {
+                marginRight: `var(--${string})`;
+            };
+            xxs: {
+                marginRight: `var(--${string})`;
+            };
+            xs: {
+                marginRight: `var(--${string})`;
+            };
+            xs2: {
+                marginRight: `var(--${string})`;
+            };
+            sm: {
+                marginRight: `var(--${string})`;
+            };
+            sm2: {
+                marginRight: `var(--${string})`;
+            };
+            md: {
+                marginRight: `var(--${string})`;
+            };
+            md2: {
+                marginRight: `var(--${string})`;
+            };
+            lg: {
+                marginRight: `var(--${string})`;
+            };
+            lg2: {
+                marginRight: `var(--${string})`;
+            };
+            xl: {
+                marginRight: `var(--${string})`;
+            };
+            '2xl': {
+                marginRight: `var(--${string})`;
+            };
+            '3xl': {
+                marginRight: `var(--${string})`;
+            };
+            '4xl': {
+                marginRight: `var(--${string})`;
+            };
+            '5xl': {
+                marginRight: `var(--${string})`;
+            };
+        };
+        marginBottom: {
+            auto: {
+                marginBottom: "auto";
+            };
+            none: {
+                marginBottom: `var(--${string})`;
+            };
+            px: {
+                marginBottom: `var(--${string})`;
+            };
+            xxs: {
+                marginBottom: `var(--${string})`;
+            };
+            xs: {
+                marginBottom: `var(--${string})`;
+            };
+            xs2: {
+                marginBottom: `var(--${string})`;
+            };
+            sm: {
+                marginBottom: `var(--${string})`;
+            };
+            sm2: {
+                marginBottom: `var(--${string})`;
+            };
+            md: {
+                marginBottom: `var(--${string})`;
+            };
+            md2: {
+                marginBottom: `var(--${string})`;
+            };
+            lg: {
+                marginBottom: `var(--${string})`;
+            };
+            lg2: {
+                marginBottom: `var(--${string})`;
+            };
+            xl: {
+                marginBottom: `var(--${string})`;
+            };
+            '2xl': {
+                marginBottom: `var(--${string})`;
+            };
+            '3xl': {
+                marginBottom: `var(--${string})`;
+            };
+            '4xl': {
+                marginBottom: `var(--${string})`;
+            };
+            '5xl': {
+                marginBottom: `var(--${string})`;
+            };
+        };
+        marginLeft: {
+            auto: {
+                marginLeft: "auto";
+            };
+            none: {
+                marginLeft: `var(--${string})`;
+            };
+            px: {
+                marginLeft: `var(--${string})`;
+            };
+            xxs: {
+                marginLeft: `var(--${string})`;
+            };
+            xs: {
+                marginLeft: `var(--${string})`;
+            };
+            xs2: {
+                marginLeft: `var(--${string})`;
+            };
+            sm: {
+                marginLeft: `var(--${string})`;
+            };
+            sm2: {
+                marginLeft: `var(--${string})`;
+            };
+            md: {
+                marginLeft: `var(--${string})`;
+            };
+            md2: {
+                marginLeft: `var(--${string})`;
+            };
+            lg: {
+                marginLeft: `var(--${string})`;
+            };
+            lg2: {
+                marginLeft: `var(--${string})`;
+            };
+            xl: {
+                marginLeft: `var(--${string})`;
+            };
+            '2xl': {
+                marginLeft: `var(--${string})`;
+            };
+            '3xl': {
+                marginLeft: `var(--${string})`;
+            };
+            '4xl': {
+                marginLeft: `var(--${string})`;
+            };
+            '5xl': {
+                marginLeft: `var(--${string})`;
+            };
+        };
+        gap: {
+            none: {
+                gap: `var(--${string})`;
+            };
+            px: {
+                gap: `var(--${string})`;
+            };
+            xxs: {
+                gap: `var(--${string})`;
+            };
+            xs: {
+                gap: `var(--${string})`;
+            };
+            xs2: {
+                gap: `var(--${string})`;
+            };
+            sm: {
+                gap: `var(--${string})`;
+            };
+            sm2: {
+                gap: `var(--${string})`;
+            };
+            md: {
+                gap: `var(--${string})`;
+            };
+            md2: {
+                gap: `var(--${string})`;
+            };
+            lg: {
+                gap: `var(--${string})`;
+            };
+            lg2: {
+                gap: `var(--${string})`;
+            };
+            xl: {
+                gap: `var(--${string})`;
+            };
+            '2xl': {
+                gap: `var(--${string})`;
+            };
+            '3xl': {
+                gap: `var(--${string})`;
+            };
+            '4xl': {
+                gap: `var(--${string})`;
+            };
+            '5xl': {
+                gap: `var(--${string})`;
+            };
+        };
+        columnGap: {
+            none: {
+                columnGap: `var(--${string})`;
+            };
+            px: {
+                columnGap: `var(--${string})`;
+            };
+            xxs: {
+                columnGap: `var(--${string})`;
+            };
+            xs: {
+                columnGap: `var(--${string})`;
+            };
+            xs2: {
+                columnGap: `var(--${string})`;
+            };
+            sm: {
+                columnGap: `var(--${string})`;
+            };
+            sm2: {
+                columnGap: `var(--${string})`;
+            };
+            md: {
+                columnGap: `var(--${string})`;
+            };
+            md2: {
+                columnGap: `var(--${string})`;
+            };
+            lg: {
+                columnGap: `var(--${string})`;
+            };
+            lg2: {
+                columnGap: `var(--${string})`;
+            };
+            xl: {
+                columnGap: `var(--${string})`;
+            };
+            '2xl': {
+                columnGap: `var(--${string})`;
+            };
+            '3xl': {
+                columnGap: `var(--${string})`;
+            };
+            '4xl': {
+                columnGap: `var(--${string})`;
+            };
+            '5xl': {
+                columnGap: `var(--${string})`;
+            };
+        };
+        rowGap: {
+            none: {
+                rowGap: `var(--${string})`;
+            };
+            px: {
+                rowGap: `var(--${string})`;
+            };
+            xxs: {
+                rowGap: `var(--${string})`;
+            };
+            xs: {
+                rowGap: `var(--${string})`;
+            };
+            xs2: {
+                rowGap: `var(--${string})`;
+            };
+            sm: {
+                rowGap: `var(--${string})`;
+            };
+            sm2: {
+                rowGap: `var(--${string})`;
+            };
+            md: {
+                rowGap: `var(--${string})`;
+            };
+            md2: {
+                rowGap: `var(--${string})`;
+            };
+            lg: {
+                rowGap: `var(--${string})`;
+            };
+            lg2: {
+                rowGap: `var(--${string})`;
+            };
+            xl: {
+                rowGap: `var(--${string})`;
+            };
+            '2xl': {
+                rowGap: `var(--${string})`;
+            };
+            '3xl': {
+                rowGap: `var(--${string})`;
+            };
+            '4xl': {
+                rowGap: `var(--${string})`;
+            };
+            '5xl': {
+                rowGap: `var(--${string})`;
+            };
+        };
+        borderColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+        backgroundColor: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+        boxShadow: {
+            none: {
+                boxShadow: `var(--${string})`;
+            };
+            xs: {
+                boxShadow: `var(--${string})`;
+            };
+            sm: {
+                boxShadow: `var(--${string})`;
+            };
+            md: {
+                boxShadow: `var(--${string})`;
+            };
+            lg: {
+                boxShadow: `var(--${string})`;
+            };
+            xl: {
+                boxShadow: `var(--${string})`;
+            };
+            '2xl': {
+                boxShadow: `var(--${string})`;
+            };
+            inner: {
+                boxShadow: `var(--${string})`;
+            };
+        };
+    }>;
+};