@blockle/blocks-react 2.1.0 → 2.2.0

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

@@ -0,0 +1,15 @@
+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.organism]: {
+      color: "currentColor"
+    }
+  }
+});
+endFileScope();
+export {
+  closeButton
+};

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

@@ -0,0 +1,66 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { classnames } from "@blockle/blocks-core";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
+import { Button } from "../../form/Button/Button.js";
+import { Box } from "../../layout/Box/Box.js";
+import { closeButton } from "./Alert.css.js";
+const Alert = ({
+  intent = "info",
+  children,
+  open,
+  onRequestClose
+}) => {
+  const containerClassName = useComponentStyles("alert", {
+    base: true,
+    variants: { intent }
+  });
+  if (!open) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      role: "alert",
+      className: classnames(containerClassName),
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [
+        /* @__PURE__ */ jsx("div", { children }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "small",
+            className: closeButton,
+            onClick: () => onRequestClose?.(),
+            children: /* @__PURE__ */ jsxs(
+              "svg",
+              {
+                role: "presentation",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "24",
+                height: "24",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "2",
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                children: [
+                  /* @__PURE__ */ jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+                  /* @__PURE__ */ jsx("path", { d: "M18 6l-12 12" }),
+                  /* @__PURE__ */ jsx("path", { d: "M6 6l12 12" })
+                ]
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Alert
+};

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

@@ -0,0 +1,23 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { style, keyframes } from "@vanilla-extract/css";
+setFileScope("src/components/feedback/Skeleton/Skeleton.css.ts", "@blockle/blocks-react");
+const pulse = keyframes({
+  "0%": { opacity: 1 },
+  "50%": { opacity: 0.4 },
+  "100%": { opacity: 1 }
+});
+const skeleton = style({
+  minHeight: "24px",
+  "@media": {
+    "screen and (prefers-reduced-motion: no-preference)": {
+      animationName: pulse,
+      animationDuration: "3s",
+      animationTimingFunction: "ease-in-out",
+      animationIterationCount: "infinite"
+    }
+  }
+});
+endFileScope();
+export {
+  skeleton
+};

package/dist/components/feedback/Skeleton/Skeleton.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { classnames } from "@blockle/blocks-core";
+import { Box } from "../../layout/Box/Box.js";
+import { skeleton } from "./Skeleton.css.js";
+const Skeleton = ({
+  height,
+  circle = false,
+  className,
+  borderRadius = 1,
+  backgroundColor = "background-300"
+}) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: classnames(skeleton, className),
+      borderRadius: circle ? "full" : borderRadius,
+      backgroundColor,
+      style: { height, aspectRatio: circle ? "1 / 1" : void 0 }
+    }
+  );
+};
+export {
+  Skeleton
+};

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.css.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,SAAS,QAMpB,CAAC"}
+{"version":3,"file":"Toast.css.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,QAKpB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { style, keyframes } from "@vanilla-extract/css";
+setFileScope("src/components/feedback/Toast/Toast.css.ts", "@blockle/blocks-react");
+const toastEnter = keyframes({
+  from: { opacity: 0, scale: 0.9, translate: "0 20%" },
+  to: { opacity: 1, scale: 1, translate: "0 0" }
+});
+const container = style({
+  animationName: toastEnter,
+  animationDuration: "240ms",
+  animationTimingFunction: "ease-out",
+  height: "fit-content"
+});
+endFileScope();
+export {
+  container
+};

package/dist/components/feedback/Toast/Toast.d.ts

@@ -1,12 +1,8 @@
-import { ComponentThemes } from '@blockle/blocks-core';
-type ToastTheme = ComponentThemes['toast'];
 export type ToastProps = {
     children?: React.ReactNode;
     duration?: number;
-    intent?: ToastTheme['variants']['intent'];
     onRequestClose: () => void;
     open: boolean;
 };
 export declare const Toast: React.FC<ToastProps>;
-export {};
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/feedback/Toast/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK5D,KAAK,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmCtC,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/Toast.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAiCtC,CAAC"}

package/dist/components/feedback/Toast/Toast.js

@@ -0,0 +1,36 @@
+"use client";
+import { useId, useContext, useEffect } from "react";
+import { ToastContext } from "./ToastContext.js";
+const Toast = ({
+  children,
+  duration,
+  onRequestClose,
+  open
+}) => {
+  const toastId = useId();
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("Toast must be used within a ToastProvider");
+  }
+  useEffect(() => {
+    if (open) {
+      context.add({
+        id: toastId,
+        duration,
+        children,
+        onRequestClose
+      });
+    } else {
+      context.remove(toastId);
+    }
+  }, [duration, open, children, onRequestClose, context, toastId]);
+  useEffect(() => {
+    return () => {
+      context.remove(toastId);
+    };
+  }, [context, toastId]);
+  return null;
+};
+export {
+  Toast
+};

package/dist/components/feedback/Toast/ToastContext.d.ts

@@ -1,6 +1,5 @@
 export type Toast = {
     id: string;
-    intent: 'neutral' | 'success' | 'error' | 'warning' | 'info';
     duration?: number;
     onRequestClose: () => void;
     children?: React.ReactNode;

package/dist/components/feedback/Toast/ToastContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,YAAY,kDAA+C,CAAC"}
+{"version":3,"file":"ToastContext.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastContext.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAC5B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9B,CAAC;AAIF,eAAO,MAAM,YAAY,kDAA+C,CAAC"}

package/dist/components/feedback/Toast/ToastContext.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+const ToastContext = createContext(null);
+export {
+  ToastContext
+};

package/dist/components/feedback/Toast/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EACL,aAAa,GACb,eAAe,GACf,cAAc,GACd,UAAU,GACV,YAAY,GACZ,WAAW,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkFtD,CAAC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/Toast/ToastProvider.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EACL,aAAa,GACb,eAAe,GACf,cAAc,GACd,UAAU,GACV,YAAY,GACZ,WAAW,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiFtD,CAAC"}

package/dist/components/feedback/Toast/ToastProvider.js

@@ -0,0 +1,85 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useRef, useCallback, useMemo } from "react";
+import { flushSync } from "react-dom";
+import { Box } from "../../layout/Box/Box.js";
+import { Stack } from "../../layout/Stack/Stack.js";
+import { container } from "./Toast.css.js";
+import { ToastContext } from "./ToastContext.js";
+function makeTransition(transition) {
+  if (document.startViewTransition) {
+    document.startViewTransition(() => {
+      flushSync(() => {
+        transition();
+      });
+    });
+  } else {
+    transition();
+  }
+}
+const ToastProvider = ({ children }) => {
+  const [toasts, setToasts] = useState([]);
+  const toastsRef = useRef(toasts);
+  toastsRef.current = toasts;
+  const removeToast = useCallback((id) => {
+    makeTransition(() => {
+      setToasts((prev) => prev.filter((toast) => toast.id !== id));
+    });
+  }, []);
+  const addToast = useCallback((toast) => {
+    const toasts2 = toastsRef.current;
+    const match = toasts2.findIndex(({ id }) => id === toast.id) !== -1;
+    function updateState(prev) {
+      const match2 = prev.findIndex(({ id }) => id === toast.id) !== -1;
+      if (match2) {
+        return prev.map((item) => item.id === toast.id ? toast : item);
+      }
+      return [...prev, toast];
+    }
+    if (match) {
+      setToasts(updateState);
+      return;
+    }
+    makeTransition(() => {
+      setToasts(updateState);
+    });
+    if (toast.duration) {
+      setTimeout(() => {
+        toast.onRequestClose();
+      }, toast.duration);
+    }
+  }, []);
+  const contextValue = useMemo(
+    () => ({
+      add: addToast,
+      remove: removeToast
+    }),
+    [addToast, removeToast]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        asChild: true,
+        position: "fixed",
+        insetBlockEnd: 0,
+        insetInline: 0,
+        padding: 2,
+        children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: toasts.map(({ id, children: children2 }) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: container,
+            style: {
+              viewTransitionName: `toast-${id}`
+            },
+            children: children2
+          },
+          id
+        )) })
+      }
+    )
+  ] });
+};
+export {
+  ToastProvider
+};

