@blockle/blocks 0.19.1 → 0.20.0-alpha1.0

package/dist/styles/components/other/BlocksProvider/BlocksProvider.cjs

@@ -1,31 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("../../Accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
-const BlocksProvider = ({
-  children,
-  theme,
-  className,
-  ...restProps
-}) => {
-  const [ariaHidden, setAriaHidden] = react.useState(false);
-  const contextValue = react.useMemo(
-    () => ({
-      theme,
-      setAriaHidden
-    }),
-    [theme, setAriaHidden]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.BlocksProviderContext, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(theme.vars, styles_lib_css_atoms_sprinkles_css_cjs.atoms({ fontFamily: "primary" }), className),
-      inert: ariaHidden ? true : void 0,
-      ...restProps,
-      children
-    }
-  ) });
-};
-exports.BlocksProvider = BlocksProvider;

package/dist/styles/components/overlay/Dialog/Dialog.cjs

@@ -1,172 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("../../Accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const styles_components_overlay_Dialog_dialog_css_cjs = require("./dialog.css.cjs");
-const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
-const useClickOutside = (ref, onClickOutside, { enabled = true } = {}) => {
-  react.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const listener = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClickOutside();
-      }
-    };
-    const rafId = requestAnimationFrame(() => {
-      document.addEventListener("click", listener);
-    });
-    return () => {
-      cancelAnimationFrame(rafId);
-      document.removeEventListener("click", listener);
-    };
-  }, [ref, onClickOutside, enabled]);
-};
-const useIsomorphicLayoutEffect = typeof window === "undefined" ? react.useEffect : react.useLayoutEffect;
-const useKeyboard = (key, callback, { enabled = true, type = "keydown" } = {}) => {
-  react.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    function handleKeyDown(event) {
-      if (event.key === key) {
-        callback(event);
-      }
-    }
-    document.addEventListener(type, handleKeyDown);
-    return () => {
-      document.removeEventListener(type, handleKeyDown);
-    };
-  }, [callback, enabled, key, type]);
-};
-const usePreventBodyScroll = (enabled = true) => {
-  useIsomorphicLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
-    };
-  }, [enabled]);
-};
-const isBrowser = typeof window !== "undefined";
-const useRestoreFocus = (active) => {
-  const target = react.useRef(null);
-  if (isBrowser && active && !target.current) {
-    target.current = document.activeElement;
-  }
-  react.useEffect(() => {
-    var _a;
-    if (target.current && !active && target.current instanceof HTMLElement) {
-      (_a = target.current) == null ? void 0 : _a.focus();
-      target.current = null;
-    }
-  }, [active]);
-};
-function hasAnimationDuration(element) {
-  if (!element) {
-    return false;
-  }
-  const style = window.getComputedStyle(element);
-  return hasDuration(style.transitionDuration) || hasDuration(style.animationDuration);
-}
-function hasDuration(duration) {
-  return duration.split(",").map((part) => Number.parseFloat(part.trim())).some((part) => part > 0);
-}
-const DialogContext = react.createContext(void 0);
-const useNestedDialog = (open) => {
-  const parentDialog = react.useContext(DialogContext);
-  react.useEffect(() => {
-    if (!parentDialog || !open) {
-      return;
-    }
-    parentDialog.setEnabled(false);
-    return () => {
-      parentDialog.setEnabled(true);
-    };
-  }, [parentDialog, open]);
-  return !!parentDialog;
-};
-const Dialog = ({
-  children,
-  open,
-  className,
-  onRequestClose,
-  size,
-  ...restProps
-}) => {
-  const dialogClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("dialog", { dialog: true, variants: { size } });
-  const dialogRef = react.useRef(null);
-  const [enabled, setEnabled] = react.useState(true);
-  const [visible, setVisible] = react.useState(open);
-  useRestoreFocus(open);
-  const isNested = useNestedDialog(open);
-  usePreventBodyScroll(open && !isNested);
-  const onEscape = react.useCallback(
-    (event) => {
-      event.preventDefault();
-      onRequestClose();
-    },
-    [onRequestClose]
-  );
-  useKeyboard("Escape", onEscape, { enabled: open && enabled });
-  useClickOutside(dialogRef, onRequestClose, { enabled: open && enabled });
-  useIsomorphicLayoutEffect(() => {
-    var _a, _b;
-    if (open && visible) {
-      (_a = dialogRef.current) == null ? void 0 : _a.showModal();
-    } else if (open) {
-      setVisible(true);
-    } else {
-      if (!hasAnimationDuration(dialogRef.current)) {
-        setVisible(false);
-      }
-      (_b = dialogRef.current) == null ? void 0 : _b.close();
-    }
-  }, [open, visible]);
-  const onAnimationEnd = react.useCallback(() => {
-    if (!open) {
-      setVisible(false);
-    }
-  }, [setVisible, open]);
-  if (!visible) {
-    return null;
-  }
-  const dataOpen = typeof window === "undefined" && open ? true : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogContext.Provider, { value: { setEnabled }, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "dialog",
-    {
-      ref: dialogRef,
-      "aria-modal": "true",
-      open: dataOpen,
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(styles_components_overlay_Dialog_dialog_css_cjs.dialog, dialogClassName, className),
-      onAnimationEnd,
-      onTransitionEnd: onAnimationEnd,
-      ...restProps,
-      children
-    }
-  ) }) });
-};
-exports.Dialog = Dialog;
-exports.hasAnimationDuration = hasAnimationDuration;
-exports.useClickOutside = useClickOutside;
-exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
-exports.useKeyboard = useKeyboard;
-exports.usePreventBodyScroll = usePreventBodyScroll;

