@blockle/blocks-react 1.1.2 → 1.2.0

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { VisuallyHidden, VisuallyHiddenProps } from './VisuallyHidden';
+import { VisuallyHidden, VisuallyHiddenProps } from './VisuallyHidden.js';
 declare const meta: Meta<typeof VisuallyHidden>;
 export default meta;
 type Story = StoryObj<VisuallyHiddenProps>;

package/dist/components/display/Divider/Divider.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
-import { divider } from "./divider.css.js";
-import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { useComponentStyleDefaultProps } from "../../../hooks/useComponentStyles/useComponentStyleDefaultProps.js";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Box } from "../../layout/Box/Box.js";
+import { divider } from "./divider.css.js";
 const Divider = ({
   className,
   color,

package/dist/components/display/Divider/Divider.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Divider, DividerProps } from './Divider';
+import { Divider, DividerProps } from './Divider.js';
 declare const meta: Meta<typeof Divider>;
 export default meta;
 type Story = StoryObj<DividerProps>;

package/dist/components/feedback/Progress/Progress.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ProgressProps } from './Progress';
+import { ProgressProps } from './Progress.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<ProgressProps>;

package/dist/components/feedback/Spinner/Spinner.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { SpinnerProps } from './Spinner';
+import { SpinnerProps } from './Spinner.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<SpinnerProps>;

package/dist/components/form/Button/Button.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { getAtomsAndProps, classnames, atoms } from "@blockle/blocks-core";
 import { createSlottable } from "@blockle/blocks-react-slot";
