@blockle/blocks 0.11.2 → 0.11.3

package/dist/index.cjs

@@ -8,7 +8,7 @@ const styles_lib_theme_vars_css_cjs = require("./styles/lib/theme/vars.css.cjs")
 const styles_components_display_Divider_Divider_cjs = require("./styles/components/display/Divider/Divider.cjs");
 const styles_lib_css_atoms_sprinkles_css_cjs = require("./styles/lib/css/atoms/sprinkles.css.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const require$$0 = require("react");
+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,7 +20,7 @@ const styles_components_other_BlocksProvider_BlocksProvider_cjs = require("./sty
 const styles_components_overlay_Dialog_Dialog_cjs = require("./styles/components/overlay/Dialog/Dialog.cjs");
 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 = require$$0.forwardRef(function Progress2({ value, max = 100, className, ...restProps }, ref) {
+const Progress = react.forwardRef(function Progress2({ value, max = 100, className, ...restProps }, ref) {
   const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
     "progress",
     {
@@ -120,7 +120,7 @@ const Stack = ({
   );
 };
 const Slottable = styles_components_display_Divider_Divider_cjs.createSlottable("a");
-const Link = require$$0.forwardRef(function Link2({ asChild, className, children, variant, underline, ...restProps }, ref) {
+const Link = react.forwardRef(function Link2({ asChild, className, children, variant, underline, ...restProps }, ref) {
   const linkClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles("link", {
     base: true,
     variants: { variant, underline }
@@ -137,7 +137,7 @@ const Link = require$$0.forwardRef(function Link2({ asChild, className, children
   );
 });
 const useClickOutside = (ref, onClickOutside, { enabled = true } = {}) => {
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (!enabled) {
       return;
     }
@@ -210,21 +210,21 @@ const Dropdown = ({
 }) => {
   const layer = styles_components_overlay_Dialog_Dialog_cjs.useLayer();
   const [visible, hide] = styles_components_overlay_Dialog_Dialog_cjs.useVisibilityState(open);
-  const [position, setPosition] = require$$0.useState({ x: 0, y: 0 });
-  const dropdownRef = require$$0.useRef(null);
+  const [position, setPosition] = react.useState({ x: 0, y: 0 });
+  const dropdownRef = react.useRef(null);
   const containerClassName = styles_components_display_Divider_Divider_cjs.useComponentStyles(
     "dropdown",
     { base: true, variants: { variant } },
     false
   );
-  require$$0.useLayoutEffect(() => {
+  react.useLayoutEffect(() => {
     if (!visible) {
       return;
     }
     const position2 = getDropdownPosition(align, anchorElement, dropdownRef);
     setPosition({ x: position2[0], y: position2[1] });
   }, [align, anchorElement, visible]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (!open || !repositionOnScroll) {
       return;
     }
@@ -255,12 +255,12 @@ const Dropdown = ({
       cancelAnimationFrame(timer);
     };
   }, [open, visible]);
-  const onAnimationEnd = require$$0.useCallback(() => {
+  const onAnimationEnd = react.useCallback(() => {
     if (!open) {
       hide();
     }
   }, [hide, open]);
-  require$$0.useEffect(() => {
+  react.useEffect(() => {
     if (open) {
       return;
     }
@@ -298,10 +298,10 @@ const Dropdown = ({
   ) });
 };
 const Tooltip = ({ align = "top", children, label }) => {
-  const id = require$$0.useId();
-  const ref = require$$0.useRef(null);
-  const [open, setOpen] = require$$0.useState(false);
-  require$$0.useEffect(() => {
+  const id = react.useId();
+  const ref = react.useRef(null);
+  const [open, setOpen] = react.useState(false);
+  react.useEffect(() => {
     const element = ref.current;
     if (!element) {
       return;
@@ -323,15 +323,15 @@ const Tooltip = ({ align = "top", children, label }) => {
       element.removeEventListener("focusout", onLeave);
     };
   }, [ref, setOpen]);
-  if (require$$0.Children.count(children) !== 1) {
+  if (react.Children.count(children) !== 1) {
     throw new Error("Tooltip component can only have one child");
   }
-  const child = require$$0.Children.toArray(children)[0];
-  if (!require$$0.isValidElement(child)) {
+  const child = react.Children.toArray(children)[0];
+  if (!react.isValidElement(child)) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    require$$0.cloneElement(child, {
+    react.cloneElement(child, {
       ref: styles_components_display_Divider_Divider_cjs.composeRefs(ref, child.ref),
       ["aria-describedby"]: open ? id : void 0
     }),