package/dist/styles/components/overlay/Dialog/Dialog.mjs

@@ -1,173 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useRef, createContext, useContext, useState, useCallback } from "react";
-import { classnames } from "../../Accessibility/VisuallyHidden/VisuallyHidden.mjs";
-import { dialog } from "./dialog.css.mjs";
-import { useComponentStyles } from "../../display/Divider/Divider.mjs";
-const useClickOutside = (ref, onClickOutside, { enabled = true } = {}) => {
-  useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const listener = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        onClickOutside();
-      }
-    };
-    const rafId = requestAnimationFrame(() => {
-      document.addEventListener("click", listener);
-    });
-    return () => {
-      cancelAnimationFrame(rafId);
-      document.removeEventListener("click", listener);
-    };
-  }, [ref, onClickOutside, enabled]);
-};
-const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
-const useKeyboard = (key, callback, { enabled = true, type = "keydown" } = {}) => {
-  useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    function handleKeyDown(event) {
-      if (event.key === key) {
-        callback(event);
-      }
-    }
-    document.addEventListener(type, handleKeyDown);
-    return () => {
-      document.removeEventListener(type, handleKeyDown);
-    };
-  }, [callback, enabled, key, type]);
-};
-const usePreventBodyScroll = (enabled = true) => {
-  useIsomorphicLayoutEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
-    }
-    return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
-    };
-  }, [enabled]);
-};
-const isBrowser = typeof window !== "undefined";
-const useRestoreFocus = (active) => {
-  const target = useRef(null);
-  if (isBrowser && active && !target.current) {
-    target.current = document.activeElement;
-  }
-  useEffect(() => {
-    var _a;
-    if (target.current && !active && target.current instanceof HTMLElement) {
-      (_a = target.current) == null ? void 0 : _a.focus();
-      target.current = null;
-    }
-  }, [active]);
-};
-function hasAnimationDuration(element) {
-  if (!element) {
-    return false;
-  }
-  const style = window.getComputedStyle(element);
-  return hasDuration(style.transitionDuration) || hasDuration(style.animationDuration);
-}
-function hasDuration(duration) {
-  return duration.split(",").map((part) => Number.parseFloat(part.trim())).some((part) => part > 0);
-}
-const DialogContext = createContext(void 0);
-const useNestedDialog = (open) => {
-  const parentDialog = useContext(DialogContext);
-  useEffect(() => {
-    if (!parentDialog || !open) {
-      return;
-    }
-    parentDialog.setEnabled(false);
-    return () => {
-      parentDialog.setEnabled(true);
-    };
-  }, [parentDialog, open]);
-  return !!parentDialog;
-};
-const Dialog = ({
-  children,
-  open,
-  className,
-  onRequestClose,
-  size,
-  ...restProps
-}) => {
-  const dialogClassName = useComponentStyles("dialog", { dialog: true, variants: { size } });
-  const dialogRef = useRef(null);
-  const [enabled, setEnabled] = useState(true);
-  const [visible, setVisible] = useState(open);
-  useRestoreFocus(open);
-  const isNested = useNestedDialog(open);
-  usePreventBodyScroll(open && !isNested);
-  const onEscape = useCallback(
-    (event) => {
-      event.preventDefault();
-      onRequestClose();
-    },
-    [onRequestClose]
-  );
-  useKeyboard("Escape", onEscape, { enabled: open && enabled });
-  useClickOutside(dialogRef, onRequestClose, { enabled: open && enabled });
-  useIsomorphicLayoutEffect(() => {
-    var _a, _b;
-    if (open && visible) {
-      (_a = dialogRef.current) == null ? void 0 : _a.showModal();
-    } else if (open) {
-      setVisible(true);
-    } else {
-      if (!hasAnimationDuration(dialogRef.current)) {
-        setVisible(false);
-      }
-      (_b = dialogRef.current) == null ? void 0 : _b.close();
-    }
-  }, [open, visible]);
-  const onAnimationEnd = useCallback(() => {
-    if (!open) {
-      setVisible(false);
-    }
-  }, [setVisible, open]);
-  if (!visible) {
-    return null;
-  }
-  const dataOpen = typeof window === "undefined" && open ? true : void 0;
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(DialogContext.Provider, { value: { setEnabled }, children: /* @__PURE__ */ jsx(
-    "dialog",
-    {
-      ref: dialogRef,
-      "aria-modal": "true",
-      open: dataOpen,
-      className: classnames(dialog, dialogClassName, className),
-      onAnimationEnd,
-      onTransitionEnd: onAnimationEnd,
-      ...restProps,
-      children
-    }
-  ) }) });
-};
-export {
-  Dialog,
-  hasAnimationDuration,
-  useClickOutside,
-  useIsomorphicLayoutEffect,
-  useKeyboard,
-  usePreventBodyScroll
-};

