@blockle/blocks 0.19.0 → 0.20.0-alpha1

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

@@ -1,41 +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 ref = react.useRef(null);
-  const [ariaHidden, setAriaHidden] = react.useState(false);
-  const contextValue = react.useMemo(
-    () => ({
-      theme,
-      setAriaHidden
-    }),
-    [theme, setAriaHidden]
-  );
-  react.useEffect(() => {
-    var _a, _b;
-    if (ariaHidden) {
-      (_a = ref.current) == null ? void 0 : _a.setAttribute("inert", "");
-    } else {
-      (_b = ref.current) == null ? void 0 : _b.removeAttribute("inert");
-    }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.BlocksProviderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ref,
-      className: styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs.classnames(theme.vars, styles_lib_css_atoms_sprinkles_css_cjs.atoms({ fontFamily: "primary" }), className),
-      "aria-hidden": ariaHidden ? true : void 0,
-      ...restProps,
-      children
-    }
-  ) });
-};
-exports.BlocksProvider = BlocksProvider;

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

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useState, useMemo, useEffect } from "react";
-import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-import { classnames } from "../../Accessibility/VisuallyHidden/VisuallyHidden.mjs";
-import { BlocksProviderContext } from "../../display/Divider/Divider.mjs";
-const BlocksProvider = ({
-  children,
-  theme,
-  className,
-  ...restProps
-}) => {
-  const ref = useRef(null);
-  const [ariaHidden, setAriaHidden] = useState(false);
-  const contextValue = useMemo(
-    () => ({
-      theme,
-      setAriaHidden
-    }),
-    [theme, setAriaHidden]
-  );
-  useEffect(() => {
-    var _a, _b;
-    if (ariaHidden) {
-      (_a = ref.current) == null ? void 0 : _a.setAttribute("inert", "");
-    } else {
-      (_b = ref.current) == null ? void 0 : _b.removeAttribute("inert");
-    }
-  });
-  return /* @__PURE__ */ jsx(BlocksProviderContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: classnames(theme.vars, atoms({ fontFamily: "primary" }), className),
-      "aria-hidden": ariaHidden ? true : void 0,
-      ...restProps,
-      children
-    }
-  ) });
-};
-export {
-  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/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/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;

package/dist/styles/themes/momotaro/components/index.cjs

@@ -1,34 +0,0 @@
-"use strict";
-const styles_themes_momotaro_components_button_css_cjs = require("./button.css.cjs");
-const styles_themes_momotaro_components_checkbox_css_cjs = require("./checkbox.css.cjs");
-const styles_themes_momotaro_components_dialog_css_cjs = require("./dialog.css.cjs");
-const styles_themes_momotaro_components_divider_css_cjs = require("./divider.css.cjs");
-const styles_themes_momotaro_components_input_css_cjs = require("./input.css.cjs");
-const styles_themes_momotaro_components_label_css_cjs = require("./label.css.cjs");
-const styles_themes_momotaro_components_link_css_cjs = require("./link.css.cjs");
-const styles_themes_momotaro_components_popover_css_cjs = require("./popover.css.cjs");
-const styles_themes_momotaro_components_progress_css_cjs = require("./progress.css.cjs");
-const styles_themes_momotaro_components_radio_css_cjs = require("./radio.css.cjs");
-const styles_themes_momotaro_components_select_css_cjs = require("./select.css.cjs");
-const styles_themes_momotaro_components_slider_css_cjs = require("./slider.css.cjs");
-const styles_themes_momotaro_components_spinner_css_cjs = require("./spinner.css.cjs");
-const styles_themes_momotaro_components_switch_css_cjs = require("./switch.css.cjs");
-const styles_themes_momotaro_components_tooltip_css_cjs = require("./tooltip.css.cjs");
-const components = {
-  button: styles_themes_momotaro_components_button_css_cjs.button,
-  checkbox: styles_themes_momotaro_components_checkbox_css_cjs.checkbox,
-  dialog: styles_themes_momotaro_components_dialog_css_cjs.dialog,
-  divider: styles_themes_momotaro_components_divider_css_cjs.divider,
-  input: styles_themes_momotaro_components_input_css_cjs.input,
-  label: styles_themes_momotaro_components_label_css_cjs.label,
-  link: styles_themes_momotaro_components_link_css_cjs.link,
-  popover: styles_themes_momotaro_components_popover_css_cjs.popover,
-  progress: styles_themes_momotaro_components_progress_css_cjs.progress,
-  radio: styles_themes_momotaro_components_radio_css_cjs.radio,
-  select: styles_themes_momotaro_components_select_css_cjs.select,
-  slider: styles_themes_momotaro_components_slider_css_cjs.slider,
-  spinner: styles_themes_momotaro_components_spinner_css_cjs.spinner,
-  switch: styles_themes_momotaro_components_switch_css_cjs.switchTheme,
-  tooltip: styles_themes_momotaro_components_tooltip_css_cjs.tooltip
-};
-exports.components = components;

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

@@ -1,60 +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/radio.css.ts", "@blockle/blocks");
-const radio = styles_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 ${styles_lib_theme_vars_css_cjs.vars.transition.fast}, box-shadow ${styles_lib_theme_vars_css_cjs.vars.transition.fast}`
-      }
-    },
-    ":hover": {
-      backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.primaryDark
-    },
-    selectors: {
-      "&:has(input:checked):not(:hover)": {
-        backgroundColor: styles_lib_theme_vars_css_cjs.vars.color.primary
-      }
-    }
-  }, styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    backgroundColor: "primaryLight"
-  }), styles_themes_momotaro_components_helpers_css_cjs.focusable], "radio_base"),
-  icon: css.style({
-    height: 12,
-    width: 12,
-    backgroundColor: "white",
-    borderRadius: "8px",
-    transform: "scale(0)",
-    "@media": {
-      "(prefers-reduced-motion: no-preference)": {
-        transition: `transform ${styles_lib_theme_vars_css_cjs.vars.transition.normal} ${styles_themes_momotaro_components_transitions_cjs.bounceOut}`
-      }
-    },
-    selectors: {
-      "input:checked ~ &": {
-        transform: "scale(1)"
-      }
-    }
-  }, "radio_icon"),
-  label: styles_lib_css_atoms_sprinkles_css_cjs.atoms({
-    display: "flex",
-    flexDirection: "row",
-    padding: "xsmall",
-    gap: "medium",
-    cursor: "pointer"
-  })
-});
-fileScope.endFileScope();
-exports.radio = radio;