@blockle/blocks 0.20.0-alpha1 → 0.20.0-alpha1.0

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

@@ -1,41 +1,48 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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 lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
+const vars_css = require("../../../lib/theme/vars.css.cjs");
+const sprinkles_css = require("../../../lib/css/atoms/sprinkles.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
-const input = lib_theme_makeComponentTheme_cjs.makeComponentTheme("input", {
-  input: css.style([lib_css_atoms_sprinkles_css_cjs.atoms({
-    color: "text",
-    padding: "large",
-    border: "none",
-    borderRadius: "small"
-  }), {
-    outline: "none",
-    background: "transparent",
-    "::placeholder": {
-      color: lib_theme_vars_css_cjs.vars.color.textLight
-    },
-    ":disabled": {}
-  }], "input_input"),
-  container: css.style([{
-    minHeight: 56,
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `box-shadow ${lib_theme_vars_css_cjs.vars.transition.fast}`
+const input = makeComponentTheme.makeComponentTheme("input", {
+  input: css.style([
+    sprinkles_css.atoms({
+      color: "text",
+      padding: "large",
+      border: "none",
+      borderRadius: "small"
+    }),
+    {
+      outline: "none",
+      background: "transparent",
+      "::placeholder": {
+        color: vars_css.vars.color.textLight
+      },
+      ":disabled": {}
+    }
+  ]),
+  container: css.style([
+    {
+      minHeight: 56,
+      "@media": {
+        "(prefers-reduced-motion: no-preference)": {
+          transition: `box-shadow ${vars_css.vars.transition.fast}`
+        }
+      },
+      ":focus-within": {
+        outline: "2px solid transparent",
+        outlineOffset: "2px",
+        boxShadow: `${vars_css.vars.shadow.small}, ${vars_css.vars.focus.boxShadow}`
       }
     },
-    ":focus-within": {
-      outline: "2px solid transparent",
-      outlineOffset: "2px",
-      boxShadow: `${lib_theme_vars_css_cjs.vars.shadow.small}, ${lib_theme_vars_css_cjs.vars.focus.boxShadow}`
-    }
-  }, lib_css_atoms_sprinkles_css_cjs.atoms({
-    backgroundColor: "white",
-    borderRadius: "medium",
-    boxShadow: "medium"
-  })], "input_container")
+    sprinkles_css.atoms({
+      backgroundColor: "white",
+      borderRadius: "medium",
+      boxShadow: "medium"
+    })
+  ])
 });
 fileScope.endFileScope();
 exports.input = input;

package/dist/themes/momotaro/components/input.css.d.ts

@@ -0,0 +1 @@
+export declare const input: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').InputTheme> | undefined;

package/dist/themes/momotaro/components/input.css.js

@@ -0,0 +1,48 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { style } from "@vanilla-extract/css";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
+import { vars } from "../../../lib/theme/vars.css.js";
+import { atoms } from "../../../lib/css/atoms/sprinkles.css.js";
+setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
+const input = makeComponentTheme("input", {
+  input: style([
+    atoms({
+      color: "text",
+      padding: "large",
+      border: "none",
+      borderRadius: "small"
+    }),
+    {
+      outline: "none",
+      background: "transparent",
+      "::placeholder": {
+        color: vars.color.textLight
+      },
+      ":disabled": {}
+    }
+  ]),
+  container: style([
+    {
+      minHeight: 56,
+      "@media": {
+        "(prefers-reduced-motion: no-preference)": {
+          transition: `box-shadow ${vars.transition.fast}`
+        }
+      },
+      ":focus-within": {
+        outline: "2px solid transparent",
+        outlineOffset: "2px",
+        boxShadow: `${vars.shadow.small}, ${vars.focus.boxShadow}`
+      }
+    },
+    atoms({
+      backgroundColor: "white",
+      borderRadius: "medium",
+      boxShadow: "medium"
+    })
+  ])
+});
+endFileScope();
+export {
+  input
+};

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

@@ -1,29 +1,30 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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 makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
+const vars_css = require("../../../lib/theme/vars.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
-const label = lib_theme_makeComponentTheme_cjs.makeComponentTheme("label", {
-  base: css.style({}, "label_base"),
+const label = makeComponentTheme.makeComponentTheme("label", {
+  base: css.style({}),
   variants: {
     size: {
       small: css.style({
-        fontSize: lib_theme_vars_css_cjs.vars.fontSize.xsmall
-      }, "label_variants_size_small"),
+        fontSize: vars_css.vars.fontSize.xsmall
+      }),
       medium: css.style({
-        fontSize: lib_theme_vars_css_cjs.vars.fontSize.small
-      }, "label_variants_size_medium"),
+        fontSize: vars_css.vars.fontSize.small
+      }),
       large: css.style({
-        fontSize: lib_theme_vars_css_cjs.vars.fontSize.medium
-      }, "label_variants_size_large")
+        fontSize: vars_css.vars.fontSize.medium
+      })
     },
     required: css.style({
       ":after": {
         content: '"*"',
-        marginLeft: lib_theme_vars_css_cjs.vars.space.xsmall
+        marginLeft: vars_css.vars.space.xsmall
       }
-    }, "label_variants_required")
+    })
   },
   defaultVariants: {
     size: "large"

package/dist/themes/momotaro/components/label.css.d.ts

@@ -0,0 +1 @@
+export declare const label: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').LabelTheme> | undefined;

package/dist/themes/momotaro/components/{label.css.mjs → label.css.js}

@@ -1,28 +1,28 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { vars } from "../../../lib/theme/vars.css.mjs";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
+import { vars } from "../../../lib/theme/vars.css.js";
 setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
 const label = makeComponentTheme("label", {
-  base: style({}, "label_base"),
+  base: style({}),
   variants: {
     size: {
       small: style({
         fontSize: vars.fontSize.xsmall
-      }, "label_variants_size_small"),
+      }),
       medium: style({
         fontSize: vars.fontSize.small
-      }, "label_variants_size_medium"),
+      }),
       large: style({
         fontSize: vars.fontSize.medium
-      }, "label_variants_size_large")
+      })
     },
     required: style({
       ":after": {
         content: '"*"',
         marginLeft: vars.space.xsmall
       }
-    }, "label_variants_required")
+    })
   },
   defaultVariants: {
     size: "large"

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

@@ -1,49 +1,53 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-const lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-const themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-const lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
+const helpers_css = require("./helpers.css.cjs");
+const sprinkles_css = require("../../../lib/css/atoms/sprinkles.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
-const link = lib_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
-  base: css.style([{
-    outline: "none",
-    border: "none",
-    textDecoration: "none",
-    background: "transparent",
-    borderRadius: 1,
-    ":hover": {
-      textDecoration: "underline"
-    },
-    ":focus-visible": {
-      textDecoration: "underline"
+const link = makeComponentTheme.makeComponentTheme("link", {
+  base: css.style([
+    {
+      outline: "none",
+      border: "none",
+      textDecoration: "none",
+      background: "transparent",
+      borderRadius: 1,
+      ":hover": {
+        textDecoration: "underline"
+      },
+      ":focus-visible": {
+        textDecoration: "underline"
+      },
+      cursor: "pointer"
+      // selectors: {
+      //   '&[target="_blank"]::after': {
+      //     content: '"\\2197"',
+      //     marginLeft: 4,
+      //   },
+      // },
     },
-    cursor: "pointer"
-    // selectors: {
-    //   '&[target="_blank"]::after': {
-    //     content: '"\\2197"',
-    //     marginLeft: 4,
-    //   },
-    // },
-  }, themes_momotaro_components_helpers_css_cjs.focusable], "link_base"),
+    helpers_css.focusable
+  ]),
   variants: {
     variant: {
       inherit: css.style({
         color: "inherit",
         fontWeight: "inherit"
-      }, "link_variants_variant_inherit"),
-      primary: lib_css_atoms_sprinkles_css_cjs.atoms({
+      }),
+      primary: sprinkles_css.atoms({
         color: "primary",
         fontWeight: "medium"
       }),
-      secondary: lib_css_atoms_sprinkles_css_cjs.atoms({
+      secondary: sprinkles_css.atoms({
         color: "secondary",
         fontWeight: "medium"
       })
     },
     underline: css.style({
       textDecoration: "underline"
-    }, "link_variants_underline")
+    })
   },
   defaultVariants: {
     variant: "primary"

package/dist/themes/momotaro/components/link.css.d.ts

@@ -0,0 +1 @@
+export declare const link: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').LinkTheme> | undefined;

package/dist/themes/momotaro/components/{link.css.mjs → link.css.js}

@@ -1,36 +1,39 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { focusable } from "./helpers.css.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
+import { focusable } from "./helpers.css.js";
+import { atoms } from "../../../lib/css/atoms/sprinkles.css.js";
 setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
 const link = makeComponentTheme("link", {
-  base: style([{
-    outline: "none",
-    border: "none",
-    textDecoration: "none",
-    background: "transparent",
-    borderRadius: 1,
-    ":hover": {
-      textDecoration: "underline"
-    },
-    ":focus-visible": {
-      textDecoration: "underline"
+  base: style([
+    {
+      outline: "none",
+      border: "none",
+      textDecoration: "none",
+      background: "transparent",
+      borderRadius: 1,
+      ":hover": {
+        textDecoration: "underline"
+      },
+      ":focus-visible": {
+        textDecoration: "underline"
+      },
+      cursor: "pointer"
+      // selectors: {
+      //   '&[target="_blank"]::after': {
+      //     content: '"\\2197"',
+      //     marginLeft: 4,
+      //   },
+      // },
     },
-    cursor: "pointer"
-    // selectors: {
-    //   '&[target="_blank"]::after': {
-    //     content: '"\\2197"',
-    //     marginLeft: 4,
-    //   },
-    // },
-  }, focusable], "link_base"),
+    focusable
+  ]),
   variants: {
     variant: {
       inherit: style({
         color: "inherit",
         fontWeight: "inherit"
-      }, "link_variants_variant_inherit"),
+      }),
       primary: atoms({
         color: "primary",
         fontWeight: "medium"
@@ -42,7 +45,7 @@ const link = makeComponentTheme("link", {
     },
     underline: style({
       textDecoration: "underline"
-    }, "link_variants_underline")
+    })
   },
   defaultVariants: {
     variant: "primary"

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

@@ -1,10 +1,11 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const fileScope = require("@vanilla-extract/css/fileScope");
-const lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
-const lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
+const style = require("../../../lib/css/style/style.cjs");
+const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/popover.css.ts", "@blockle/blocks");
-const popover = lib_theme_makeComponentTheme_cjs.makeComponentTheme("popover", {
-  base: lib_css_style_style_cjs.style({
+const popover = makeComponentTheme.makeComponentTheme("popover", {
+  base: style.style({
     backgroundColor: "white",
     borderRadius: "small",
     boxShadow: "medium",

package/dist/themes/momotaro/components/popover.css.d.ts

@@ -0,0 +1 @@
+export declare const popover: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').PopoverTheme> | undefined;

package/dist/themes/momotaro/components/{popover.css.mjs → popover.css.js}

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { style } from "../../../lib/css/style/style.mjs";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
+import { style } from "../../../lib/css/style/style.js";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
 setFileScope("src/themes/momotaro/components/popover.css.ts", "@blockle/blocks");
 const popover = makeComponentTheme("popover", {
   base: style({

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

@@ -1,9 +1,10 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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 lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
+const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
+const vars_css = require("../../../lib/theme/vars.css.cjs");
+const sprinkles_css = require("../../../lib/css/atoms/sprinkles.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
 const indeterminateAnimation = css.keyframes({
   "0%": {
@@ -12,17 +13,20 @@ const indeterminateAnimation = css.keyframes({
   "100%": {
     transform: "translateX(100%)"
   }
-}, "indeterminateAnimation");
-const progress = lib_theme_makeComponentTheme_cjs.makeComponentTheme("progress", {
-  base: css.style([{
-    height: 8
-  }, lib_css_atoms_sprinkles_css_cjs.atoms({
-    inlineSize: "full",
-    borderRadius: "small",
-    backgroundColor: "textLight",
-    color: "primary",
-    overflow: "hidden"
-  })], "progress_base"),
+});
+const progress = makeComponentTheme.makeComponentTheme("progress", {
+  base: css.style([
+    {
+      height: 8
+    },
+    sprinkles_css.atoms({
+      inlineSize: "full",
+      borderRadius: "small",
+      backgroundColor: "textLight",
+      color: "primary",
+      overflow: "hidden"
+    })
+  ]),
   bar: css.style({
     borderRadius: "inherit",
     "@media": {
@@ -30,7 +34,7 @@ const progress = lib_theme_makeComponentTheme_cjs.makeComponentTheme("progress",
         transition: "transform 180ms ease-out"
       }
     }
-  }, "progress_bar"),
+  }),
   variants: {
     indeterminate: css.style({
       "@media": {
@@ -40,15 +44,15 @@ const progress = lib_theme_makeComponentTheme_cjs.makeComponentTheme("progress",
           45deg,
           transparent,
           transparent 20px,
-          ${lib_theme_vars_css_cjs.vars.color.primaryDark} 20px,
-          ${lib_theme_vars_css_cjs.vars.color.primaryDark} 40px
+          ${vars_css.vars.color.primaryDark} 20px,
+          ${vars_css.vars.color.primaryDark} 40px
         )`
         },
         "(prefers-reduced-motion: no-preference)": {
           animation: `${indeterminateAnimation} 3s ease-in-out infinite`
         }
       }
-    }, "progress_variants_indeterminate")
+    })
   }
 });
 fileScope.endFileScope();

package/dist/themes/momotaro/components/progress.css.d.ts

@@ -0,0 +1 @@
+export declare const progress: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').ProgressTheme> | undefined;

package/dist/themes/momotaro/components/{progress.css.mjs → progress.css.js}

@@ -1,8 +1,8 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style, keyframes } from "@vanilla-extract/css";
-import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
-import { vars } from "../../../lib/theme/vars.css.mjs";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
+import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.js";
+import { vars } from "../../../lib/theme/vars.css.js";
+import { atoms } from "../../../lib/css/atoms/sprinkles.css.js";
 setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
 const indeterminateAnimation = keyframes({
   "0%": {
@@ -11,17 +11,20 @@ const indeterminateAnimation = keyframes({
   "100%": {
     transform: "translateX(100%)"
   }
-}, "indeterminateAnimation");
+});
 const progress = makeComponentTheme("progress", {
-  base: style([{
-    height: 8
-  }, atoms({
-    inlineSize: "full",
-    borderRadius: "small",
-    backgroundColor: "textLight",
-    color: "primary",
-    overflow: "hidden"
-  })], "progress_base"),
+  base: style([
+    {
+      height: 8
+    },
+    atoms({
+      inlineSize: "full",
+      borderRadius: "small",
+      backgroundColor: "textLight",
+      color: "primary",
+      overflow: "hidden"
+    })
+  ]),
   bar: style({
     borderRadius: "inherit",
     "@media": {
@@ -29,7 +32,7 @@ const progress = makeComponentTheme("progress", {
         transition: "transform 180ms ease-out"
       }
     }
-  }, "progress_bar"),
+  }),
   variants: {
     indeterminate: style({
       "@media": {
@@ -47,7 +50,7 @@ const progress = makeComponentTheme("progress", {
           animation: `${indeterminateAnimation} 3s ease-in-out infinite`
         }
       }
-    }, "progress_variants_indeterminate")
+    })
   }
 });
 endFileScope();

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

@@ -1,36 +1,41 @@
 "use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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");
+const makeComponentTheme = require("../../../lib/theme/makeComponentTheme.cjs");
+const vars_css = require("../../../lib/theme/vars.css.cjs");
+const helpers_css = require("./helpers.css.cjs");
+const transitions = require("./transitions.cjs");
+const sprinkles_css = require("../../../lib/css/atoms/sprinkles.css.cjs");
 fileScope.setFileScope("src/themes/momotaro/components/radio.css.ts", "@blockle/blocks");
-const radio = lib_theme_makeComponentTheme_cjs.makeComponentTheme("radio", {
-  base: css.style([{
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    inlineSize: 24,
-    blockSize: 24,
-    borderRadius: 12,
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `background-color ${lib_theme_vars_css_cjs.vars.transition.fast}, box-shadow ${lib_theme_vars_css_cjs.vars.transition.fast}`
+const radio = makeComponentTheme.makeComponentTheme("radio", {
+  base: css.style([
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      inlineSize: 24,
+      blockSize: 24,
+      borderRadius: 12,
+      "@media": {
+        "(prefers-reduced-motion: no-preference)": {
+          transition: `background-color ${vars_css.vars.transition.fast}, box-shadow ${vars_css.vars.transition.fast}`
+        }
+      },
+      ":hover": {
+        backgroundColor: vars_css.vars.color.primaryDark
+      },
+      selectors: {
+        "&:has(input:checked):not(:hover)": {
+          backgroundColor: vars_css.vars.color.primary
+        }
       }
     },
-    ":hover": {
-      backgroundColor: lib_theme_vars_css_cjs.vars.color.primaryDark
-    },
-    selectors: {
-      "&:has(input:checked):not(:hover)": {
-        backgroundColor: lib_theme_vars_css_cjs.vars.color.primary
-      }
-    }
-  }, lib_css_atoms_sprinkles_css_cjs.atoms({
-    backgroundColor: "primaryLight"
-  }), themes_momotaro_components_helpers_css_cjs.focusable], "radio_base"),
+    sprinkles_css.atoms({
+      backgroundColor: "primaryLight"
+    }),
+    helpers_css.focusable
+  ]),
   icon: css.style({
     height: 12,
     width: 12,
@@ -39,7 +44,7 @@ const radio = lib_theme_makeComponentTheme_cjs.makeComponentTheme("radio", {
     transform: "scale(0)",
     "@media": {
       "(prefers-reduced-motion: no-preference)": {
-        transition: `transform ${lib_theme_vars_css_cjs.vars.transition.normal} ${themes_momotaro_components_transitions_cjs.bounceOut}`
+        transition: `transform ${vars_css.vars.transition.normal} ${transitions.bounceOut}`
       }
     },
     selectors: {
@@ -47,8 +52,8 @@ const radio = lib_theme_makeComponentTheme_cjs.makeComponentTheme("radio", {
         transform: "scale(1)"
       }
     }
-  }, "radio_icon"),
-  label: lib_css_atoms_sprinkles_css_cjs.atoms({
+  }),
+  label: sprinkles_css.atoms({
     display: "flex",
     flexDirection: "row",
     padding: "xsmall",

package/dist/themes/momotaro/components/radio.css.d.ts

@@ -0,0 +1 @@
+export declare const radio: import('../../../lib/theme/makeComponentTheme').ComponentTheme<import('../../../lib/theme/componentThemes').RadioTheme> | undefined;