@blockle/blocks-react 3.1.0 → 3.3.0

package/dist/components/typography/textOverflow.d.ts

@@ -0,0 +1,9 @@
+import * as styles from './textOverflow.css.js';
+export type TextOverflowProps = {
+    /** Clamps the text to this many lines and ends it in an ellipsis. */
+    lineClamp?: keyof typeof styles.lineClamp;
+    /** Keeps the text on one line and ends the overflow in an ellipsis. */
+    truncate?: boolean;
+};
+export declare const textOverflowClassName: (component: string, { lineClamp, truncate }: TextOverflowProps) => string | undefined;
+//# sourceMappingURL=textOverflow.d.ts.map

package/dist/components/typography/textOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textOverflow.d.ts","sourceRoot":"","sources":["../../../src/components/typography/textOverflow.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1C,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,WAAW,MAAM,EACjB,yBAAyB,iBAAiB,uBAa3C,CAAC"}

package/dist/components/typography/textOverflow.js

@@ -0,0 +1,10 @@
+import { lineClamp, truncate } from "./textOverflow.css.js";
+const textOverflowClassName = (component, { lineClamp: lineClamp$1, truncate: truncate$1 }) => {
+  if (lineClamp$1 !== void 0) {
+    return lineClamp[lineClamp$1];
+  }
+  return truncate$1 ? truncate : void 0;
+};
+export {
+  textOverflowClassName
+};

package/dist/hooks/useModalDialog/useModalDialog.d.ts

@@ -5,9 +5,14 @@
  * The dialog also closes whenever the effect is cleaned up while open, such as
  * when React hides it in an <Activity> or unmounts it, so it never lingers in
  * the top layer. Revealing it again shows it as modal.
+ *
+ * Render `openAttribute` as the dialog's `open` attribute. It is `open` on the
+ * first render, so a server-rendered open dialog hydrates without a mismatch,
+ * and never changes after it, so React leaves the attribute to this hook.
  */
 export declare const useModalDialog: (dialogRef: React.RefObject<HTMLDialogElement | null>, open: boolean) => {
     visible: boolean;
     onAnimationEnd: () => void;
+    openAttribute: boolean;
 };
 //# sourceMappingURL=useModalDialog.d.ts.map