package/dist/styles/components/typography/Heading/Heading.cjs

@@ -1,15 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("../../Accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const styles_components_typography_Heading_heading_css_cjs = require("./heading.css.cjs");
-const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
-const Heading = ({
-  className,
-  level = 1,
-  children,
-  ...restProps
-}) => {
-  const Tag = `h${level}`;
-  return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { asChild: true, className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(styles_components_typography_Heading_heading_css_cjs.heading, className), ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx(Tag, { children }) });
-};
-exports.Heading = Heading;

package/dist/styles/components/typography/Heading/Heading.mjs

@@ -1,16 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { classnames } from "../../Accessibility/VisuallyHidden/VisuallyHidden.mjs";
-import { heading } from "./heading.css.mjs";
-import { Box } from "../../display/Divider/Divider.mjs";
-const Heading = ({
-  className,
-  level = 1,
-  children,
-  ...restProps
-}) => {
-  const Tag = `h${level}`;
-  return /* @__PURE__ */ jsx(Box, { asChild: true, className: classnames(heading, className), ...restProps, children: /* @__PURE__ */ jsx(Tag, { children }) });
-};
-export {
-  Heading
-};

package/dist/styles/components/typography/Text/Text.cjs

@@ -1,20 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("../../Accessibility/VisuallyHidden/VisuallyHidden.cjs");
-const styles_components_typography_Text_text_css_cjs = require("./text.css.cjs");
-const styles_components_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
-const Text = ({
-  asChild,
-  children,
-  className,
-  ref,
-  tag,
-  ...restProps
-}) => {
-  const Component = tag ?? "span";
-  return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.Box, { asChild: true, className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(styles_components_typography_Text_text_css_cjs.text, className), ...restProps, children: asChild ? children : (
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, children })
-  ) });
-};
-exports.Text = Text;

package/dist/styles/lib/css/atoms/atoms.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./sprinkles.css.cjs");

package/dist/styles/lib/css/atoms/atoms.mjs

@@ -1 +0,0 @@
-import "./sprinkles.css.mjs";

package/dist/styles/lib/css/atoms/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./sprinkles.css.cjs");

package/dist/styles/lib/css/atoms/index.mjs

@@ -1 +0,0 @@
-import "./sprinkles.css.mjs";

package/dist/styles/lib/css/atoms/sprinkles.css.cjs

@@ -1,38 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const sprinkles = require("@vanilla-extract/sprinkles");
-const styles_lib_css_atoms_atomicProperties_cjs = require("./atomicProperties.cjs");
-const styles_lib_css_atoms_breakpoints_cjs = require("./breakpoints.cjs");
-fileScope.setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
-const unresponsiveAtomicProperties = sprinkles.defineProperties({
-  properties: styles_lib_css_atoms_atomicProperties_cjs.unresponsiveProperties,
-  shorthands: {
-    inset: ["insetBlockStart", "insetBlockEnd", "insetInlineStart", "insetInlineEnd"]
-  }
-});
-const responsiveAtomicProperties = sprinkles.defineProperties({
-  defaultCondition: "mobile",
-  conditions: {
-    mobile: {},
-    tablet: {
-      "@media": styles_lib_css_atoms_breakpoints_cjs.minMediaQuery("tablet")
-    },
-    desktop: {
-      "@media": styles_lib_css_atoms_breakpoints_cjs.minMediaQuery("desktop")
-    },
-    wide: {
-      "@media": styles_lib_css_atoms_breakpoints_cjs.minMediaQuery("wide")
-    }
-  },
-  responsiveArray: styles_lib_css_atoms_breakpoints_cjs.breakpointNames,
-  properties: styles_lib_css_atoms_atomicProperties_cjs.responsiveProperties,
-  shorthands: {
-    margin: ["marginBlockStart", "marginBlockEnd", "marginInlineStart", "marginInlineEnd"],
-    marginBlock: ["marginBlockStart", "marginBlockEnd"],
-    marginInline: ["marginInlineStart", "marginInlineEnd"],
-    placeItems: ["justifyContent", "alignItems"]
-  }
-});
-const atoms = sprinkles.createSprinkles(unresponsiveAtomicProperties, responsiveAtomicProperties);
-fileScope.endFileScope();
-exports.atoms = atoms;

