@blockle/blocks-react 1.1.2 → 1.3.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.js

@@ -16,6 +16,7 @@ const Spinner = ({
   return /* @__PURE__ */ jsx(
     Box,
     {
+      "data-testid": "blocks-spinner",
       color,
       className: classnames(spinnerClassName, className),
       ...restProps

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/feedback/Spinner/Spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

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/Radio/RadioGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

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.d.ts

@@ -16,7 +16,6 @@ export type SliderProps = {
     size: SliderTheme['variants']['size'];
     colorScheme: SliderTheme['variants']['colorScheme'];
     disabled?: boolean;
-    precision?: number;
 };
 export declare const Slider: React.FC<SliderProps>;
 export {};

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

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { classnames, roundToPrecision, getBoundValue } from "@blockle/blocks-core";
+import { classnames, clampAndRoundValue } 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",
@@ -30,7 +30,6 @@ const Slider = ({
   size,
   colorScheme,
   disabled,
-  precision = 2,
   ...restProps
 }) => {
   const baseClass = useComponentStyles("slider", {
@@ -49,7 +48,7 @@ const Slider = ({
     defaultValue,
     value,
     onChange,
-    transformValue: (value2) => roundToPrecision(getBoundValue(value2, min, max, step), precision)
+    transformValue: (value2) => clampAndRoundValue(value2, min, max, step)
   });
   usePointerProgress({
     container: containerRef,

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/hooks/useControlledValue/useControlledValue.d.ts

@@ -3,6 +3,11 @@ type ControlledValue<T> = {
     defaultValue: T;
     onChange?: (value: T) => void;
     transformValue?: (value: T) => T;
+} | {
+    value: T;
+    defaultValue?: T;
+    onChange: (value: T) => void;
+    transformValue?: (value: T) => T;
 };
 export declare function useControlledValue<T>({ defaultValue, value, onChange, transformValue, }: ControlledValue<T>): [T, (value: T) => void];
 export {};

package/dist/hooks/useControlledValue/useControlledValue.js

@@ -1,16 +1,19 @@
 "use client";
-import { useState, useCallback, useEffect } from "react";
+import { useState, useCallback } from "react";
+function noopTransform(value) {
+  return value;
+}
 function useControlledValue({
   defaultValue,
   value,
   onChange,
-  transformValue
+  transformValue = noopTransform
 }) {
   const [internValue, setInternValue] = useState(defaultValue);
   const currentValue = (onChange ? value : internValue) ?? defaultValue;
   const setValue = useCallback(
     function setValue2(value2) {
-      const nextValue = transformValue ? transformValue(value2) : value2;
+      const nextValue = transformValue(value2);
       if (onChange) {
         onChange(nextValue);
       } else {
@@ -19,14 +22,7 @@ function useControlledValue({
     },
     [onChange, transformValue]
   );
-  if (process.env.NODE_ENV !== "production") {
-    useEffect(() => {
-      if (onChange && value === void 0) {
-        console.error("Slider is in controlled mode but no value is provided");
-      }
-    }, []);
-  }
-  return [currentValue, setValue];
+  return [transformValue(currentValue), setValue];
 }
 export {
   useControlledValue

package/dist/hooks/useControlledValue/useControlledValue.test.d.ts

@@ -0,0 +1 @@
+export {};

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.3.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;