@blockle/blocks 0.19.0 → 0.20.0-alpha1

package/dist/momotaro.chunk.d.ts

@@ -4,8 +4,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 
 declare const atoms: ((props: {
-    readonly backgroundColor?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
-    readonly borderColor?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
+    readonly backgroundColor?: "link" | "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "currentColor" | undefined;
+    readonly borderColor?: "link" | "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "currentColor" | undefined;
     readonly borderRadius?: ("small" | "medium" | "large" | "xlarge") | undefined;
     readonly borderWidth?: ("small" | "medium" | "large") | undefined;
     readonly border?: "none" | undefined;
@@ -16,7 +16,7 @@ declare const atoms: ((props: {
     readonly insetInlineStart?: 0 | undefined;
     readonly insetInlineEnd?: 0 | undefined;
     readonly boxShadow?: ("small" | "medium" | "large") | undefined;
-    readonly color?: "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "link" | "currentColor" | undefined;
+    readonly color?: "link" | "white" | "black" | "body" | "primaryLight" | "primary" | "primaryDark" | "secondaryLight" | "secondary" | "secondaryDark" | "text" | "textLight" | "textDark" | "danger" | "currentColor" | undefined;
     readonly cursor?: "auto" | "pointer" | undefined;
     readonly fontFamily?: "body" | "primary" | "secondary" | undefined;
     readonly fontStyle?: "normal" | "italic" | "oblique" | undefined;
@@ -46,193 +46,193 @@ declare const atoms: ((props: {
         tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
     readonly alignItems?: ("stretch" | "center" | "flex-start" | "flex-end" | {
         mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
     readonly alignSelf?: ("stretch" | "center" | "flex-start" | "flex-end" | {
         mobile?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         tablet?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         desktop?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
         wide?: "stretch" | "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "stretch" | "center" | "flex-start" | "flex-end" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "stretch" | "center" | "flex-start" | "flex-end" | null>;
     readonly columnGap?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly display?: ("none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | {
         mobile?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
         tablet?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
         desktop?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
         wide?: "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "flex" | "grid" | "inline-flex" | "block" | "inline" | "inline-block" | "inline-grid" | null>;
     readonly flex?: (1 | {
         mobile?: 1 | undefined;
         tablet?: 1 | undefined;
         desktop?: 1 | undefined;
         wide?: 1 | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 1 | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, 1 | null>;
     readonly flexDirection?: ("row" | "row-reverse" | "column" | "column-reverse" | {
         mobile?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
         tablet?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
         desktop?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
         wide?: "row" | "row-reverse" | "column" | "column-reverse" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "row" | "row-reverse" | "column" | "column-reverse" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "row" | "row-reverse" | "column" | "column-reverse" | null>;
     readonly flexGrow?: (0 | 1 | {
         mobile?: 0 | 1 | undefined;
         tablet?: 0 | 1 | undefined;
         desktop?: 0 | 1 | undefined;
         wide?: 0 | 1 | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, 0 | 1 | null>;
     readonly flexShrink?: (0 | 1 | {
         mobile?: 0 | 1 | undefined;
         tablet?: 0 | 1 | undefined;
         desktop?: 0 | 1 | undefined;
         wide?: 0 | 1 | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, 0 | 1 | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, 0 | 1 | null>;
     readonly flexWrap?: ("wrap" | "nowrap" | {
         mobile?: "wrap" | "nowrap" | undefined;
         tablet?: "wrap" | "nowrap" | undefined;
         desktop?: "wrap" | "nowrap" | undefined;
         wide?: "wrap" | "nowrap" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "wrap" | "nowrap" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "wrap" | "nowrap" | null>;
     readonly fontSize?: (("xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly gap?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly justifyContent?: ("center" | "flex-start" | "flex-end" | "space-between" | "space-around" | {
         mobile?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
         tablet?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
         desktop?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
         wide?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | null>;
     readonly marginBlockStart?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     readonly marginBlockEnd?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     readonly marginInlineStart?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     readonly marginInlineEnd?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     readonly outline?: ("none" | {
         mobile?: "none" | undefined;
         tablet?: "none" | undefined;
         desktop?: "none" | undefined;
         wide?: "none" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | null>;
     readonly padding?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly paddingBlock?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly paddingBlockStart?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly paddingBlockEnd?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly paddingInline?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly paddingInlineStart?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly paddingInlineEnd?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly position?: ("relative" | "fixed" | "absolute" | "sticky" | "static" | {
         mobile?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
         tablet?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
         desktop?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
         wide?: "relative" | "fixed" | "absolute" | "sticky" | "static" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "relative" | "fixed" | "absolute" | "sticky" | "static" | null>;
     readonly rowGap?: (("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | {
         mobile?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         tablet?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         desktop?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
         wide?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge") | null>;
     readonly textAlign?: ("left" | "right" | "center" | "justify" | {
         mobile?: "left" | "right" | "center" | "justify" | undefined;
         tablet?: "left" | "right" | "center" | "justify" | undefined;
         desktop?: "left" | "right" | "center" | "justify" | undefined;
         wide?: "left" | "right" | "center" | "justify" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "left" | "right" | "center" | "justify" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "left" | "right" | "center" | "justify" | null>;
     margin?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     marginBlock?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     marginInline?: ("none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | {
         mobile?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         tablet?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         desktop?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
         wide?: "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "none" | "gutter" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "auto" | null>;
     placeItems?: ("center" | "flex-start" | "flex-end" | {
         mobile?: "center" | "flex-start" | "flex-end" | undefined;
         tablet?: "center" | "flex-start" | "flex-end" | undefined;
         desktop?: "center" | "flex-start" | "flex-end" | undefined;
         wide?: "center" | "flex-start" | "flex-end" | undefined;
-    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<4 | 1 | 2 | 3, "center" | "flex-start" | "flex-end" | null>;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3 | 4, "center" | "flex-start" | "flex-end" | null>;
 }) => string) & {
     properties: Set<"borderRadius" | "color" | "borderWidth" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "transition" | "boxShadow" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "blockSize" | "columnGap" | "cursor" | "display" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "inlineSize" | "insetBlockEnd" | "insetBlockStart" | "insetInlineEnd" | "insetInlineStart" | "justifyContent" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "maxBlockSize" | "maxInlineSize" | "opacity" | "overflowBlock" | "overflowInline" | "paddingBlockEnd" | "paddingBlockStart" | "paddingInlineEnd" | "paddingInlineStart" | "pointerEvents" | "position" | "rowGap" | "textAlign" | "textTransform" | "textWrap" | "userSelect" | "whiteSpace" | "wordBreak" | "wordWrap" | "border" | "borderColor" | "flex" | "gap" | "inset" | "insetBlock" | "insetInline" | "margin" | "marginBlock" | "marginInline" | "outline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "placeItems" | "textDecoration">;
 };
@@ -420,17 +420,6 @@ type ComponentThemes = {
     switch: SwitchTheme;
     tooltip: TooltipTheme;
 };
-/**
- * ComponentThemeProps is a helper type to define the props passed to useComponentStyles.
- */
-type ComponentThemeProps<T extends RecordLike> = Omit<{
-    [K in keyof T]?: Exclude<T[K], undefined> extends string ? boolean : never;
-}, 'variants'> & {
-    variants?: T['variants'] extends RecordLike ? Partial<T['variants']> : never;
-};
-type ComponentThemesProps = {
-    [K in keyof ComponentThemes]: ComponentThemeProps<ComponentThemes[K]>;
-};
 
 /**
  * Helper generic to convert a component theme to a styles object
@@ -541,6 +530,7 @@ declare const vars: {
         xlarge: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     color: {
+        link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         body: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -554,7 +544,6 @@ declare const vars: {
         textLight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         textDark: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         danger: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-        link: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     };
     borderWidth: {
         small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -885,14 +874,6 @@ type SlotProps = {
     children: React$1.ReactNode;
 };
 
-declare function useComponentStyles<T extends keyof ComponentThemesProps>(name: T, props: ComponentThemesProps[T], useDefaultVariants?: boolean): string;
-
-type ThemeComponentsStylesRequired = Required<ThemeComponentsStyles>;
-type Components = {
-    [K in keyof ThemeComponentsStylesRequired]: ThemeComponentsStylesRequired[K] extends RecordLike ? Required<ThemeComponentsStylesRequired[K]>['defaultVariants'] extends RecordLike ? ThemeComponentsStylesRequired[K]['defaultVariants'] extends undefined ? never : Exclude<ThemeComponentsStylesRequired[K]['defaultVariants'], undefined> : never : never;
-};
-declare const useComponentStyleDefaultProps: <T extends keyof ThemeComponentsStyles>(name: T) => Components[T];
-
 /**
  * useLayoutEffect is not avaible on server side use useEffect instead.
  */
@@ -914,9 +895,12 @@ declare const usePreventBodyScroll: (enabled?: boolean) => void;
  */
 declare const useRootAriaHidden: (hidden: boolean) => void;
 
+declare function setTheme(theme: Theme): void;
+declare function getTheme(): Theme;
+
 type Args = null | undefined | boolean | string | unknown;
 declare const classnames: (...args: Args[]) => string | undefined;
 
 declare const momotaro: Theme;
 
-export { BlocksProvider, type BlocksProviderProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Dialog, type DialogProps, Divider, type DividerProps, Heading, type HeadingProps, Inline, type InlineProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Text, type TextProps, type ThemeComponentsStyles, type ThemeTokens, Tooltip, type TooltipProps, VisuallyHidden, type VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, makeComponentTheme, makeTheme, minMediaQuery, momotaro, style, useComponentStyleDefaultProps, useComponentStyles, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars };
+export { BlocksProvider, type BlocksProviderProps, Box, type BoxProps, Button, type ButtonProps, Checkbox, type CheckboxProps, Dialog, type DialogProps, Divider, type DividerProps, Heading, type HeadingProps, Inline, type InlineProps, Input, type InputProps, Label, type LabelProps, Link, type LinkProps, Portal, type PortalProps, Progress, type ProgressProps, Radio, type RadioProps, Select, type SelectProps, Slider, type SliderProps, Spinner, type SpinnerProps, Stack, type StackProps, Switch, type SwitchProps, Text, type TextProps, type ThemeComponentsStyles, type ThemeTokens, Tooltip, type TooltipProps, VisuallyHidden, type VisuallyHiddenProps, atoms, classnames, createAsChildTemplate, getTheme, makeComponentTheme, makeTheme, minMediaQuery, momotaro, setTheme, style, useIsomorphicLayoutEffect, useKeyboard, usePreventBodyScroll, useRootAriaHidden, vars };

package/dist/reset.cjs

@@ -1,3 +1,3 @@
 "use strict";
-require("./styles/lib/css/atoms/sprinkles.css.cjs");
-require("./styles/lib/css/reset/reset.css.cjs");
+require("./lib/css/atoms/sprinkles.css.cjs");
+require("./lib/css/reset/reset.css.cjs");

package/dist/reset.mjs

@@ -1,2 +1,2 @@
-import "./styles/lib/css/atoms/sprinkles.css.mjs";
-import "./styles/lib/css/reset/reset.css.mjs";
+import "./lib/css/atoms/sprinkles.css.mjs";
+import "./lib/css/reset/reset.css.mjs";

package/dist/{styles/themes → themes}/momotaro/components/button.css.cjs

@@ -1,15 +1,15 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
+const lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
+const lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
+const themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/button.css.ts", "@blockle/blocks");
 const intentColor = css.createVar("intentColor");
 const hoverBackgroundColor = css.createVar("hoverBackgroundColor");
-const button = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("button", {
-  base: styles_lib_css_style_style_cjs.style([{
+const button = lib_theme_makeComponentTheme_cjs.makeComponentTheme("button", {
+  base: lib_css_style_style_cjs.style([{
     display: "inline-flex",
     placeItems: "center",
     fontSize: "medium",
@@ -22,52 +22,52 @@ const button = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("butto
         backgroundColor: hoverBackgroundColor
       }
     }
-  }, styles_themes_momotaro_components_helpers_css_cjs.clickable]),
+  }, themes_momotaro_components_helpers_css_cjs.clickable]),
   variants: {
     variant: {
-      solid: styles_lib_css_style_style_cjs.style({
-        color: styles_lib_theme_vars_css_cjs.vars.color.white,
+      solid: lib_css_style_style_cjs.style({
+        color: lib_theme_vars_css_cjs.vars.color.white,
         backgroundColor: intentColor,
         border: "none"
       }),
-      outline: styles_lib_css_style_style_cjs.style({
+      outline: lib_css_style_style_cjs.style({
         color: intentColor,
         borderWidth: "small",
         borderStyle: "solid",
         borderColor: intentColor,
         background: "transparent"
       }),
-      ghost: styles_lib_css_style_style_cjs.style({
+      ghost: lib_css_style_style_cjs.style({
         color: intentColor,
         background: "transparent"
       })
     },
     size: {
-      small: styles_lib_css_style_style_cjs.style({
+      small: lib_css_style_style_cjs.style({
         paddingInline: "large",
         height: 40
       }),
-      medium: styles_lib_css_style_style_cjs.style({
+      medium: lib_css_style_style_cjs.style({
         paddingInline: "xlarge",
         height: 56
       }),
-      large: styles_lib_css_style_style_cjs.style({
+      large: lib_css_style_style_cjs.style({
         paddingInline: "xlarge",
         height: 72
       })
     },
     intent: {
-      neutral: styles_lib_css_style_style_cjs.style({
+      neutral: lib_css_style_style_cjs.style({
         vars: {
-          [intentColor]: styles_lib_theme_vars_css_cjs.vars.color.primary,
-          [hoverBackgroundColor]: styles_lib_theme_vars_css_cjs.vars.color.primaryLight
+          [intentColor]: lib_theme_vars_css_cjs.vars.color.primary,
+          [hoverBackgroundColor]: lib_theme_vars_css_cjs.vars.color.primaryLight
         }
       }),
-      danger: styles_lib_css_style_style_cjs.style({
+      danger: lib_css_style_style_cjs.style({
         vars: {
-          [intentColor]: styles_lib_theme_vars_css_cjs.vars.color.danger,
+          [intentColor]: lib_theme_vars_css_cjs.vars.color.danger,
           [hoverBackgroundColor]: "#fff8f7",
-          [styles_themes_momotaro_components_helpers_css_cjs.focusRingColor]: styles_lib_theme_vars_css_cjs.vars.color.danger
+          [themes_momotaro_components_helpers_css_cjs.focusRingColor]: lib_theme_vars_css_cjs.vars.color.danger
         }
       })
     }
@@ -77,9 +77,9 @@ const button = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("butto
       variant: "solid",
       intent: "neutral"
     },
-    style: styles_lib_css_style_style_cjs.style({
+    style: lib_css_style_style_cjs.style({
       vars: {
-        [hoverBackgroundColor]: styles_lib_theme_vars_css_cjs.vars.color.primaryDark
+        [hoverBackgroundColor]: lib_theme_vars_css_cjs.vars.color.primaryDark
       }
     })
   }, {
@@ -87,7 +87,7 @@ const button = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("butto
       variant: "solid",
       intent: "danger"
     },
-    style: styles_lib_css_style_style_cjs.style({
+    style: lib_css_style_style_cjs.style({
       vars: {
         [hoverBackgroundColor]: "#f9b1a9"
       }

package/dist/themes/momotaro/components/checkbox.css.cjs

@@ -0,0 +1,59 @@
+"use strict";
+const fileScope = require("@vanilla-extract/css/fileScope");
+const css = require("@vanilla-extract/css");
+const lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
+const themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
+const themes_momotaro_components_transitions_cjs = require("./transitions.cjs");
+const lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+fileScope.setFileScope("src/themes/momotaro/components/checkbox.css.ts", "@blockle/blocks");
+const checkbox = lib_theme_makeComponentTheme_cjs.makeComponentTheme("checkbox", {
+  base: css.style([{
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    inlineSize: 24,
+    blockSize: 24,
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `background-color ${lib_theme_vars_css_cjs.vars.transition.normal}, box-shadow ${lib_theme_vars_css_cjs.vars.transition.fast}`
+      }
+    },
+    selectors: {
+      "&:hover:not(:has(input:disabled))": {
+        backgroundColor: lib_theme_vars_css_cjs.vars.color.primaryDark
+      },
+      "&:has(input:checked)": {
+        backgroundColor: lib_theme_vars_css_cjs.vars.color.primary
+      }
+    }
+  }, lib_css_atoms_sprinkles_css_cjs.atoms({
+    backgroundColor: "primaryLight",
+    borderRadius: "small"
+  }), themes_momotaro_components_helpers_css_cjs.focusable], "checkbox_base"),
+  icon: css.style({
+    inlineSize: "1rem",
+    blockSize: "1rem",
+    color: "white",
+    transform: "scale(0)",
+    selectors: {
+      "input:checked ~ &": {
+        transform: "scale(1)"
+      }
+    },
+    "@media": {
+      "(prefers-reduced-motion: no-preference)": {
+        transition: `transform ${lib_theme_vars_css_cjs.vars.transition.normal} ${themes_momotaro_components_transitions_cjs.bounceOut}`
+      }
+    }
+  }, "checkbox_icon"),
+  label: lib_css_atoms_sprinkles_css_cjs.atoms({
+    display: "flex",
+    flexDirection: "row",
+    padding: "xsmall",
+    gap: "medium",
+    cursor: "pointer"
+  })
+});
+fileScope.endFileScope();
+exports.checkbox = checkbox;

package/dist/{styles/themes → themes}/momotaro/components/dialog.css.cjs

@@ -1,11 +1,11 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+const lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/dialog.css.ts", "@blockle/blocks");
-const dialog = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dialog", {
-  dialog: css.style([styles_lib_css_atoms_sprinkles_css_cjs.atoms({
+const dialog = lib_theme_makeComponentTheme_cjs.makeComponentTheme("dialog", {
+  dialog: css.style([lib_css_atoms_sprinkles_css_cjs.atoms({
     display: "flex",
     flexDirection: "column",
     padding: "gutter",

package/dist/{styles/themes → themes}/momotaro/components/divider.css.cjs

@@ -1,9 +1,9 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/divider.css.ts", "@blockle/blocks");
-const divider = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("divider", {
+const divider = lib_theme_makeComponentTheme_cjs.makeComponentTheme("divider", {
   base: css.style({
     blockSize: 1
   }, "divider_base"),

package/dist/{styles/themes → themes}/momotaro/components/helpers.css.cjs

@@ -1,13 +1,13 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const styles_lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
+const lib_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
 const focusRingColor = css.createVar("focusRingColor");
 const focusable = css.style({
   "@media": {
     "(prefers-reduced-motion: no-preference)": {
-      transition: `box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
+      transition: `box-shadow ${lib_theme_vars_css_cjs.vars.transition.fast}`
     }
   },
   ":focus-visible": {
@@ -24,7 +24,7 @@ const focusable = css.style({
     "&:has(input:focus-visible)": {
       outline: "2px solid transparent",
       outlineOffset: "2px",
-      boxShadow: styles_lib_theme_vars_css_cjs.vars.focus.boxShadow
+      boxShadow: lib_theme_vars_css_cjs.vars.focus.boxShadow
     },
     "&:has(input:disabled)": {
       opacity: 0.5,