@blockle/blocks-react 2.4.1 → 2.4.4

package/README.md

@@ -1,25 +1 @@
-# @blockle/blocks-hooks
-
-A collection of React hooks.
-
-## Installation
-
-```bash
-npm install @blockle/hooks
-```
-
-## Usage
-
-### useIsomorphicLayoutEffect
-
-```tsx
-import { useIsomorphicLayoutEffect } from '@blockle/hooks';
-
-export const Component = () => {
-  useIsomorphicLayoutEffect(() => {
-    // Your effect
-  }, []);
-  
-  return <div>Component</div>;
-};
-```
+# @blockle/blocks-react

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

@@ -10,7 +10,7 @@ const Divider = ({
   color,
   ...restProps
 }) => {
-  const dividerClass = useComponentStyles("divider", { base: true });
+  const dividerClass = useComponentStyles("divider", { root: true });
   const dividerDefaults = useComponentStyleDefaultProps("divider");
   return /* @__PURE__ */ jsx(
     Box,

package/dist/components/display/Icon/createIconMask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createIconMask.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Icon/createIconMask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,KAAK,mBAAmB,CAAC,KAAK,SAAS,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG;IAC5E,IAAI,EAAE,KAAK,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,EACjD,YAAY,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,MAE3B,oBAAoB,mBAAmB,CAAC,KAAK,CAAC,4CAGvD,CAAC"}
+{"version":3,"file":"createIconMask.d.ts","sourceRoot":"","sources":["../../../../src/components/display/Icon/createIconMask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAE7D,KAAK,mBAAmB,CAAC,KAAK,SAAS,MAAM,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,GAAG;IAC5E,IAAI,EAAE,KAAK,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,KAAK,SAAS,MAAM,EACjD,YAAY,CAAC,IAAI,EAAE,KAAK,KAAK,MAAM,0BAES,mBAAmB,CAAC,KAAK,CAAC,4CAKvE,CAAC"}

package/dist/components/display/Icon/createIconMask.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { IconMask } from "./IconMask.js";
 const createIconMask = (getIconUrl) => {
-  return ({ name, ...props }) => {
+  const CustomIconMask = ({ name, ...props }) => {
     return /* @__PURE__ */ jsx(IconMask, { ...props, src: getIconUrl(name) });
   };
+  return CustomIconMask;
 };
 export {
   createIconMask

package/dist/components/display/Icon/heroicons.d.ts

@@ -0,0 +1,3 @@
+export type HeroIconName = 'academic-cap' | 'adjustments-horizontal' | 'adjustments-vertical' | 'archive-box-arrow-down' | 'archive-box-x-mark' | 'archive-box' | 'arrow-down-circle' | 'arrow-down-left' | 'arrow-down-on-square-stack' | 'arrow-down-on-square' | 'arrow-down-right' | 'arrow-down-tray' | 'arrow-down' | 'arrow-left-circle' | 'arrow-left-end-on-rectangle' | 'arrow-left-on-rectangle' | 'arrow-left-start-on-rectangle' | 'arrow-left' | 'arrow-long-down' | 'arrow-long-left' | 'arrow-long-right' | 'arrow-long-up' | 'arrow-path-rounded-square' | 'arrow-path' | 'arrow-right-circle' | 'arrow-right-end-on-rectangle' | 'arrow-right-on-rectangle' | 'arrow-right-start-on-rectangle' | 'arrow-right' | 'arrow-small-down' | 'arrow-small-left' | 'arrow-small-right' | 'arrow-small-up' | 'arrow-top-right-on-square' | 'arrow-trending-down' | 'arrow-trending-up' | 'arrow-turn-down-left' | 'arrow-turn-down-right' | 'arrow-turn-left-down' | 'arrow-turn-left-up' | 'arrow-turn-right-down' | 'arrow-turn-right-up' | 'arrow-turn-up-left' | 'arrow-turn-up-right' | 'arrow-up-circle' | 'arrow-up-left' | 'arrow-up-on-square-stack' | 'arrow-up-on-square' | 'arrow-up-right' | 'arrow-up-tray' | 'arrow-up' | 'arrow-uturn-down' | 'arrow-uturn-left' | 'arrow-uturn-right' | 'arrow-uturn-up' | 'arrows-pointing-in' | 'arrows-pointing-out' | 'arrows-right-left' | 'arrows-up-down' | 'at-symbol' | 'backspace' | 'backward' | 'banknotes' | 'bars-2' | 'bars-3-bottom-left' | 'bars-3-bottom-right' | 'bars-3-center-left' | 'bars-3' | 'bars-4' | 'bars-arrow-down' | 'bars-arrow-up' | 'battery-0' | 'battery-100' | 'battery-50' | 'beaker' | 'bell-alert' | 'bell-slash' | 'bell-snooze' | 'bell' | 'bold' | 'bolt-slash' | 'bolt' | 'book-open' | 'bookmark-slash' | 'bookmark-square' | 'bookmark' | 'briefcase' | 'bug-ant' | 'building-library' | 'building-office-2' | 'building-office' | 'building-storefront' | 'cake' | 'calculator' | 'calendar-date-range' | 'calendar-days' | 'calendar' | 'camera' | 'chart-bar-square' | 'chart-bar' | 'chart-pie' | 'chat-bubble-bottom-center-text' | 'chat-bubble-bottom-center' | 'chat-bubble-left-ellipsis' | 'chat-bubble-left-right' | 'chat-bubble-left' | 'chat-bubble-oval-left-ellipsis' | 'chat-bubble-oval-left' | 'check-badge' | 'check-circle' | 'check' | 'chevron-double-down' | 'chevron-double-left' | 'chevron-double-right' | 'chevron-double-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up-down' | 'chevron-up' | 'circle-stack' | 'clipboard-document-check' | 'clipboard-document-list' | 'clipboard-document' | 'clipboard' | 'clock' | 'cloud-arrow-down' | 'cloud-arrow-up' | 'cloud' | 'code-bracket-square' | 'code-bracket' | 'cog-6-tooth' | 'cog-8-tooth' | 'cog' | 'command-line' | 'computer-desktop' | 'cpu-chip' | 'credit-card' | 'cube-transparent' | 'cube' | 'currency-bangladeshi' | 'currency-dollar' | 'currency-euro' | 'currency-pound' | 'currency-rupee' | 'currency-yen' | 'cursor-arrow-rays' | 'cursor-arrow-ripple' | 'device-phone-mobile' | 'device-tablet' | 'divide' | 'document-arrow-down' | 'document-arrow-up' | 'document-chart-bar' | 'document-check' | 'document-currency-bangladeshi' | 'document-currency-dollar' | 'document-currency-euro' | 'document-currency-pound' | 'document-currency-rupee' | 'document-currency-yen' | 'document-duplicate' | 'document-magnifying-glass' | 'document-minus' | 'document-plus' | 'document-text' | 'document' | 'ellipsis-horizontal-circle' | 'ellipsis-horizontal' | 'ellipsis-vertical' | 'envelope-open' | 'envelope' | 'equals' | 'exclamation-circle' | 'exclamation-triangle' | 'eye-dropper' | 'eye-slash' | 'eye' | 'face-frown' | 'face-smile' | 'film' | 'finger-print' | 'fire' | 'flag' | 'folder-arrow-down' | 'folder-minus' | 'folder-open' | 'folder-plus' | 'folder' | 'forward' | 'funnel' | 'gif' | 'gift-top' | 'gift' | 'globe-alt' | 'globe-americas' | 'globe-asia-australia' | 'globe-europe-africa' | 'h1' | 'h2' | 'h3' | 'hand-raised' | 'hand-thumb-down' | 'hand-thumb-up' | 'hashtag' | 'heart' | 'home-modern' | 'home' | 'identification' | 'inbox-arrow-down' | 'inbox-stack' | 'inbox' | 'information-circle' | 'italic' | 'key' | 'language' | 'lifebuoy' | 'light-bulb' | 'link-slash' | 'link' | 'list-bullet' | 'lock-closed' | 'lock-open' | 'magnifying-glass-circle' | 'magnifying-glass-minus' | 'magnifying-glass-plus' | 'magnifying-glass' | 'map-pin' | 'map' | 'megaphone' | 'microphone' | 'minus-circle' | 'minus-small' | 'minus' | 'moon' | 'musical-note' | 'newspaper' | 'no-symbol' | 'numbered-list' | 'paint-brush' | 'paper-airplane' | 'paper-clip' | 'pause-circle' | 'pause' | 'pencil-square' | 'pencil' | 'percent-badge' | 'phone-arrow-down-left' | 'phone-arrow-up-right' | 'phone-x-mark' | 'phone' | 'photo' | 'play-circle' | 'play-pause' | 'play' | 'plus-circle' | 'plus-small' | 'plus' | 'power' | 'presentation-chart-bar' | 'presentation-chart-line' | 'printer' | 'puzzle-piece' | 'qr-code' | 'question-mark-circle' | 'queue-list' | 'radio' | 'receipt-percent' | 'receipt-refund' | 'rectangle-group' | 'rectangle-stack' | 'rocket-launch' | 'rss' | 'scale' | 'scissors' | 'server-stack' | 'server' | 'share' | 'shield-check' | 'shield-exclamation' | 'shopping-bag' | 'shopping-cart' | 'signal-slash' | 'signal' | 'slash' | 'sparkles' | 'speaker-wave' | 'speaker-x-mark' | 'square-2-stack' | 'square-3-stack-3d' | 'squares-2x2' | 'squares-plus' | 'star' | 'stop-circle' | 'stop' | 'strikethrough' | 'sun' | 'swatch' | 'table-cells' | 'tag' | 'ticket' | 'trash' | 'trophy' | 'truck' | 'tv' | 'underline' | 'user-circle' | 'user-group' | 'user-minus' | 'user-plus' | 'user' | 'users' | 'variable' | 'video-camera-slash' | 'video-camera' | 'view-columns' | 'viewfinder-circle' | 'wallet' | 'wifi' | 'window' | 'wrench-screwdriver' | 'wrench' | 'x-circle' | 'x-mark';
+export declare const heroIconNames: string[];
+//# sourceMappingURL=heroicons.d.ts.map

package/dist/components/display/Icon/heroicons.d.ts.map

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

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

@@ -13,7 +13,7 @@ const Alert = ({
   ...restProps
 }) => {
   const containerClassName = useComponentStyles("alert", {
-    base: true,
+    root: true,
     variants: { intent }
   });
   return /* @__PURE__ */ jsxs(

package/dist/components/feedback/Progress/Progress.js

@@ -15,7 +15,7 @@ const Progress = ({
   const containerClassName = useComponentStyles(
     "progress",
     {
-      base: true
+      root: true
     },
     false
   );

package/dist/components/feedback/Spinner/Spinner.js

@@ -10,7 +10,7 @@ const Spinner = ({
   ...restProps
 }) => {
   const spinnerClassName = useComponentStyles("spinner", {
-    base: true,
+    root: true,
     variants: { size, color }
   });
   return /* @__PURE__ */ jsx(

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,eAAe,EAGpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GACnD,WAAW,CAAC;AAId,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDxC,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,KAAK,EAEV,KAAK,eAAe,EAGpB,KAAK,gBAAgB,EACrB,KAAK,WAAW,EACjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,IAAI,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,GACnD,WAAW,CAAC;AAId,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAyDxC,CAAC"}

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

@@ -4,6 +4,7 @@ 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 { Box } from "../../layout/Box/Box.js";
 import { buttonReset } from "./Button.css.js";
 const [Template, Slot] = createSlottable("button");
 const Button = ({
@@ -22,7 +23,7 @@ const Button = ({
   ...restProps
 }) => {
   const buttonClassName = useComponentStyles("button", {
-    base: true,
+    root: true,
     variants: {
       variant,
       intent,
@@ -47,10 +48,10 @@ const Button = ({
       type: asChild ? void 0 : type ?? "button",
       ...otherProps,
       children: [
-        startSlot && /* @__PURE__ */ jsx("div", { children: startSlot }),
+        startSlot && /* @__PURE__ */ jsx(Box, { display: "inline-flex", children: startSlot }),
         loading && /* @__PURE__ */ jsx(Spinner, { size }),
         /* @__PURE__ */ jsx(Slot, { children }),
-        endSlot && /* @__PURE__ */ jsx("div", { children: endSlot })
+        endSlot && /* @__PURE__ */ jsx(Box, { display: "inline-flex", children: endSlot })
       ]
     }
   );

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

@@ -16,7 +16,7 @@ const Checkbox = ({
 }) => {
   const containerClassName = useComponentStyles(
     "checkbox",
-    { base: true },
+    { root: true },
     false
   );
   const iconClassName = useComponentStyles("checkbox", { icon: true }, false);

package/dist/components/form/Label/Label.js

@@ -13,7 +13,7 @@ const Label = ({
 }) => {
   const Component = asSpan ? "span" : "label";
   const containerClassName = useComponentStyles("label", {
-    base: true,
+    root: true,
     variants: { required, size }
   });
   return /* @__PURE__ */ jsx(

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

@@ -14,7 +14,7 @@ const Radio = ({
 }) => {
   const rid = useId();
   const id = restProps.id ?? rid;
-  const containerClassName = useComponentStyles("radio", { base: true }, false);
+  const containerClassName = useComponentStyles("radio", { root: true }, false);
   const iconClassName = useComponentStyles("radio", { icon: true }, false);
   const labelClassName = useComponentStyles("checkbox", { label: true }, false);
   const input$1 = /* @__PURE__ */ jsxs(

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAsCxC,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,gBAAgB,EACtB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,WAAW,GAAG,eAAe,CAAC,QAAQ,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC,SAAS,CAAC,CAAC;CAC9C,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkCxC,CAAC"}

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

@@ -12,11 +12,7 @@ const Select = ({
   ref,
   ...restProps
 }) => {
-  const wrapperClassName = useComponentStyles(
-    "select",
-    { wrapper: true },
-    false
-  );
+  const wrapperClassName = useComponentStyles("select", { root: true }, false);
   const selectClassName = useComponentStyles("select", {
     select: true,
     variants: { variant }

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

@@ -33,7 +33,7 @@ const Slider = ({
   ...restProps
 }) => {
   const baseClass = useComponentStyles("slider", {
-    base: true,
+    root: true,
     variants: { size, colorScheme, disabled }
   });
   const trackClass = useComponentStyles("slider", { track: true }, false);

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

@@ -15,8 +15,8 @@ const Switch = ({
   const [isChecked, setIsChecked] = useState(
     defaultChecked || checked || false
   );
-  const baseClassName = useComponentStyles("switch", { base: true });
-  const sliderClassName = useComponentStyles("switch", { slider: true }, false);
+  const baseClassName = useComponentStyles("switch", { root: true });
+  const thumbClassName = useComponentStyles("switch", { thumb: true }, false);
   useEffect(() => {
     if (checked !== void 0) {
       setIsChecked(checked);
@@ -63,7 +63,7 @@ const Switch = ({
             ...restProps
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: sliderClassName, "data-checked": isChecked })
+        /* @__PURE__ */ jsx("div", { className: thumbClassName, "data-checked": isChecked })
       ]
     }
   ) });

package/dist/components/form/TextInput/TextInput.js

@@ -17,7 +17,7 @@ const TextInput = ({
 }) => {
   const containerStyles = useComponentStyles(
     "textInput",
-    { container: true },
+    { root: true },
     false
   );
   const inputStyles = useComponentStyles("textInput", { input: true });

package/dist/components/form/Textarea/Textarea.js

@@ -11,7 +11,7 @@ const Textarea = ({
 }) => {
   const containerClassName = useComponentStyles(
     "textarea",
-    { container: true },
+    { root: true },
     false
   );
   const inputClassName = useComponentStyles("textarea", { input: true });

package/dist/components/navigation/Link/Link.js

@@ -14,7 +14,7 @@ const Link = ({
   ...restProps
 }) => {
   const linkClassName = useComponentStyles("link", {
-    base: true,
+    root: true,
     variants: { variant, underline }
   });
   return /* @__PURE__ */ jsx(

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

@@ -0,0 +1,10 @@
+import { HTMLElementProps } from '@blockle/blocks-core';
+import * as styles from './drawer.css.js';
+export type DrawerProps = {
+    open: boolean;
+    onRequestClose: () => void;
+    placement?: keyof typeof styles.placement;
+    children?: React.ReactNode;
+} & HTMLElementProps<HTMLDialogElement>;
+export declare const Drawer: React.FC<DrawerProps>;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/components/overlay/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,sBAAsB,CAAC;AAQ9B,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAE1C,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,OAAO,CAAC;IACd,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAExC,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuFxC,CAAC"}

package/dist/components/overlay/Drawer/Drawer.js

@@ -0,0 +1,78 @@
+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";
+import { useComponentStyles } from "../../../hooks/useComponentStyles/useComponentStyles.js";
+import { useIsomorphicLayoutEffect } from "../../../hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js";
+import { useKeyboard } from "../../../hooks/useKeyboard/useKeyboard.js";
+import { usePreventBodyScroll } from "../../../hooks/usePreventBodyScroll/usePreventBodyScroll.js";
+import { drawer, placement } from "./drawer.css.js";
+const Drawer = ({
+  open,
+  onRequestClose,
+  placement: placement$1 = "left",
+  children,
+  ...restProps
+}) => {
+  const dialogRef = useRef(null);
+  const [visible, setVisible] = useState(open);
+  const rootClassName = useComponentStyles("drawer", {
+    root: true,
+    variants: { placement: placement$1 }
+  });
+  const dataOpen = typeof window === "undefined" && open ? true : void 0;
+  usePreventBodyScroll(open);
+  useClickOutside(dialogRef, onRequestClose, { enabled: open });
+  const onEscape = useCallback(
+    (event) => {
+      event.preventDefault();
+      onRequestClose();
+    },
+    [onRequestClose]
+  );
+  useKeyboard("Escape", onEscape, { enabled: open });
+  useIsomorphicLayoutEffect(() => {
+    if (open && visible) {
+      if (!dialogRef.current || !dialogRef.current.showModal) {
+        return;
+      }
+      dialogRef.current.showModal();
+    } else if (open) {
+      setVisible(true);
+    } else {
+      if (!hasAnimationDuration(dialogRef.current)) {
+        setVisible(false);
+      }
+      if (dialogRef.current?.close) {
+        dialogRef.current.close();
+      }
+    }
+  }, [open, visible]);
+  const onAnimationEnd = useCallback(() => {
+    if (!open) {
+      setVisible(false);
+    }
+  }, [open]);
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ref: dialogRef,
+      open: dataOpen,
+      className: classnames(
+        drawer,
+        placement[placement$1],
+        rootClassName
+      ),
+      onAnimationEnd,
+      onTransitionEnd: onAnimationEnd,
+      ...restProps,
+      children
+    }
+  );
+};
+export {
+  Drawer
+};

package/dist/components/overlay/Drawer/drawer.css.d.ts

@@ -0,0 +1,8 @@
+export declare const drawer: string;
+export declare const placement: {
+    left: string;
+    right: string;
+    top: string;
+    bottom: string;
+};
+//# sourceMappingURL=drawer.css.d.ts.map

package/dist/components/overlay/Drawer/drawer.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.css.d.ts","sourceRoot":"","sources":["../../../../src/components/overlay/Drawer/drawer.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,QAmBjB,CAAC;AAEH,eAAO,MAAM,SAAS;;;;;CA2CrB,CAAC"}

package/dist/components/overlay/Drawer/drawer.css.js

@@ -0,0 +1,73 @@
+import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
+import { layers } from "@blockle/blocks-core";
+import { style } from "@vanilla-extract/css";
+setFileScope("src/components/overlay/Drawer/drawer.css.ts", "@blockle/blocks-react");
+const drawer = style({
+  "@layer": {
+    [layers.molecule]: {
+      position: "fixed",
+      border: "none",
+      margin: 0,
+      // unset default dialog styles
+      maxHeight: "100%",
+      maxWidth: "100%",
+      left: "unset",
+      top: "unset",
+      overflow: "auto",
+      "::backdrop": {
+        // Remove pointer event to prevent clicks on the backdrop
+        // and make it easier to check if the click was outside the dialog
+        pointerEvents: "none"
+      }
+    }
+  }
+});
+const placement = {
+  left: style({
+    "@layer": {
+      [layers.molecule]: {
+        top: 0,
+        bottom: 0,
+        left: 0,
+        height: "100%",
+        width: "300px"
+      }
+    }
+  }),
+  right: style({
+    "@layer": {
+      [layers.molecule]: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        height: "100%",
+        width: "300px"
+      }
+    }
+  }),
+  top: style({
+    "@layer": {
+      [layers.molecule]: {
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "300px"
+      }
+    }
+  }),
+  bottom: style({
+    "@layer": {
+      [layers.molecule]: {
+        bottom: 0,
+        left: 0,
+        width: "100%",
+        height: "300px"
+      }
+    }
+  })
+};
+endFileScope();
+export {
+  drawer,
+  placement
+};

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

@@ -22,7 +22,7 @@ const Popover = ({
   const popoverRef = useRef(null);
   const [popoverPosition, setPopoverPosition] = useState({ x: 0, y: 0 });
   const [visible, setVisible] = useState(open);
-  const popoverClassName = useComponentStyles("popover", { base: true }, false);
+  const popoverClassName = useComponentStyles("popover", { root: true }, false);
   useKeyboard("Escape", onRequestClose, { enabled: open });
   useClickOutside(popoverRef, onRequestClose, { enabled: open });
   useIsomorphicLayoutEffect(() => {

package/dist/components/overlay/Tooltip/Tooltip.js

@@ -14,7 +14,7 @@ const Tooltip = ({
   const ref = useRef(null);
   const [open, setOpen] = useState(false);
   const tooltipClassName = useComponentStyles("tooltip", {
-    base: true,
+    root: true,
     variants: { colorScheme }
   });
   useEffect(() => {

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

@@ -22,7 +22,7 @@ const BlocksProvider = ({
     {
       className: classnames(
         theme.vars,
-        atoms({ fontFamily: "primary" }),
+        atoms({ fontFamily: "body" }),
         className
       ),
       ...restProps,

package/dist/index.d.ts

@@ -23,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 { Drawer, type DrawerProps, } from './components/overlay/Drawer/Drawer.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';

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

@@ -23,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 { Drawer } from "./components/overlay/Drawer/Drawer.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";
@@ -43,6 +44,7 @@ export {
   Checkbox,
   Dialog,
   Divider,
+  Drawer,
   Heading,
   IconMask,
   Inline,

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,KA4FvB,CAAC"}
+{"version":3,"file":"testTheme.css.d.ts","sourceRoot":"","sources":["../../src/testUtils/testTheme.css.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,YAAY,KA+FvB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blockle/blocks-react",
-  "version": "2.4.1",
+  "version": "2.4.4",
   "description": "React hooks and components for Blockle",
   "type": "module",
   "exports": {
@@ -22,7 +22,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "git+ssh://git@github.com/Blockle/blocks.git"
+    "url": "git+https://github.com/Blockle/blocks.git"
   },
   "author": "Niek Saarberg <n.saarberg@gmail.com>",
   "license": "MIT",
@@ -31,13 +31,17 @@
   },
   "homepage": "https://github.com/Blockle/blocks#readme",
   "dependencies": {
-    "@vanilla-extract/css": "^1.17.5"
+    "@vanilla-extract/css": "^1.18.0"
   },
   "peerDependencies": {
     "@blockle/blocks-core": ">=1.2.x",
     "@blockle/blocks-react-slot": ">=1.1.x",
-    "@vanilla-extract/css": "^1.17.5",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0"
+    "@vanilla-extract/css": "^1.18.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
   }
 }