package/dist/hooks/useModalDialog/useModalDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalDialog.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModalDialog/useModalDialog.ts"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACpD,MAAM,OAAO;;;CA+Cd,CAAC"}
+{"version":3,"file":"useModalDialog.d.ts","sourceRoot":"","sources":["../../../src/hooks/useModalDialog/useModalDialog.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GACzB,WAAW,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACpD,MAAM,OAAO;;;;CAiDd,CAAC"}

package/dist/hooks/useModalDialog/useModalDialog.js

@@ -4,6 +4,7 @@ import { useState, useCallback } from "react";
 import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
 const useModalDialog = (dialogRef, open) => {
   const [visible, setVisible] = useState(open);
+  const [openAttribute] = useState(open);
   useIsomorphicLayoutEffect(() => {
     const dialog = dialogRef.current;
     if (open && visible) {
@@ -11,7 +12,7 @@ const useModalDialog = (dialogRef, open) => {
         return;
       }
       if (dialog.open) {
-        dialog.close();
+        dialog.removeAttribute("open");
       }
       dialog.showModal();
       return () => {
@@ -32,7 +33,7 @@ const useModalDialog = (dialogRef, open) => {
       setVisible(false);
     }
   }, [open]);
-  return { visible, onAnimationEnd };
+  return { visible, onAnimationEnd, openAttribute };
 };
 export {
   useModalDialog

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.d.ts

@@ -1,2 +1,7 @@
+/**
+ * Prevents the body from scrolling while enabled. Any number of callers can
+ * be enabled at once: the first locks the body, and the body's styles and
+ * scroll position are restored once the last one is disabled or unmounts.
+ */
 export declare const usePreventBodyScroll: (enabled?: boolean) => void;
 //# sourceMappingURL=usePreventBodyScroll.d.ts.map

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePreventBodyScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePreventBodyScroll/usePreventBodyScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,oBAAoB,GAAI,iBAAc,SAmClD,CAAC"}
+{"version":3,"file":"usePreventBodyScroll.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePreventBodyScroll/usePreventBodyScroll.ts"],"names":[],"mappings":"AAuCA;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAAI,iBAAc,SAqBlD,CAAC"}

package/dist/hooks/usePreventBodyScroll/usePreventBodyScroll.js

@@ -1,28 +1,43 @@
 "use client";
 import { useIsomorphicLayoutEffect } from "../useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+let lockCount = 0;
+let unlock = null;
+const lock = () => {
+  const prevOverflow = document.body.style.getPropertyValue("overflow");
+  const prevScrollTop = document.documentElement.scrollTop;
+  if (document.body.scrollHeight > window.innerHeight) {
+    document.body.style.position = "fixed";
+    document.body.style.overflow = "hidden";
+    document.body.style.overflowY = "scroll";
+    document.body.style.width = "100%";
+    document.body.style.top = `-${prevScrollTop}px`;
+  } else {
+    document.body.style.overflow = "hidden";
+  }
+  return () => {
+    document.body.style.position = "";
+    document.body.style.overflow = prevOverflow;
+    document.body.style.overflowY = "";
+    document.body.style.width = "";
+    document.body.style.top = "";
+    document.documentElement.scrollTop = prevScrollTop;
+  };
+};
 const usePreventBodyScroll = (enabled = true) => {
   useIsomorphicLayoutEffect(() => {
     if (!enabled) {
       return;
     }
-    const prevOverflow = document.body.style.getPropertyValue("overflow");
-    const prevScrollTop = document.documentElement.scrollTop;
-    if (document.body.scrollHeight > window.innerHeight) {
-      document.body.style.position = "fixed";
-      document.body.style.overflow = "hidden";
-      document.body.style.overflowY = "scroll";
-      document.body.style.width = "100%";
-      document.body.style.top = `-${prevScrollTop}px`;
-    } else {
-      document.body.style.overflow = "hidden";
+    lockCount += 1;
+    if (lockCount === 1) {
+      unlock = lock();
     }
     return () => {
-      document.body.style.position = "";
-      document.body.style.overflow = prevOverflow;
-      document.body.style.overflowY = "";
-      document.body.style.width = "";
-      document.body.style.top = "";
-      document.documentElement.scrollTop = prevScrollTop;
+      lockCount -= 1;
+      if (lockCount === 0) {
+        unlock?.();
+        unlock = null;
+      }
     };
   }, [enabled]);
 };

package/dist/icons/icons.d.ts

@@ -0,0 +1,8 @@
+type IconProps = Pick<React.SVGProps<SVGSVGElement>, 'className' | 'style'>;
+export declare const CheckIcon: React.FC<IconProps>;
+export declare const ChevronDownIcon: React.FC<IconProps>;
+export declare const MinusIcon: React.FC<IconProps>;
+export declare const PlusIcon: React.FC<IconProps>;
+export declare const CloseIcon: React.FC<IconProps>;
+export {};
+//# sourceMappingURL=icons.d.ts.map

package/dist/icons/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/icons/icons.tsx"],"names":[],"mappings":"AAIA,KAAK,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AA2B5E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAS/C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAExC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAEzC,CAAC"}

package/dist/icons/icons.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+const StrokeIcon = ({
+  path,
+  strokeWidth = 2,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true",
+    ...props,
+    children: /* @__PURE__ */ jsx("path", { d: path })
+  }
+);
+const CheckIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "m4.5 12.75 6 6 9-13.5", strokeWidth: 1.5, ...props });
+const ChevronDownIcon = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "m11.625 14.3666 7.9365-7.653c.5241-.5055 1.3133-.4372 1.7625.1525.4493.5897.3886 1.4774-.1355 1.9829l-8.75 8.4375c-.4681.4513-1.1589.4513-1.627 0l-8.75-8.4375c-.5241-.5055-.5848-1.3932-.1356-1.9829.4493-.5897 1.2385-.658 1.7626-.1525l7.9365 7.653Z",
+    clipRule: "evenodd"
+  }
+) });
+const MinusIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "M5 12h14", ...props });
+const PlusIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "M12 5v14M5 12h14", ...props });
+const CloseIcon = (props) => /* @__PURE__ */ jsx(StrokeIcon, { path: "M18 6 6 18M6 6l12 12", ...props });
+export {
+  CheckIcon,
+  ChevronDownIcon,
+  CloseIcon,
+  MinusIcon,
+  PlusIcon
+};