-import { buttonReset } from "./Button.css.js";
-import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Spinner } from "../../feedback/Spinner/Spinner.js";
+import { buttonReset } from "./Button.css.js";
 const [Template, Slot] = createSlottable("button");
 const Button = ({
   asChild,

package/dist/components/form/Button/Button.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { ButtonProps } from './Button';
+import { ButtonProps } from './Button.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<ButtonProps>;

package/dist/components/form/Checkbox/Checkbox.js

@@ -2,9 +2,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
 import { useId } from "react";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Label } from "../Label/Label.js";
 import { input, icon, container } from "./checkbox.css.js";
-import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 const Checkbox = ({
   children,
   className,

package/dist/components/form/Checkbox/Checkbox.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { CheckboxProps } from './Checkbox';
+import { CheckboxProps } from './Checkbox.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<CheckboxProps>;

package/dist/components/form/Input/Input.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react";
-import { classnames } from "@blockle/blocks-core";
-import { input } from "./input.css.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
+import { classnames } from "@blockle/blocks-core";
 import { Box } from "../../layout/Box/Box.js";
+import { input } from "./input.css.js";
 const Input = ({
   className,
   endSlot,

package/dist/components/form/Input/Input.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Input, InputProps } from './Input';
+import { Input, InputProps } from './Input.js';
 declare const _default: Meta<typeof Input>;
 export default _default;
 export declare const Default: StoryObj<InputProps>;

package/dist/components/form/Label/Label.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { LabelProps } from './Label';
+import { LabelProps } from './Label.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<LabelProps>;

package/dist/components/form/Radio/Radio.js

@@ -2,9 +2,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
 import { useId } from "react";
-import { input, icon, container } from "./radio.css.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Label } from "../Label/Label.js";
+import { input, icon, container } from "./radio.css.js";
 const Radio = ({
   name,
   children,

package/dist/components/form/Radio/Radio.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { RadioProps } from './Radio';
+import { RadioProps } from './Radio.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<RadioProps>;

package/dist/components/form/Select/Select.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
-import { select, icon, wrapper } from "./select.css.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Box } from "../../layout/Box/Box.js";
+import { select, icon, wrapper } from "./select.css.js";
 const Select = ({
   children,
   placeholder,

package/dist/components/form/Select/Select.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Select, SelectProps } from './Select';
+import { Select, SelectProps } from './Select.js';
 declare const _default: Meta<typeof Select>;
 export default _default;
 export declare const Default: StoryObj<SelectProps>;

package/dist/components/form/Slider/Slider.js

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { classnames, roundToPrecision, getBoundValue } from "@blockle/blocks-core";
 import { useRef, useCallback } from "react";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { useControlledValue } from "../../../hooks/useControlledValue/useControlledValue.js";
 import { filledTrack, track, thumb, container, containerVertical } from "./slider.css.js";
 import { usePointerProgress } from "./usePointerProgress.js";
-import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 const usableKeys = /* @__PURE__ */ new Set([
   "ArrowLeft",
   "ArrowRight",

package/dist/components/form/Slider/Slider.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Slider, SliderProps } from './Slider';
+import { Slider, SliderProps } from './Slider.js';
 declare const _default: Meta<typeof Slider>;
 export default _default;
 export declare const Default: StoryObj<SliderProps>;

package/dist/components/form/Switch/Switch.js

@@ -2,8 +2,8 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
 import { useState, useEffect, useCallback } from "react";
-import { input, container } from "./switch.css.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
+import { input, container } from "./switch.css.js";
 const Switch = ({
   checked,
   className,

package/dist/components/form/Switch/Switch.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { SwitchProps } from './Switch';
+import { SwitchProps } from './Switch.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<SwitchProps>;

package/dist/components/layout/Box/Box.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { BoxProps } from './Box';
+import { BoxProps } from './Box.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<BoxProps>;

package/dist/components/layout/Inline/Inline.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Inline, InlineProps } from './Inline';
+import { Inline, InlineProps } from './Inline.js';
 declare const _default: Meta<typeof Inline>;
 export default _default;
 export declare const Default: StoryObj<InlineProps>;

package/dist/components/layout/Stack/Stack.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Stack, StackProps } from './Stack';
+import { Stack, StackProps } from './Stack.js';
 declare const _default: Meta<typeof Stack>;
 export default _default;
 export declare const Default: StoryObj<StackProps>;

package/dist/components/navigation/Link/Link.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { LinkProps } from './Link';
+import { LinkProps } from './Link.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<LinkProps>;

package/dist/components/overlay/Dialog/Dialog.js

@@ -3,13 +3,13 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { hasAnimationDuration, classnames } from "@blockle/blocks-core";
 import { useRef, useState, useCallback } from "react";
 import { useClickOutside } from "../../../hooks/useClickOutside/useClickOutside.js";
-import { dialog } from "./dialog.css.js";
-import { useNestedDialog, DialogContext } from "./dialogHelper.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
-import { useRestoreFocus } from "../../../hooks/useRestoreFocus/useRestoreFocus.js";
-import { usePreventBodyScroll } from "../../../hooks/usePreventBodyScroll/usePreventBodyScroll.js";
-import { useKeyboard } from "../../../hooks/useKeyboard/useKeyboard.js";
 import { useIsomorphicLayoutEffect } from "../../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { useKeyboard } from "../../../hooks/useKeyboard/useKeyboard.js";
+import { usePreventBodyScroll } from "../../../hooks/usePreventBodyScroll/usePreventBodyScroll.js";
+import { useRestoreFocus } from "../../../hooks/useRestoreFocus/useRestoreFocus.js";
+import { dialog } from "./dialog.css.js";
+import { useNestedDialog, DialogContext } from "./dialogHelper.js";
 const Dialog = ({
   children,
   open,

package/dist/components/overlay/Dialog/Dialog.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { DialogProps } from './Dialog';
+import { DialogProps } from './Dialog.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<DialogProps>;

package/dist/components/overlay/Popover/Popover.js

@@ -3,11 +3,11 @@ import { jsx } from "react/jsx-runtime";
 import { hasAnimationDuration, classnames } from "@blockle/blocks-core";
 import { useRef, useState, useEffect, useCallback } from "react";
 import { useClickOutside } from "../../../hooks/useClickOutside/useClickOutside.js";
-import { getPopoverPosition } from "./popover-utils.js";
 import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
-import { useKeyboard } from "../../../hooks/useKeyboard/useKeyboard.js";
 import { useIsomorphicLayoutEffect } from "../../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { useKeyboard } from "../../../hooks/useKeyboard/useKeyboard.js";
 import { Box } from "../../layout/Box/Box.js";
+import { getPopoverPosition } from "./popover-utils.js";
 const Popover = ({
   anchorElement,
   children,

package/dist/components/overlay/Popover/Popover.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { PopoverProps } from './Popover';
+import { PopoverProps } from './Popover.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<PopoverProps>;

package/dist/components/overlay/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { ComponentThemes } from '@blockle/blocks-core';
-import { PopoverProps } from '../Popover';
+import { PopoverProps } from '../Popover/Popover.js';
 type ReactElement = React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 type TooltipTheme = ComponentThemes['tooltip'];
 export type TooltipProps = {

package/dist/components/overlay/Tooltip/Tooltip.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { TooltipProps } from './Tooltip';
+import { TooltipProps } from './Tooltip.js';
 declare const _default: Meta;
 export default _default;
 export declare const Default: StoryObj<TooltipProps>;

package/dist/components/typography/Heading/Heading.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
-import { heading } from "./heading.css.js";
 import { Box } from "../../layout/Box/Box.js";
+import { heading } from "./heading.css.js";
 const Heading = ({
   className,
   level = 1,

package/dist/components/typography/Heading/heading.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Heading, HeadingProps } from './Heading';
+import { Heading, HeadingProps } from './Heading.js';
 declare const _default: Meta<typeof Heading>;
 export default _default;
 export declare const Default: StoryObj<HeadingProps>;

package/dist/components/typography/Text/Text.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { classnames } from "@blockle/blocks-core";
-import { text } from "./text.css.js";
 import { Box } from "../../layout/Box/Box.js";
+import { text } from "./text.css.js";
 const Text = ({
   asChild,
   children,

package/dist/components/typography/Text/Text.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { Text, TextProps } from './Text';
+import { Text, TextProps } from './Text.js';
 declare const _default: Meta<typeof Text>;
 export default _default;
 export declare const Default: StoryObj<TextProps>;

package/dist/index.d.ts

@@ -1,27 +1,28 @@
-export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden';
-export { Divider, type DividerProps } from './components/display/Divider';
-export { Progress, type ProgressProps } from './components/feedback/Progress';
-export { Spinner, type SpinnerProps } from './components/feedback/Spinner';
-export { Button, type ButtonProps } from './components/form/Button';
-export { Checkbox, type CheckboxProps } from './components/form/Checkbox';
-export { Input, type InputProps } from './components/form/Input';
-export { Label, type LabelProps } from './components/form/Label';
-export { Radio, type RadioProps } from './components/form/Radio';
-export { Select, type SelectProps } from './components/form/Select';
-export { Slider, type SliderProps } from './components/form/Slider';
-export { Switch, type SwitchProps } from './components/form/Switch';
-export { Box, type BoxProps } from './components/layout/Box';
-export { Inline, type InlineProps } from './components/layout/Inline';
-export { Stack, type StackProps } from './components/layout/Stack';
-export { Link, type LinkProps } from './components/navigation/Link';
-export { Dialog, type DialogProps } from './components/overlay/Dialog';
-export { Portal, type PortalProps } from './components/overlay/Portal';
-export { Tooltip, type TooltipProps } from './components/overlay/Tooltip';
-export { BlocksProvider, type BlocksProviderProps, } from './components/providers/BlocksProvider';
-export { Heading, type HeadingProps } from './components/typography/Heading';
-export { Text, type TextProps } from './components/typography/Text';
-export { useComponentStyleDefaultProps, useComponentStyles, } from './hooks/useComponentStyles';
-export { useControlledValue } from './hooks/useControlledValue';
-export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect';
-export { useKeyboard } from './hooks/useKeyboard';
-export { usePreventBodyScroll } from './hooks/usePreventBodyScroll';
+export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessibility/VisuallyHidden/VisuallyHidden.js';
+export { Divider, type DividerProps, } from './components/display/Divider/Divider.js';
+export { Progress, type ProgressProps, } from './components/feedback/Progress/Progress.js';
+export { Spinner, type SpinnerProps, } from './components/feedback/Spinner/Spinner.js';
+export { Button, type ButtonProps } from './components/form/Button/Button.js';
+export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
+export { Input, type InputProps } from './components/form/Input/Input.js';
+export { Label, type LabelProps } from './components/form/Label/Label.js';
+export { Radio, type RadioProps } from './components/form/Radio/Radio.js';
+export { Select, type SelectProps } from './components/form/Select/Select.js';
+export { Slider, type SliderProps } from './components/form/Slider/Slider.js';
+export { Switch, type SwitchProps } from './components/form/Switch/Switch.js';
+export { Box, type BoxProps } from './components/layout/Box/Box.js';
+export { Inline, type InlineProps } from './components/layout/Inline/Inline.js';
+export { Stack, type StackProps } from './components/layout/Stack/Stack.js';
+export { Link, type LinkProps } from './components/navigation/Link/Link.js';
+export { Dialog, type DialogProps, } from './components/overlay/Dialog/Dialog.js';
+export { Portal, type PortalProps, } from './components/overlay/Portal/Portal.js';
+export { Tooltip, type TooltipProps, } from './components/overlay/Tooltip/Tooltip.js';
+export { BlocksProvider, type BlocksProviderProps, } from './components/providers/BlocksProvider/BlocksProvider.js';
+export { Heading, type HeadingProps, } from './components/typography/Heading/Heading.js';
+export { Text, type TextProps } from './components/typography/Text/Text.js';
+export { useComponentStyleDefaultProps } from './hooks/useComponentStyles/useComponentStyleDefaultProps.js';
+export { useComponentStyles } from './hooks/useComponentStyles/useComponentStyles.js';
+export { useControlledValue } from './hooks/useControlledValue/useControlledValue.js';
+export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js';
+export { useKeyboard } from './hooks/useKeyboard/useKeyboard.js';
+export { usePreventBodyScroll } from './hooks/usePreventBodyScroll/usePreventBodyScroll.js';

package/package.json

@@ -1,25 +1,18 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
     ".": {
-      "types": {
-        "import": "./dist/index.d.mts",
-        "require": "./dist/index.d.ts"
-      },
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     }
   },
   "files": [
     "dist"
   ],
   "sideEffects": false,
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
   "scripts": {
     "build": "vite build",
     "test": "vitest",
@@ -41,9 +34,10 @@
     "@vanilla-extract/css": "^1.17.1"
   },
   "peerDependencies": {
-    "react": "^19",
-    "react-dom": "^19",
-    "@blockle/blocks-core": ">=0.x",
-    "@blockle/blocks-react-slot": ">=1.x"
+    "react": ">= 18 || >= 19",
+    "react-dom": ">= 18 || >= 19",
+    "@vanilla-extract/css": ">= 1.17.1",
+    "@blockle/blocks-core": ">= 0.x",
+    "@blockle/blocks-react-slot": ">= 1.x"
   }
 }

package/dist/components/accessibility/VisuallyHidden/VisuallyHidden.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const visuallyHidden_css = require("./visually-hidden.css.cjs");
-const VisuallyHidden = ({
-  children,
-  className,
-  ...restProps
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: blocksCore.classnames(visuallyHidden_css.visuallyHidden, className),
-      ...restProps,
-      children
-    }
-  );
-};
-exports.VisuallyHidden = VisuallyHidden;

package/dist/components/accessibility/VisuallyHidden/index.d.ts

@@ -1 +0,0 @@
-export { VisuallyHidden, type VisuallyHiddenProps } from './VisuallyHidden';

package/dist/components/accessibility/VisuallyHidden/visually-hidden.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/accessibility/VisuallyHidden/visually-hidden.css.ts", "@blockle/blocks-react");
-const visuallyHidden = css.style({
-  clip: "rect(0 0 0 0)",
-  clipPath: "inset(50%)",
-  height: "1px",
-  overflow: "hidden",
-  position: "absolute",
-  whiteSpace: "nowrap",
-  width: "1px"
-});
-fileScope.endFileScope();
-exports.visuallyHidden = visuallyHidden;

package/dist/components/display/Divider/Divider.cjs

@@ -1,28 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const divider_css = require("./divider.css.cjs");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const useComponentStyleDefaultProps = require("../../../hooks/useComponentStyles/useComponentStyleDefaultProps.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Divider = ({
-  className,
-  color,
-  ...restProps
-}) => {
-  const dividerClass = useComponentStyles.useComponentStyles("divider", { base: true });
-  const dividerDefaults = useComponentStyleDefaultProps.useComponentStyleDefaultProps("divider");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      role: "separator",
-      inlineSize: "full",
-      backgroundColor: color ?? dividerDefaults.color,
-      className: blocksCore.classnames(className, dividerClass, divider_css.divider),
-      ...restProps
-    }
-  );
-};
-exports.Divider = Divider;

package/dist/components/display/Divider/divider.css.cjs

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const fileScope = require("@vanilla-extract/css/fileScope");
-const blocksCore = require("@blockle/blocks-core");
-const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/display/Divider/divider.css.ts", "@blockle/blocks-react");
-const divider = css.style({
-  "@layer": {
-    [blocksCore.blocksLayerComponent]: {
-      clear: "both",
-      blockSize: "1px"
-    }
-  }
-});
-fileScope.endFileScope();
-exports.divider = divider;

package/dist/components/display/Divider/index.d.ts

@@ -1 +0,0 @@
-export { Divider, type DividerProps } from './Divider';

package/dist/components/feedback/Progress/Progress.cjs

@@ -1,55 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Progress = ({
-  className,
-  indeterminate,
-  max = 100,
-  ref,
-  value = 0,
-  ...restProps
-}) => {
-  const progress = value / max * 100;
-  const containerClassName = useComponentStyles.useComponentStyles(
-    "progress",
-    {
-      base: true
-    },
-    false
-  );
-  const barClassName = useComponentStyles.useComponentStyles(
-    "progress",
-    { bar: true, variants: { indeterminate } },
-    false
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      ref,
-      className: blocksCore.classnames(containerClassName, className),
-      overflow: "hidden",
-      role: "progressbar",
-      "aria-valuenow": value,
-      "aria-valuemin": 0,
-      "aria-valuemax": max,
-      ...restProps,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Box.Box,
-        {
-          className: barClassName,
-          backgroundColor: "currentColor",
-          inlineSize: "full",
-          blockSize: "full",
-          style: {
-            transform: indeterminate ? void 0 : `translateX(-${100 - progress}%)`
-          }
-        }
-      )
-    }
-  );
-};
-exports.Progress = Progress;

package/dist/components/feedback/Progress/index.d.ts

@@ -1 +0,0 @@
-export { Progress, type ProgressProps } from './Progress';

package/dist/components/feedback/Spinner/Spinner.cjs

@@ -1,27 +0,0 @@
-"use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const blocksCore = require("@blockle/blocks-core");
-const useComponentStyles = require("../../../hooks/useComponentStyles/useComponentStyles.cjs");
-const Box = require("../../layout/Box/Box.cjs");
-const Spinner = ({
-  className,
-  size,
-  color,
-  ...restProps
-}) => {
-  const spinnerClassName = useComponentStyles.useComponentStyles("spinner", {
-    base: true,
-    variants: { size, color }
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Box.Box,
-    {
-      color,
-      className: blocksCore.classnames(spinnerClassName, className),
-      ...restProps
-    }
-  );
-};
-exports.Spinner = Spinner;

package/dist/components/feedback/Spinner/index.d.ts

@@ -1 +0,0 @@
-export { Spinner, type SpinnerProps } from './Spinner';