@blockle/blocks 0.9.0 → 0.10.0

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

@@ -1,5 +1,6 @@
 "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_display_Divider_Divider_cjs = require("../../display/Divider/Divider.cjs");
 const BlocksProvider = ({
@@ -8,10 +9,29 @@ const BlocksProvider = ({
   className,
   ...restProps
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(styles_components_display_Divider_Divider_cjs.BlocksProviderContext.Provider, { value: theme, children: /* @__PURE__ */ jsxRuntime.jsx(
+  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_display_Divider_Divider_cjs.classnames(theme.vars, styles_lib_css_atoms_sprinkles_css_cjs.atoms({ fontFamily: "primary" }), className),
+      "aria-hidden": ariaHidden,
       ...restProps,
       children
     }

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

@@ -1,4 +1,5 @@
 import { jsx } from "react/jsx-runtime";
+import { useRef, useState, useMemo, useEffect } from "react";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
 import { BlocksProviderContext, classnames } from "../../display/Divider/Divider.mjs";
 const BlocksProvider = ({
@@ -7,10 +8,29 @@ const BlocksProvider = ({
   className,
   ...restProps
 }) => {
-  return /* @__PURE__ */ jsx(BlocksProviderContext.Provider, { value: theme, children: /* @__PURE__ */ jsx(
+  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,
       ...restProps,
       children
     }

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

@@ -118,6 +118,13 @@ const useRestoreFocus = (active) => {
     }
   }, [active]);
 };
+const useRootAriaHidden = (hidden) => {
+  const context = react.useContext(styles_components_display_Divider_Divider_cjs.BlocksProviderContext);
+  if (!context) {
+    throw new Error("useRootAriaHidden must be used within a BlocksProvider");
+  }
+  context.setAriaHidden(hidden);
+};
 const useVisibilityState = (open) => {
   const [visible, setVisible] = react.useState(open);
   const hide = react.useCallback(() => {
@@ -179,6 +186,7 @@ const Dialog = ({
   const isNested = useNestedDialog(visible);
   usePreventBodyScroll(visible && !isNested);
   useKeyboard("Escape", onRequestClose, { enabled: open && enabled });
+  useRootAriaHidden(visible);
   useIsomorphicLayoutEffect(() => {
     var _a, _b;
     if (!open) {
@@ -243,3 +251,4 @@ exports.Portal = Portal;
 exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
 exports.useKeyboard = useKeyboard;
 exports.usePreventBodyScroll = usePreventBodyScroll;
+exports.useRootAriaHidden = useRootAriaHidden;

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

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { useEffect, useLayoutEffect, useRef, useState, useCallback, createContext, useContext } from "react";
-import { useTheme, useComponentStyles, Box, classnames } from "../../display/Divider/Divider.mjs";
+import { useEffect, useLayoutEffect, useRef, useContext, useState, useCallback, createContext } from "react";
+import { useTheme, BlocksProviderContext, useComponentStyles, Box, classnames } from "../../display/Divider/Divider.mjs";
 import { backdrop } from "./dialog.css.mjs";
 import { createPortal } from "react-dom";
 import { BlocksProvider } from "../../other/BlocksProvider/BlocksProvider.mjs";
@@ -117,6 +117,13 @@ const useRestoreFocus = (active) => {
     }
   }, [active]);
 };
+const useRootAriaHidden = (hidden) => {
+  const context = useContext(BlocksProviderContext);
+  if (!context) {
+    throw new Error("useRootAriaHidden must be used within a BlocksProvider");
+  }
+  context.setAriaHidden(hidden);
+};
 const useVisibilityState = (open) => {
   const [visible, setVisible] = useState(open);
   const hide = useCallback(() => {
@@ -178,6 +185,7 @@ const Dialog = ({
   const isNested = useNestedDialog(visible);
   usePreventBodyScroll(visible && !isNested);
   useKeyboard("Escape", onRequestClose, { enabled: open && enabled });
+  useRootAriaHidden(visible);
   useIsomorphicLayoutEffect(() => {
     var _a, _b;
     if (!open) {
@@ -242,5 +250,6 @@ export {
   Portal,
   useIsomorphicLayoutEffect,
   useKeyboard,
-  usePreventBodyScroll
+  usePreventBodyScroll,
+  useRootAriaHidden
 };

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

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "blocks");
+fileScope.setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks");
 const backdrop = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

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

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/overlay/Dialog/dialog.css.ts", "blocks");
+setFileScope("src/components/overlay/Dialog/dialog.css.ts", "@blockle/blocks");
 const backdrop = style({
   "@layer": {
     [blocksLayer]: {

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

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/typography/Heading/heading.css.ts", "blocks");
+fileScope.setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks");
 const heading = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

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

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/typography/Heading/heading.css.ts", "blocks");
+setFileScope("src/components/typography/Heading/heading.css.ts", "@blockle/blocks");
 const heading = style({
   "@layer": {
     [blocksLayer]: {

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

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_lib_css_layers_layers_css_cjs = require("../../../lib/css/layers/layers.css.cjs");
-fileScope.setFileScope("src/components/typography/Text/text.css.ts", "blocks");
+fileScope.setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks");
 const text = css.style({
   "@layer": {
     [styles_lib_css_layers_layers_css_cjs.blocksLayer]: {

package/dist/styles/components/typography/Text/text.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { blocksLayer } from "../../../lib/css/layers/layers.css.mjs";
-setFileScope("src/components/typography/Text/text.css.ts", "blocks");
+setFileScope("src/components/typography/Text/text.css.ts", "@blockle/blocks");
 const text = style({
   "@layer": {
     [blocksLayer]: {

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

@@ -3,7 +3,7 @@ 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", "blocks");
+fileScope.setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
 const unresponsiveAtomicProperties = sprinkles.defineProperties({
   properties: styles_lib_css_atoms_atomicProperties_cjs.unresponsiveProperties,
   shorthands: {

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

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { defineProperties, createSprinkles } from "@vanilla-extract/sprinkles";
 import { unresponsiveProperties, responsiveProperties } from "./atomicProperties.mjs";
 import { breakpointQuery, breakpointNames } from "./breakpoints.mjs";
-setFileScope("src/lib/css/atoms/sprinkles.css.ts", "blocks");
+setFileScope("src/lib/css/atoms/sprinkles.css.ts", "@blockle/blocks");
 const unresponsiveAtomicProperties = defineProperties({
   properties: unresponsiveProperties,
   shorthands: {

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

@@ -1,7 +1,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/css/layers/layers.css.ts", "blocks");
+fileScope.setFileScope("src/lib/css/layers/layers.css.ts", "@blockle/blocks");
 const blocksLayer = css.layer("blockle-blocks");
 fileScope.endFileScope();
 exports.blocksLayer = blocksLayer;

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

@@ -1,6 +1,6 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { layer } from "@vanilla-extract/css";
-setFileScope("src/lib/css/layers/layers.css.ts", "blocks");
+setFileScope("src/lib/css/layers/layers.css.ts", "@blockle/blocks");
 const blocksLayer = layer("blockle-blocks");
 endFileScope();
 export {

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

@@ -3,7 +3,7 @@ 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", "blocks");
+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/lib/theme/vars.css.mjs

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { createThemeContract } from "@vanilla-extract/css";
 import { makeVanillaTheme } from "./makeVanillaTheme.mjs";
 import { tokens } from "./tokens.mjs";
-setFileScope("src/lib/theme/vars.css.ts", "blocks");
+setFileScope("src/lib/theme/vars.css.ts", "@blockle/blocks");
 const vars = createThemeContract(makeVanillaTheme(tokens));
 endFileScope();
 export {

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

@@ -5,7 +5,7 @@ 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", "blocks");
+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", {

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

@@ -4,7 +4,7 @@ import { style } from "../../../lib/css/style/style.mjs";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
 import { clickable, focusRingColor } from "./helpers.css.mjs";
-setFileScope("src/themes/momotaro/components/button.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/button.css.ts", "@blockle/blocks");
 const intentColor = createVar("intentColor");
 const hoverBackgroundColor = createVar("hoverBackgroundColor");
 const button = makeComponentTheme("button", {

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

@@ -6,7 +6,7 @@ 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", "blocks");
+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",

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

@@ -5,7 +5,7 @@ import { vars } from "../../../lib/theme/vars.css.mjs";
 import { focusable } from "./helpers.css.mjs";
 import { bounceOut } from "./transitions.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/checkbox.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/checkbox.css.ts", "@blockle/blocks");
 const checkbox = makeComponentTheme("checkbox", {
   base: style([{
     display: "flex",

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

@@ -3,7 +3,7 @@ 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");
-fileScope.setFileScope("src/themes/momotaro/components/dialog.css.ts", "blocks");
+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({
     display: "flex",
@@ -14,7 +14,8 @@ const dialog = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dialo
     borderRadius: "medium",
     boxShadow: "large"
   }), {
-    minInlineSize: "300px",
+    maxHeight: "90%",
+    minWidth: "300px",
     selectors: {
       "&[data-open]": {
         transform: "scale(1)"
@@ -46,16 +47,16 @@ const dialog = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dialo
   variants: {
     size: {
       small: css.style({
-        inlineSize: "400px",
-        maxInlineSize: "min(400px, 90vw)"
+        width: "400px",
+        maxWidth: "min(400px, 90%)"
       }, "dialog_variants_size_small"),
       medium: css.style({
-        inlineSize: "600px",
-        maxInlineSize: "min(600px, 90vw)"
+        width: "600px",
+        maxWidth: "min(600px, 90%)"
       }, "dialog_variants_size_medium"),
       large: css.style({
-        inlineSize: "800px",
-        maxInlineSize: "min(800px, 90vw)"
+        width: "800px",
+        maxWidth: "min(800px, 90%)"
       }, "dialog_variants_size_large")
     }
   },

package/dist/styles/themes/momotaro/components/dialog.css.mjs

@@ -2,7 +2,7 @@ import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/dialog.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/dialog.css.ts", "@blockle/blocks");
 const dialog = makeComponentTheme("dialog", {
   dialog: style([atoms({
     display: "flex",
@@ -13,7 +13,8 @@ const dialog = makeComponentTheme("dialog", {
     borderRadius: "medium",
     boxShadow: "large"
   }), {
-    minInlineSize: "300px",
+    maxHeight: "90%",
+    minWidth: "300px",
     selectors: {
       "&[data-open]": {
         transform: "scale(1)"
@@ -45,16 +46,16 @@ const dialog = makeComponentTheme("dialog", {
   variants: {
     size: {
       small: style({
-        inlineSize: "400px",
-        maxInlineSize: "min(400px, 90vw)"
+        width: "400px",
+        maxWidth: "min(400px, 90%)"
       }, "dialog_variants_size_small"),
       medium: style({
-        inlineSize: "600px",
-        maxInlineSize: "min(600px, 90vw)"
+        width: "600px",
+        maxWidth: "min(600px, 90%)"
       }, "dialog_variants_size_medium"),
       large: style({
-        inlineSize: "800px",
-        maxInlineSize: "min(800px, 90vw)"
+        width: "800px",
+        maxWidth: "min(800px, 90%)"
       }, "dialog_variants_size_large")
     }
   },

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

@@ -1,7 +1,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/divider.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/divider.css.ts", "@blockle/blocks");
 const divider = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("divider", {
   defaultVariants: {
     color: "textLight"

package/dist/styles/themes/momotaro/components/divider.css.mjs

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

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

@@ -2,7 +2,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const styles_lib_css_style_style_cjs = require("../../../lib/css/style/style.cjs");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/dropdown.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/dropdown.css.ts", "@blockle/blocks");
 const dropdown = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("dropdown", {
   base: styles_lib_css_style_style_cjs.style({
     backgroundColor: "white",

package/dist/styles/themes/momotaro/components/dropdown.css.mjs

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

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

@@ -2,7 +2,7 @@
 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");
-fileScope.setFileScope("src/themes/momotaro/components/helpers.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
 const focusRingColor = css.createVar("focusRingColor");
 const focusable = css.style({
   "@media": {

package/dist/styles/themes/momotaro/components/helpers.css.mjs

@@ -1,7 +1,7 @@
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { createVar, style, fallbackVar } from "@vanilla-extract/css";
 import { vars } from "../../../lib/theme/vars.css.mjs";
-setFileScope("src/themes/momotaro/components/helpers.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/helpers.css.ts", "@blockle/blocks");
 const focusRingColor = createVar("focusRingColor");
 const focusable = style({
   "@media": {

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

@@ -10,6 +10,7 @@ const styles_themes_momotaro_components_link_css_cjs = require("./link.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 components = {
@@ -25,6 +26,7 @@ const components = {
   radio: styles_themes_momotaro_components_radio_css_cjs.radio,
   select: styles_themes_momotaro_components_select_css_cjs.select,
   spinner: styles_themes_momotaro_components_spinner_css_cjs.spinner,
-  switch: styles_themes_momotaro_components_switch_css_cjs.switchTheme
+  switch: styles_themes_momotaro_components_switch_css_cjs.switchTheme,
+  slider: styles_themes_momotaro_components_slider_css_cjs.slider
 };
 exports.components = components;

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

@@ -9,6 +9,7 @@ import { link } from "./link.css.mjs";
 import { progress } from "./progress.css.mjs";
 import { radio } from "./radio.css.mjs";
 import { select } from "./select.css.mjs";
+import { slider } from "./slider.css.mjs";
 import { spinner } from "./spinner.css.mjs";
 import { switchTheme } from "./switch.css.mjs";
 const components = {
@@ -24,7 +25,8 @@ const components = {
   radio,
   select,
   spinner,
-  switch: switchTheme
+  switch: switchTheme,
+  slider
 };
 export {
   components

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

@@ -4,7 +4,7 @@ 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_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/input.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
 const input = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("input", {
   input: css.style([styles_lib_css_atoms_sprinkles_css_cjs.atoms({
     color: "text",

package/dist/styles/themes/momotaro/components/input.css.mjs

@@ -3,7 +3,7 @@ import { style } 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";
-setFileScope("src/themes/momotaro/components/input.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/input.css.ts", "@blockle/blocks");
 const input = makeComponentTheme("input", {
   input: style([atoms({
     color: "text",

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

@@ -3,7 +3,7 @@ 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");
-fileScope.setFileScope("src/themes/momotaro/components/label.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
 const label = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("label", {
   base: css.style({}, "label_base"),
   variants: {

package/dist/styles/themes/momotaro/components/label.css.mjs

@@ -2,7 +2,7 @@ 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";
-setFileScope("src/themes/momotaro/components/label.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/label.css.ts", "@blockle/blocks");
 const label = makeComponentTheme("label", {
   base: style({}, "label_base"),
   variants: {

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

@@ -4,7 +4,7 @@ const css = require("@vanilla-extract/css");
 const styles_lib_theme_makeComponentTheme_cjs = require("../../../lib/theme/makeComponentTheme.cjs");
 const styles_themes_momotaro_components_helpers_css_cjs = require("./helpers.css.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/link.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
 const link = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("link", {
   base: css.style([{
     outline: "none",

package/dist/styles/themes/momotaro/components/link.css.mjs

@@ -3,7 +3,7 @@ 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";
-setFileScope("src/themes/momotaro/components/link.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/link.css.ts", "@blockle/blocks");
 const link = makeComponentTheme("link", {
   base: style([{
     outline: "none",

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

@@ -4,7 +4,7 @@ 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_lib_css_atoms_sprinkles_css_cjs = require("../../../lib/css/atoms/sprinkles.css.cjs");
-fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
 const indeterminateAnimation = css.keyframes({
   "0%": {
     transform: "translateX(-100%)"

package/dist/styles/themes/momotaro/components/progress.css.mjs

@@ -3,7 +3,7 @@ import { keyframes, style } 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";
-setFileScope("src/themes/momotaro/components/progress.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/progress.css.ts", "@blockle/blocks");
 const indeterminateAnimation = keyframes({
   "0%": {
     transform: "translateX(-100%)"

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

@@ -6,7 +6,7 @@ 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", "blocks");
+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",

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

@@ -5,7 +5,7 @@ import { vars } from "../../../lib/theme/vars.css.mjs";
 import { focusable } from "./helpers.css.mjs";
 import { bounceOut } from "./transitions.mjs";
 import { atoms } from "../../../lib/css/atoms/sprinkles.css.mjs";
-setFileScope("src/themes/momotaro/components/radio.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/radio.css.ts", "@blockle/blocks");
 const radio = makeComponentTheme("radio", {
   base: style([{
     display: "flex",

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

@@ -4,7 +4,7 @@ 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/select.css.ts", "blocks");
+fileScope.setFileScope("src/themes/momotaro/components/select.css.ts", "@blockle/blocks");
 const select = styles_lib_theme_makeComponentTheme_cjs.makeComponentTheme("select", {
   // wrapper: style({}),
   select: styles_lib_css_style_style_cjs.style([{

package/dist/styles/themes/momotaro/components/select.css.mjs

@@ -3,7 +3,7 @@ import { style } from "../../../lib/css/style/style.mjs";
 import { makeComponentTheme } from "../../../lib/theme/makeComponentTheme.mjs";
 import { vars } from "../../../lib/theme/vars.css.mjs";
 import { focusable } from "./helpers.css.mjs";
-setFileScope("src/themes/momotaro/components/select.css.ts", "blocks");
+setFileScope("src/themes/momotaro/components/select.css.ts", "@blockle/blocks");
 const select = makeComponentTheme("select", {
   // wrapper: style({}),
   select: style([{