package/dist/index.d.ts

@@ -2,6 +2,7 @@ export { VisuallyHidden, type VisuallyHiddenProps, } from './components/accessib
 export { Divider, type DividerProps, } from './components/display/Divider/Divider.js';
 export { createIconMask } from './components/display/Icon/createIconMask.js';
 export { IconMask, type IconMaskProps, } from './components/display/Icon/IconMask.js';
+export { Tag, type TagProps } from './components/display/Tag/Tag.js';
 export { Alert, type AlertProps, } from './components/feedback/Alert/Alert.js';
 export { Progress, type ProgressProps, } from './components/feedback/Progress/Progress.js';
 export { Skeleton, type SkeletonProps, } from './components/feedback/Skeleton/Skeleton.js';
@@ -10,6 +11,7 @@ export { type ToastPlacement, ToastProvider, type ToastProviderProps, } from './
 export { type ToastProps, useToast, } from './components/feedback/Toast/useToast.js';
 export { Button, type ButtonProps } from './components/form/Button/Button.js';
 export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
+export { IconButton, type IconButtonProps, } from './components/form/IconButton/IconButton.js';
 export { Label, type LabelProps } from './components/form/Label/Label.js';
 export { NumericInput, type NumericInputProps, } from './components/form/NumericInput/NumericInput.js';
 export { Radio, type RadioProps } from './components/form/Radio/Radio.js';
@@ -25,8 +27,14 @@ export { GridItem, type GridItemProps, } from './components/layout/Grid/GridItem
 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 { Tab, type TabProps } from './components/navigation/Tabs/Tab.js';
+export { TabList, type TabListProps, } from './components/navigation/Tabs/TabList.js';
+export { TabNav, type TabNavProps, } from './components/navigation/Tabs/TabNav.js';
+export { TabPanel, type TabPanelProps, } from './components/navigation/Tabs/TabPanel.js';
+export { Tabs, type TabsProps } from './components/navigation/Tabs/Tabs.js';
 export { Dialog, type DialogProps, } from './components/overlay/Dialog/Dialog.js';
 export { Drawer, type DrawerProps, } from './components/overlay/Drawer/Drawer.js';
+export { Menu, type MenuActionItem, type MenuItem, type MenuProps, type MenuRadioGroupItem, type MenuRadioItem, type MenuSeparatorItem, } from './components/overlay/Menu/Menu.js';
 export { Popover, type PopoverPlacement, type PopoverProps, } from './components/overlay/Popover/Popover.js';
 export { Portal, type PortalProps, } from './components/overlay/Portal/Portal.js';
 export type { RequestCloseReason } from './components/overlay/requestCloseReason.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,6 +2,7 @@ import { VisuallyHidden } from "./components/accessibility/VisuallyHidden/Visual
 import { Divider } from "./components/display/Divider/Divider.js";
 import { createIconMask } from "./components/display/Icon/createIconMask.js";
 import { IconMask } from "./components/display/Icon/IconMask.js";
+import { Tag } from "./components/display/Tag/Tag.js";
 import { Alert } from "./components/feedback/Alert/Alert.js";
 import { Progress } from "./components/feedback/Progress/Progress.js";
 import { Skeleton } from "./components/feedback/Skeleton/Skeleton.js";
@@ -10,6 +11,7 @@ import { ToastProvider } from "./components/feedback/Toast/ToastProvider.js";
 import { useToast } from "./components/feedback/Toast/useToast.js";
 import { Button } from "./components/form/Button/Button.js";
 import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