package/dist/index.d.ts

@@ -2,8 +2,12 @@ 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 { 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';
 export { Spinner, type SpinnerProps, } from './components/feedback/Spinner/Spinner.js';
+export { Toast, type ToastProps } from './components/feedback/Toast/Toast.js';
+export { ToastProvider, type ToastProviderProps, } from './components/feedback/Toast/ToastProvider.js';
 export { Button, type ButtonProps } from './components/form/Button/Button.js';
 export { Checkbox, type CheckboxProps, } from './components/form/Checkbox/Checkbox.js';
 export { Label, type LabelProps } from './components/form/Label/Label.js';
@@ -19,6 +23,7 @@ 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 { Popover, type PopoverProps, } from './components/overlay/Popover/Popover.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';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,6DAA6D,CAAC;AAErE,OAAO,EACL,OAAO,EACP,KAAK,YAAY,GAClB,MAAM,yCAAyC,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EACL,OAAO,EACP,KAAK,YAAY,GAClB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,GACvB,MAAM,gDAAgD,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAE5E,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EACL,MAAM,EACN,KAAK,WAAW,GACjB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,MAAM,EACN,KAAK,WAAW,GACjB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,OAAO,EACP,KAAK,YAAY,GAClB,MAAM,yCAAyC,CAAC;AAEjD,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,yDAAyD,CAAC;AAEjE,OAAO,EACL,OAAO,EACP,KAAK,YAAY,GAClB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAE5E,OAAO,EAAE,6BAA6B,EAAE,MAAM,6DAA6D,CAAC;AAC5G,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,gEAAgE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -2,8 +2,12 @@ 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 { Alert } from "./components/feedback/Alert/Alert.js";
 import { Progress } from "./components/feedback/Progress/Progress.js";
+import { Skeleton } from "./components/feedback/Skeleton/Skeleton.js";
 import { Spinner } from "./components/feedback/Spinner/Spinner.js";
+import { Toast } from "./components/feedback/Toast/Toast.js";
+import { ToastProvider } from "./components/feedback/Toast/ToastProvider.js";
 import { Button } from "./components/form/Button/Button.js";
 import { Checkbox } from "./components/form/Checkbox/Checkbox.js";
 import { Label } from "./components/form/Label/Label.js";
@@ -19,6 +23,7 @@ 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 { Dialog } from "./components/overlay/Dialog/Dialog.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";
 import { BlocksProvider } from "./components/providers/BlocksProvider/BlocksProvider.js";
@@ -31,6 +36,7 @@ import { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect/use
 import { useKeyboard } from "./hooks/useKeyboard/useKeyboard.js";
 import { usePreventBodyScroll } from "./hooks/usePreventBodyScroll/usePreventBodyScroll.js";
 export {
+  Alert,
   BlocksProvider,
   Box,
   Button,
@@ -43,10 +49,12 @@ export {
   Label,
   Link,
   NumericInput,
+  Popover,
   Portal,
   Progress,
   Radio,
   Select,
+  Skeleton,
   Slider,
   Spinner,
   Stack,
@@ -54,6 +62,8 @@ export {
   Text,
   TextInput,
   Textarea,
+  Toast,
+  ToastProvider,
   Tooltip,
   VisuallyHidden,
   createIconMask,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
@@ -31,13 +31,13 @@
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
   "dependencies": {
-    "@vanilla-extract/css": "^1.17.1"
+    "@vanilla-extract/css": "^1.17.4"
   },
   "peerDependencies": {
+    "@blockle/blocks-core": ">=1.1.0",
+    "@blockle/blocks-react-slot": ">=1.1.1",
+    "@vanilla-extract/css": "^1.17.4",
     "react": ">=19",
-    "react-dom": ">=19",
-    "@vanilla-extract/css": ">=1.17.1",
-    "@blockle/blocks-core": ">=1.0.x",
-    "@blockle/blocks-react-slot": ">=1.1.x"
+    "react-dom": ">=19"
   }
 }