@blockle/blocks 0.18.4 → 0.19.0

package/dist/index.cjs

@@ -9,7 +9,6 @@ const styles_components_display_Divider_Divider_cjs = require("./styles/componen
 const styles_components_Accessibility_VisuallyHidden_VisuallyHidden_cjs = require("./styles/components/Accessibility/VisuallyHidden/VisuallyHidden.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("./styles/lib/css/atoms/sprinkles.css.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
 const styles_components_form_Button_Button_cjs = require("./styles/components/form/Button/Button.cjs");
 const styles_components_form_Checkbox_Checkbox_cjs = require("./styles/components/form/Checkbox/Checkbox.cjs");
 const styles_components_form_Input_Input_cjs = require("./styles/components/form/Input/Input.cjs");
@@ -20,9 +19,17 @@ const styles_components_form_Switch_Switch_cjs = require("./styles/components/fo
 const styles_components_other_BlocksProvider_BlocksProvider_cjs = require("./styles/components/other/BlocksProvider/BlocksProvider.cjs");
 const reactDom = require("react-dom");
 const styles_components_overlay_Dialog_Dialog_cjs = require("./styles/components/overlay/Dialog/Dialog.cjs");
+const react = require("react");
 const styles_components_typography_Heading_Heading_cjs = require("./styles/components/typography/Heading/Heading.cjs");
 const styles_components_typography_Text_Text_cjs = require("./styles/components/typography/Text/Text.cjs");
-const Progress = react.forwardRef(function Progress2({ className, indeterminate, max = 100, value = 0, ...restProps }, ref) {
+const Progress = ({
+  className,
+  indeterminate,
+  max = 100,
+  ref,
+  value = 0,
+  ...restProps
+}) => {
   const progress = value / max * 100;
   const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
     "progress",
@@ -59,7 +66,7 @@ const Progress = react.forwardRef(function Progress2({ className, indeterminate,
       )
     }
   );
-});
+};
 const justifyContentMap = {
   left: "flex-start",
   right: "flex-end",
@@ -122,7 +129,15 @@ const Stack = ({
   );
 };
 const { Template, Slot } = styles_components_display_Divider_Divider_cjs.createAsChildTemplate("a");
-const Link = react.forwardRef(function Link2({ asChild, className, children, variant, underline, ...restProps }, ref) {
+const Link = ({
+  asChild,
+  children,
+  className,
+  ref,
+  underline,
+  variant,
+  ...restProps
+}) => {
   const linkClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("link", {
     base: true,
     variants: { variant, underline }
@@ -137,7 +152,7 @@ const Link = react.forwardRef(function Link2({ asChild, className, children, var
       children: /* @__PURE__ */ jsxRuntime.jsx(Slot, { children })
     }
   );
-});
+};
 const Portal = ({ children, container }) => {
   const context = styles_components_display_Divider_Divider_cjs.useTheme();
   return reactDom.createPortal(
@@ -146,17 +161,17 @@ const Portal = ({ children, container }) => {
   );
 };
 const useLayer = () => {
-  const layerRef = react.useRef();
+  const layerRef = react.useRef(null);
   react.useEffect(
     () => () => {
       if (layerRef.current) {
         layerRef.current.remove();
-        layerRef.current = void 0;
+        layerRef.current = null;
       }
     },
     []
   );
-  return () => {
+  function getLayer() {
     if (!layerRef.current) {
       const div = document.createElement("div");
       div.dataset.layer = "blocks";
@@ -164,7 +179,8 @@ const useLayer = () => {
       document.body.append(layerRef.current);
     }
     return layerRef.current;
-  };
+  }
+  return getLayer;
 };
 const useVisibilityState = (open) => {
   const [visible, setVisible] = react.useState(open);

package/dist/index.mjs

@@ -11,7 +11,6 @@ import { classnames } from "./styles/components/Accessibility/VisuallyHidden/Vis
 import { VisuallyHidden } from "./styles/components/Accessibility/VisuallyHidden/VisuallyHidden.mjs";
 import { atoms } from "./styles/lib/css/atoms/sprinkles.css.mjs";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect, useState, useCallback, useLayoutEffect, useId, Children, isValidElement, cloneElement, useContext } from "react";
 import { Button, Spinner } from "./styles/components/form/Button/Button.mjs";
 import { Checkbox, Label } from "./styles/components/form/Checkbox/Checkbox.mjs";
 import { Input } from "./styles/components/form/Input/Input.mjs";
@@ -23,9 +22,17 @@ import { BlocksProvider } from "./styles/components/other/BlocksProvider/BlocksP
 import { createPortal } from "react-dom";
 import { useIsomorphicLayoutEffect, hasAnimationDuration, useKeyboard, useClickOutside } from "./styles/components/overlay/Dialog/Dialog.mjs";
 import { Dialog, usePreventBodyScroll } from "./styles/components/overlay/Dialog/Dialog.mjs";
+import { useRef, useEffect, useState, useCallback, useLayoutEffect, useId, Children, isValidElement, cloneElement, useContext } from "react";
 import { Heading } from "./styles/components/typography/Heading/Heading.mjs";
 import { Text } from "./styles/components/typography/Text/Text.mjs";
-const Progress = forwardRef(function Progress2({ className, indeterminate, max = 100, value = 0, ...restProps }, ref) {
+const Progress = ({
+  className,
+  indeterminate,
+  max = 100,
+  ref,
+  value = 0,
+  ...restProps
+}) => {
   const progress = value / max * 100;
   const containerClassName = useComponentStyles(
     "progress",
@@ -62,7 +69,7 @@ const Progress = forwardRef(function Progress2({ className, indeterminate, max =
       )
     }
   );
-});
+};
 const justifyContentMap = {
   left: "flex-start",
   right: "flex-end",
@@ -125,7 +132,15 @@ const Stack = ({
   );
 };
 const { Template, Slot } = createAsChildTemplate("a");
-const Link = forwardRef(function Link2({ asChild, className, children, variant, underline, ...restProps }, ref) {
+const Link = ({
+  asChild,
+  children,
+  className,
+  ref,
+  underline,
+  variant,
+  ...restProps
+}) => {
   const linkClassName = useComponentStyles("link", {
     base: true,
     variants: { variant, underline }
@@ -140,7 +155,7 @@ const Link = forwardRef(function Link2({ asChild, className, children, variant,
       children: /* @__PURE__ */ jsx(Slot, { children })
     }
   );
-});
+};
 const Portal = ({ children, container }) => {
   const context = useTheme();
   return createPortal(
@@ -149,17 +164,17 @@ const Portal = ({ children, container }) => {
   );
 };
 const useLayer = () => {
-  const layerRef = useRef();
+  const layerRef = useRef(null);
   useEffect(
     () => () => {
       if (layerRef.current) {
         layerRef.current.remove();
-        layerRef.current = void 0;
+        layerRef.current = null;
       }
     },
     []
   );
-  return () => {
+  function getLayer() {
     if (!layerRef.current) {
       const div = document.createElement("div");
       div.dataset.layer = "blocks";
@@ -167,7 +182,8 @@ const useLayer = () => {
       document.body.append(layerRef.current);
     }
     return layerRef.current;
-  };
+  }
+  return getLayer;
 };
 const useVisibilityState = (open) => {
   const [visible, setVisible] = useState(open);