+import { IconButton } from "./components/form/IconButton/IconButton.js";
 import { Label } from "./components/form/Label/Label.js";
 import { NumericInput } from "./components/form/NumericInput/NumericInput.js";
 import { Radio } from "./components/form/Radio/Radio.js";
@@ -25,8 +27,14 @@ import { GridItem } from "./components/layout/Grid/GridItem.js";
 import { Inline } from "./components/layout/Inline/Inline.js";
 import { Stack } from "./components/layout/Stack/Stack.js";
 import { Link } from "./components/navigation/Link/Link.js";
+import { Tab } from "./components/navigation/Tabs/Tab.js";
+import { TabList } from "./components/navigation/Tabs/TabList.js";
+import { TabNav } from "./components/navigation/Tabs/TabNav.js";
+import { TabPanel } from "./components/navigation/Tabs/TabPanel.js";
+import { Tabs } from "./components/navigation/Tabs/Tabs.js";
 import { Dialog } from "./components/overlay/Dialog/Dialog.js";
 import { Drawer } from "./components/overlay/Drawer/Drawer.js";
+import { Menu } from "./components/overlay/Menu/Menu.js";
 import { Popover } from "./components/overlay/Popover/Popover.js";
 import { Portal } from "./components/overlay/Portal/Portal.js";
 import { Tooltip } from "./components/overlay/Tooltip/Tooltip.js";
