@blockle/blocks-react 1.3.0 → 1.5.0

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

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
 import { Atoms, ComponentThemes, HTMLElementProps, MarginAtoms } from '@blockle/blocks-core';
+import { default as React } from 'react';
 type ButtonTheme = ComponentThemes['button'];
 export type ButtonProps = {
     alignSelf?: Atoms['alignSelf'];

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

@@ -1,8 +1,8 @@
 "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 { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
 import { Spinner } from "../../feedback/Spinner/Spinner.js";
 import { buttonReset } from "./Button.css.js";
 const [Template, Slot] = createSlottable("button");

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { classnames } from "@blockle/blocks-core";
 import { useId } from "react";
 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 = ({

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

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { hasAnimationDuration, classnames } from "@blockle/blocks-core";
 import { useRef, useState, useCallback } from "react";
 import { useClickOutside } from "../../../hooks/useClickOutside/useClickOutside.js";
@@ -38,7 +38,6 @@ const Dialog = ({
   useKeyboard("Escape", onEscape, { enabled: open && enabled });
   useClickOutside(dialogRef, onRequestClose, { enabled: open && enabled });
   useIsomorphicLayoutEffect(() => {
-    var _a;
     if (open && visible) {
       if (!dialogRef.current || !dialogRef.current.showModal) {
         return;
@@ -50,7 +49,7 @@ const Dialog = ({
       if (!hasAnimationDuration(dialogRef.current)) {
         setVisible(false);
       }
-      if ((_a = dialogRef.current) == null ? void 0 : _a.close) {
+      if (dialogRef.current?.close) {
         dialogRef.current.close();
       }
     }
@@ -64,7 +63,7 @@ const Dialog = ({
     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(
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { setEnabled }, children: /* @__PURE__ */ jsx(
     "dialog",
     {
       ref: dialogRef,
@@ -75,7 +74,7 @@ const Dialog = ({
       ...restProps,
       children
     }
-  ) }) });
+  ) });
 };
 export {
   Dialog

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

@@ -26,7 +26,6 @@ const Popover = ({
   useKeyboard("Escape", onRequestClose, { enabled: open });
   useClickOutside(popoverRef, onRequestClose, { enabled: open });
   useIsomorphicLayoutEffect(() => {
-    var _a;
     const element = popoverRef.current;
     if (open && visible) {
       if (!element || typeof element.showPopover !== "function") {
@@ -44,7 +43,7 @@ const Popover = ({
       if (!hasAnimationDuration(popoverRef.current)) {
         setVisible(false);
       }
-      (_a = popoverRef.current) == null ? void 0 : _a.hidePopover();
+      popoverRef.current?.hidePopover();
     }
   }, [open, visible]);
   useEffect(() => {

package/dist/components/providers/BlocksProvider/BlocksProvider.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { classnames, atoms } from "@blockle/blocks-core";
 import { createSlottable } from "@blockle/blocks-react-slot";
+import { useMemo } from "react";
 import { BlocksProviderContext } from "./context.js";
 const [Template, Slot] = createSlottable("div");
 const BlocksProvider = ({

package/dist/hooks/useRestoreFocus/useRestoreFocus.js

@@ -7,9 +7,8 @@ const useRestoreFocus = (active) => {
     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?.focus();
       target.current = null;
     }
   }, [active]);

package/dist/testUtils/testTheme.css.d.ts

@@ -0,0 +1 @@
+export declare const testingTheme: any;

package/dist/testUtils/testUtils.d.ts

@@ -0,0 +1,3 @@
+import { render as rtlRender } from '@testing-library/react';
+export * from '@testing-library/react';
+export declare const render: (ui: Parameters<typeof rtlRender>[0], options?: Parameters<typeof rtlRender>[1]) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries.js"), HTMLElement, HTMLElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
@@ -34,10 +34,10 @@
     "@vanilla-extract/css": "^1.17.1"
   },
   "peerDependencies": {
-    "react": ">= 18 || >= 19",
-    "react-dom": ">= 18 || >= 19",
-    "@vanilla-extract/css": ">= 1.17.1",
-    "@blockle/blocks-core": ">= 0.x",
-    "@blockle/blocks-react-slot": ">= 1.x"
+    "react": ">=19",
+    "react-dom": ">=19",
+    "@vanilla-extract/css": ">=1.17.1",
+    "@blockle/blocks-core": ">=0.x",
+    "@blockle/blocks-react-slot": ">=1.x"
   }
 }

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-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 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-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.spec.d.ts

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

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

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

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

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

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

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

package/dist/components/form/Radio/RadioGroup.test.d.ts

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

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

@@ -1,5 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-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.spec.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/providers/BlocksProvider/BlocksProvider.test.d.ts

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

package/dist/components/typography/Heading/Heading.test.d.ts

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

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

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

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

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

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

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

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

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

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

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