package/dist/styles/lib/theme/makeTheme.cjs

@@ -1,12 +0,0 @@
-"use strict";
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const styles_lib_theme_vars_css_cjs = require("./vars.css.cjs");
-function makeTheme(theme) {
-  return {
-    name: theme.name,
-    vars: css.createTheme(styles_lib_theme_vars_css_cjs.vars, styles_lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(theme.tokens)),
-    components: theme.components
-  };
-}
-exports.makeTheme = makeTheme;

package/dist/styles/lib/theme/vars.css.cjs

@@ -1,9 +0,0 @@
-"use strict";
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_theme_makeVanillaTheme_cjs = require("./makeVanillaTheme.cjs");
-const styles_lib_theme_tokens_cjs = require("./tokens.cjs");
-fileScope.setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
-const vars = css.createThemeContract(styles_lib_theme_makeVanillaTheme_cjs.makeVanillaTheme(styles_lib_theme_tokens_cjs.tokens));
-fileScope.endFileScope();
-exports.vars = vars;

package/dist/styles/themes/momotaro/components/button.css.cjs

@@ -1,103 +0,0 @@
-"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");
-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([{
-    display: "inline-flex",
-    placeItems: "center",
-    fontSize: "medium",
-    borderRadius: "medium",
-    fontWeight: "medium",
-    // Space between `startSlot | children | endSlot`
-    gap: "small",
-    selectors: {
-      "&:hover:not(:disabled)": {
-        backgroundColor: hoverBackgroundColor
-      }
-    }
-  }, styles_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,
-        backgroundColor: intentColor,
-        border: "none"
-      }),
-      outline: styles_lib_css_style_style_cjs.style({
-        color: intentColor,
-        borderWidth: "small",
-        borderStyle: "solid",
-        borderColor: intentColor,
-        background: "transparent"
-      }),
-      ghost: styles_lib_css_style_style_cjs.style({
-        color: intentColor,
-        background: "transparent"
-      })
-    },
-    size: {
-      small: styles_lib_css_style_style_cjs.style({
-        paddingInline: "large",
-        height: 40
-      }),
-      medium: styles_lib_css_style_style_cjs.style({
-        paddingInline: "xlarge",
-        height: 56
-      }),
-      large: styles_lib_css_style_style_cjs.style({
-        paddingInline: "xlarge",
-        height: 72
-      })
-    },
-    intent: {
-      neutral: styles_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
-        }
-      }),
-      danger: styles_lib_css_style_style_cjs.style({
-        vars: {
-          [intentColor]: styles_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
-        }
-      })
-    }
-  },
-  compoundVariants: [{
-    variants: {
-      variant: "solid",
-      intent: "neutral"
-    },
-    style: styles_lib_css_style_style_cjs.style({
-      vars: {
-        [hoverBackgroundColor]: styles_lib_theme_vars_css_cjs.vars.color.primaryDark
-      }
-    })
-  }, {
-    variants: {
-      variant: "solid",
-      intent: "danger"
-    },
-    style: styles_lib_css_style_style_cjs.style({
-      vars: {
-        [hoverBackgroundColor]: "#f9b1a9"
-      }
-    })
-  }],
-  defaultVariants: {
-    size: "small",
-    variant: "solid",
-    intent: "neutral"
-  }
-});
-fileScope.endFileScope();
-exports.button = button;

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

@@ -1,59 +0,0 @@
-"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_theme_vars_css_cjs = require("../../../lib/theme/vars.css.cjs");
-const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
-const styles_themes_momotaro_components_transitions_cjs = require("./transitions.cjs");
-const styles_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 = styles_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 ${styles_lib_theme_vars_css_cjs.vars.transition.normal}, box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
-      }
-    },
-    selectors: {
-      "&:hover:not(:has(input:disabled))": {
-        backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.primaryDark
-      },
-      "&:has(input:checked)": {
-        backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.primary
-      }
-    }
-  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    backgroundColor: "primaryLight",
-    borderRadius: "small"
-  }), styles_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 ${styles_lib_theme_vars_css_cjs.vars.transition.normal} ${styles_themes_momotaro_components_transitions_cjs.bounceOut}`
-      }
-    }
-  }, "checkbox_icon"),
-  label: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    display: "flex",
-    flexDirection: "row",
-    padding: "xsmall",
-    gap: "medium",
-    cursor: "pointer"
-  })
-});
-fileScope.endFileScope();
-exports.checkbox = checkbox;