@@ -53,10 +61,12 @@ export {
   Grid,
   GridItem,
   Heading,
+  IconButton,
   IconMask,
   Inline,
   Label,
   Link,
+  Menu,
   NumericInput,
   Popover,
   Portal,
@@ -68,6 +78,12 @@ export {
   Spinner,
   Stack,
   Switch,
+  Tab,
+  TabList,
+  TabNav,
+  TabPanel,
+  Tabs,
+  Tag,
   Text,
   TextInput,
   Textarea,

package/dist/testUtils/browser/consumerStyles.css.d.ts

@@ -0,0 +1,2 @@
+export declare const squareMarkers: string;
+//# sourceMappingURL=consumerStyles.css.d.ts.map

package/dist/testUtils/browser/consumerStyles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consumerStyles.css.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/consumerStyles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa,QAAiC,CAAC"}

package/dist/testUtils/browser/contrast.d.ts

@@ -1,4 +1,8 @@
-/** Resolves a CSS `var(--x)` reference to a computed rgb() string. */
-export declare function resolve(cssVar: string, colorMode: 'light' | 'dark'): Promise<string>;
+import { Theme } from '@blockle/blocks-core';
+/**
+ * Resolves a CSS `var(--x)` reference to a computed rgb() string, under the
+ * momotaro theme unless `theme` says otherwise.
+ */
+export declare function resolve(cssVar: string, colorMode: 'light' | 'dark', theme?: Theme): Promise<string>;
 export declare function contrast(a: string, b: string): number;
 //# sourceMappingURL=contrast.d.ts.map

package/dist/testUtils/browser/contrast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/contrast.tsx"],"names":[],"mappings":"AAEA,sEAAsE;AACtE,wBAAsB,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,mBAYxE;AAeD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,UAM5C"}
+{"version":3,"file":"contrast.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/contrast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAIlD;;;GAGG;AACH,wBAAsB,OAAO,CAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,OAAO,GAAG,MAAM,EAC3B,KAAK,CAAC,EAAE,KAAK,mBAcd;AAeD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,UAM5C"}

package/dist/testUtils/browser/emulateNoAnchorPositioning.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Makes the page's styles behave as in a browser without CSS anchor
+ * positioning, by inverting every `@supports` rule that tests for it. Returns a
+ * function that puts the original rules back. Only covers styles already on the
+ * page, so call it after rendering.
+ */
+export declare function emulateNoAnchorPositioning(): () => void;
+//# sourceMappingURL=emulateNoAnchorPositioning.d.ts.map

package/dist/testUtils/browser/emulateNoAnchorPositioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emulateNoAnchorPositioning.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/emulateNoAnchorPositioning.ts"],"names":[],"mappings":"AAwCA;;;;;GAKG;AACH,wBAAgB,0BAA0B,IAAI,MAAM,IAAI,CAyBvD"}

package/dist/testUtils/browser/render.d.ts

@@ -1,13 +1,17 @@
+import { Theme } from '@blockle/blocks-core';
 import { render as browserRender } from 'vitest-browser-react';
 import { BlocksProviderProps } from '../../components/providers/BlocksProvider/BlocksProvider.js';
 type RenderOptions = Parameters<typeof browserRender>[1] & {
     /** Passed to the outermost BlocksProvider. Omit to use its default. */
     colorMode?: BlocksProviderProps['colorMode'];
+    /** The theme to render under. Defaults to momotaro. */
+    theme?: Theme;
 };
 /**
- * Renders the UI in a real browser, under BlocksProvider with the momotaro theme.
+ * Renders the UI in a real browser, under BlocksProvider with the momotaro theme
+ * unless `theme` says otherwise.
  * Use for tests that need real computed styles.
  */
-export declare const render: (ui: Parameters<typeof browserRender>[0], { colorMode, ...options }?: RenderOptions) => Promise<import('vitest-browser-react').RenderResult>;
+export declare const render: (ui: Parameters<typeof browserRender>[0], { colorMode, theme, ...options }?: RenderOptions) => Promise<import('vitest-browser-react').RenderResult>;
 export {};
 //# sourceMappingURL=render.d.ts.map

package/dist/testUtils/browser/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/render.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,6DAA6D,CAAC;AAErE,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG;IACzD,uEAAuE;IACvE,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;CAC9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,MAAM,GACjB,IAAI,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,EACvC,4BAA2B,aAAkB,yDAU9C,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/render.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,6DAA6D,CAAC;AAErE,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,GAAG;IACzD,uEAAuE;IACvE,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAC;IAC7C,uDAAuD;IACvD,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,MAAM,GACjB,IAAI,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,EACvC,mCAA6C,aAAkB,yDAUhE,CAAC"}

package/dist/testUtils/browser/screenshot.d.ts

@@ -0,0 +1,2 @@
+export declare function itScreenshot(name: string, test: () => Promise<void> | void): void;
+//# sourceMappingURL=screenshot.d.ts.map

package/dist/testUtils/browser/screenshot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screenshot.d.ts","sourceRoot":"","sources":["../../../src/testUtils/browser/screenshot.ts"],"names":[],"mappings":"AAQA,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,QAE1E"}

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

@@ -1 +1 @@
-{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KAuMvB,CAAC"}
+{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AA0BA,eAAO,MAAM,YAAY,KAoNvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
@@ -34,7 +34,7 @@
     "@vanilla-extract/css": "^1.18.0"
   },
   "peerDependencies": {
-    "@blockle/blocks-core": ">=3.1.x",
+    "@blockle/blocks-core": ">=3.3.x",
     "@blockle/blocks-react-slot": ">=1.2.x",
     "@vanilla-extract/css": "^1.18.0",
     "react": ">=19.1.0",

package/dist/components/feedback/Alert/Alert.css.d.ts

@@ -1,2 +0,0 @@
-export declare const closeButton: string;
-//# sourceMappingURL=Alert.css.d.ts.map

package/dist/components/feedback/Alert/Alert.css.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Alert/Alert.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAMtB,CAAC"}

package/dist/components/feedback/Alert/Alert.css.js

@@ -1,15 +0,0 @@
-import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
-import { layers } from "@blockle/blocks-core";
-import { style } from "@vanilla-extract/css";
-setFileScope("src/components/feedback/Alert/Alert.css.ts", "@blockle/blocks-react");
-const closeButton = style({
-  "@layer": {
-    [layers.molecule]: {
-      color: "currentColor"
-    }
-  }
-});
-endFileScope();
-export {
-  closeButton
-};