qstd 0.3.45 → 0.3.47

package/dist/react/index.js

@@ -1,6 +1,6 @@
 import "./index.css";
-import * as React14 from 'react';
-import React14__default, { forwardRef, useMemo, createElement } from 'react';
+import * as React3 from 'react';
+import React3__default, { forwardRef, useMemo, createElement } from 'react';
 import { createPortal } from 'react-dom';
 import { motion, MotionConfig, LayoutGroup, AnimatePresence, useDragControls, useMotionValue } from 'framer-motion';
 import { useFloating, offset, flip, shift, hide, autoUpdate, FloatingPortal, arrow, useHover, safePolygon, useFocus, useDismiss, useRole, useInteractions } from '@floating-ui/react';
@@ -608,14 +608,14 @@ function Menu(props) {
     trigger,
     ...rest
   } = props;
-  const hoverTimeoutRef = React14__default.useRef(null);
-  const [isOpen, setOpen] = React14__default.useState(isOpenControlled ?? false);
+  const hoverTimeoutRef = React3__default.useRef(null);
+  const [isOpen, setOpen] = React3__default.useState(isOpenControlled ?? false);
   const onOpenChange = (open) => {
     const newOpenState = typeof open === "function" ? open(isOpen) : open;
     props.onOpenOrClose?.(newOpenState);
     setOpen(newOpenState);
   };
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (typeof isOpenControlled !== "boolean") return;
     setOpen(isOpenControlled);
   }, [isOpenControlled]);
@@ -690,11 +690,11 @@ function Menu(props) {
     },
     isOpen
   );
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!hideData?.referenceHidden) return;
     closeMenuImmediate();
   }, [hideData, closeMenuImmediate]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     return () => {
       if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
     };
@@ -720,10 +720,10 @@ function Menu(props) {
     onMouseLeave: handleMenuMouseLeave
   } : {};
   const transformOrigin = floatingContext.placement.startsWith("top") ? "bottom left" : "top left";
-  const childArray = React14__default.Children.toArray(children);
+  const childArray = React3__default.Children.toArray(children);
   let customContainerEl = null;
   for (const c of childArray) {
-    if (React14__default.isValidElement(c)) {
+    if (React3__default.isValidElement(c)) {
       const anyType = c.type;
       if (c.props?.["data-menu-container"] || anyType?.isBlockMenuContainer) {
         customContainerEl = c;
@@ -752,7 +752,7 @@ function Menu(props) {
       ...restStyle || {}
     };
     const mergedClassName = [defaultsClassName, childProps.className].filter(Boolean).join(" ");
-    const contentNode = React14__default.cloneElement(
+    const contentNode = React3__default.cloneElement(
       customContainerEl,
       {
         // Defaults are now in mergedClassName via css()
@@ -838,7 +838,7 @@ function Menu(props) {
   );
 }
 function useOutsideClick(ref, handler, enabled = true) {
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!enabled) return;
     const listener = (event) => {
       if (!ref.current || ref.current.contains(event.target)) {
@@ -948,9 +948,9 @@ var prepareFiles = async (acceptedFiles) => {
   );
 };
 var findChildrenByDisplayName = (children, displayName2) => {
-  return React14__default.Children.toArray(children).find(
+  return React3__default.Children.toArray(children).find(
     (child) => {
-      if (React14__default.isValidElement(child)) {
+      if (React3__default.isValidElement(child)) {
         const childType = child.type;
         return childType.displayName === displayName2;
       } else {
@@ -1130,7 +1130,7 @@ function getIcon(position, Icon2, props) {
         if (loadingIcons.includes(chosen)) {
           const Cmp = loadingIconsMap[chosen];
           const sizePx = typeof loadingIconSize === "number" ? `${loadingIconSize}px` : "12px";
-          return React14__default.createElement(Cmp, {
+          return React3__default.createElement(Cmp, {
             width: sizePx,
             height: sizePx
           });
@@ -1145,11 +1145,11 @@ function getIcon(position, Icon2, props) {
             spin: props.spin
           }
         );
-      } else if (React14__default.isValidElement(chosen)) {
+      } else if (React3__default.isValidElement(chosen)) {
         return chosen;
       } else if (typeof chosen === "function") {
         const iconProps = typeof loadingIconSize === "number" || typeof loadingIconSize === "string" ? { size: loadingIconSize } : void 0;
-        return React14__default.createElement(chosen, iconProps);
+        return React3__default.createElement(chosen, iconProps);
       } else if (typeof chosen === "object" && chosen !== null && "iconName" in chosen) {
         return /* @__PURE__ */ jsx(
           FontAwesomeIcon,
@@ -1199,8 +1199,8 @@ function getIcon(position, Icon2, props) {
       }
     );
   } else if (typeof Icon2 === "function") {
-    return React14__default.createElement(Icon2);
-  } else if (React14__default.isValidElement(Icon2)) {
+    return React3__default.createElement(Icon2);
+  } else if (React3__default.isValidElement(Icon2)) {
     return Icon2;
   } else return null;
 }
@@ -1245,9 +1245,9 @@ var TrackNameKey = "Track";
 var ThumbNameKey = "Thumb";
 var Button = motionTags.button;
 var Base = motionTags.div;
-var SwitchContext = React14__default.createContext(null);
+var SwitchContext = React3__default.createContext(null);
 var useSwitchContext = () => {
-  const context2 = React14__default.useContext(SwitchContext);
+  const context2 = React3__default.useContext(SwitchContext);
   if (!context2) {
     throw new Error("Switch compound components must be used within Switch");
   }
@@ -1266,9 +1266,9 @@ function Switch(props) {
     _motion,
     ...rest
   } = props;
-  const [x, setX] = React14__default.useState(0);
-  const [pressed, setPressed] = React14__default.useState(false);
-  const [growThumb, setGrowThumb] = React14__default.useState(false);
+  const [x, setX] = React3__default.useState(0);
+  const [pressed, setPressed] = React3__default.useState(false);
+  const [growThumb, setGrowThumb] = React3__default.useState(false);
   const borderWidth = 4;
   const trackWidth = thumbSize * 1.5;
   const borderRadius = thumbSize * 2.5;
@@ -1279,7 +1279,7 @@ function Switch(props) {
     start: stopwatchStart,
     clear: stopwatchClear
   } = useStopwatch();
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (pressed && !disabled) {
       stopwatchStart();
     } else {
@@ -1287,12 +1287,12 @@ function Switch(props) {
       stopwatchClear();
     }
   }, [pressed, disabled, stopwatchStart, stopwatchClear]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (stopwatchTime > 200) {
       setGrowThumb(true);
     }
   }, [stopwatchTime]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     setX(checked ? checkedPosition : 0);
   }, [checked, checkedPosition]);
   const toggle = () => {
@@ -1357,10 +1357,10 @@ function Switch(props) {
     children,
     ThumbNameKey
   );
-  const trackElement = track ? React14__default.cloneElement(track, {
+  const trackElement = track ? React3__default.cloneElement(track, {
     _motion,
-    children: thumb ? React14__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion })
-  }) : /* @__PURE__ */ jsx(Track, { _motion, children: thumb ? React14__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion }) });
+    children: thumb ? React3__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion })
+  }) : /* @__PURE__ */ jsx(Track, { _motion, children: thumb ? React3__default.cloneElement(thumb, { _motion }) : /* @__PURE__ */ jsx(Thumb, { _motion }) });
   return /* @__PURE__ */ jsx(SwitchContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(MotionConfig, { transition: _motion, children: /* @__PURE__ */ jsx(
     Button,
     {
@@ -1486,10 +1486,10 @@ function Thumb(props) {
 Track.displayName = TrackNameKey;
 Thumb.displayName = ThumbNameKey;
 function useStopwatch(props = {}) {
-  const [active, setActive] = React14__default.useState(false);
-  const [time, setTime] = React14__default.useState(0);
+  const [active, setActive] = React3__default.useState(false);
+  const [time, setTime] = React3__default.useState(0);
   const timeInterval = props?.interval ?? 10;
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     let interval = null;
     if (active) {
       interval = setInterval(() => {
@@ -1500,19 +1500,19 @@ function useStopwatch(props = {}) {
     }
     return () => clearInterval(interval);
   }, [active, timeInterval]);
-  const start = React14__default.useCallback(() => setActive(true), []);
-  const stop = React14__default.useCallback(() => setActive(false), []);
-  const clear = React14__default.useCallback(() => {
+  const start = React3__default.useCallback(() => setActive(true), []);
+  const stop = React3__default.useCallback(() => setActive(false), []);
+  const clear = React3__default.useCallback(() => {
     setActive(false);
     setTime(0);
   }, []);
-  return React14__default.useMemo(
+  return React3__default.useMemo(
     () => ({ time, start, stop, clear }),
     [time, start, stop, clear]
   );
 }
 var switch_default = Switch;
-var RadioContext = React14__default.createContext(null);
+var RadioContext = React3__default.createContext(null);
 var Base2 = base;
 var MotionDiv2 = motionTags.div;
 function Radio(props) {
@@ -1529,14 +1529,14 @@ function Radio(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const groupId = React14__default.useId();
+  const groupId = React3__default.useId();
   const isControlled = controlledValue !== void 0;
-  const [uncontrolled, setUncontrolled] = React14__default.useState(
+  const [uncontrolled, setUncontrolled] = React3__default.useState(
     defaultValue
   );
   const selectedValue = isControlled ? controlledValue ?? null : uncontrolled;
-  const itemsRef = React14__default.useRef([]);
-  const [activeId, setActiveId] = React14__default.useState("");
+  const itemsRef = React3__default.useRef([]);
+  const [activeId, setActiveId] = React3__default.useState("");
   const setSelectedValue = (val) => {
     if (!isControlled) setUncontrolled(val);
     onChange?.(val);
@@ -1589,7 +1589,7 @@ function Radio(props) {
       setActiveId(found.id);
     }
   };
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!selectedValue) return;
     const selected = itemsRef.current.find((x) => x.value === selectedValue);
     if (selected && !selected.disabled) setActiveId(selected.id);
@@ -1630,7 +1630,7 @@ function Radio(props) {
       },
       children: [
         (options ?? []).map(
-          (opt) => renderOption ? /* @__PURE__ */ jsx(React14__default.Fragment, { children: renderOption(opt) }, opt.value) : /* @__PURE__ */ jsx(
+          (opt) => renderOption ? /* @__PURE__ */ jsx(React3__default.Fragment, { children: renderOption(opt) }, opt.value) : /* @__PURE__ */ jsx(
             Item,
             {
               value: opt.value,
@@ -1662,16 +1662,16 @@ function Item(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const ctx = React14__default.useContext(RadioContext);
-  const ref = React14__default.useRef(null);
-  const [isFocused, setIsFocused] = React14__default.useState(false);
+  const ctx = React3__default.useContext(RadioContext);
+  const ref = React3__default.useRef(null);
+  const [isFocused, setIsFocused] = React3__default.useState(false);
   const groupDisabled = ctx?.disabled;
   const disabled = !!(groupDisabled || itemDisabled);
   const groupId = ctx?.groupId ?? "";
   const id = `radio-item-${groupId}-${value}`;
   const registerItem = ctx?.registerItem;
   const unregisterItem = ctx?.unregisterItem;
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!registerItem || !unregisterItem) return;
     registerItem({ id, value, disabled, ref });
     return () => unregisterItem(id);
@@ -1687,12 +1687,12 @@ function Item(props) {
   const isActive = isActiveId(id);
   const shouldUseGrid = gridProp || !!colsProp;
   const renderLabel = () => {
-    const onlyChild = React14__default.Children.count(children) === 1 ? React14__default.Children.toArray(children)[0] : null;
+    const onlyChild = React3__default.Children.count(children) === 1 ? React3__default.Children.toArray(children)[0] : null;
     if (typeof onlyChild === "string") {
       return /* @__PURE__ */ jsx(Base2, { "data-radio-label": true, children: onlyChild });
     }
-    if (React14__default.isValidElement(onlyChild)) {
-      return React14__default.cloneElement(
+    if (React3__default.isValidElement(onlyChild)) {
+      return React3__default.cloneElement(
         onlyChild,
         { "data-radio-label": true }
       );
@@ -1809,7 +1809,7 @@ function Item(props) {
 var LabelNameKey = "Label";
 var Base3 = base;
 var isBrowser = typeof window !== "undefined";
-var useIsomorphicLayoutEffect = isBrowser ? React14__default.useLayoutEffect : React14__default.useEffect;
+var useIsomorphicLayoutEffect = isBrowser ? React3__default.useLayoutEffect : React3__default.useEffect;
 function pick(props, obj) {
   return props.reduce((acc, prop) => {
     acc[prop] = obj[prop];
@@ -1940,21 +1940,21 @@ function Textarea(props) {
     ...rest
   } = props;
   const isControlled = props.value !== void 0;
-  const libRef = React14__default.useRef(null);
+  const libRef = React3__default.useRef(null);
   const ref = assignRefs(libRef, userRef);
-  const heightRef = React14__default.useRef(0);
-  const [_value, _setValue] = React14__default.useState("");
+  const heightRef = React3__default.useRef(0);
+  const [_value, _setValue] = React3__default.useState("");
   const value = props.value ?? _value;
   const label = findChildrenByDisplayName(
     children,
     LabelNameKey
   );
-  const labelWithProps = label ? React14__default.cloneElement(label, {
+  const labelWithProps = label ? React3__default.cloneElement(label, {
     required: props.required,
     value: props.value,
     error
   }) : null;
-  const resizeTextarea = React14__default.useCallback(() => {
+  const resizeTextarea = React3__default.useCallback(() => {
     const node = libRef.current;
     if (!node) return;
     const nodeSizingData = getSizingData(node);
@@ -1980,20 +1980,20 @@ function Textarea(props) {
   useIsomorphicLayoutEffect(() => {
     resizeTextarea();
   }, [rest.value, rest.placeholder, resizeTextarea]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!isBrowser) return;
     const onResize = () => resizeTextarea();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [rest.placeholder, rest.value, resizeTextarea]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     const fonts = isBrowser ? document.fonts : void 0;
     if (!fonts || typeof fonts.addEventListener !== "function") return;
     const onFontsLoaded = () => resizeTextarea();
     fonts.addEventListener("loadingdone", onFontsLoaded);
     return () => fonts.removeEventListener("loadingdone", onFontsLoaded);
   }, [rest.placeholder, rest.value, resizeTextarea]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     const node = libRef.current;
     const form = node?.form;
     if (!node || !form || isControlled) return;
@@ -2135,8 +2135,8 @@ function Icon(props) {
       }
     );
   } else if (typeof IconComp === "function") {
-    return React14__default.createElement(IconComp);
-  } else if (React14__default.isValidElement(IconComp)) {
+    return React3__default.createElement(IconComp);
+  } else if (React3__default.isValidElement(IconComp)) {
     return IconComp;
   }
   return null;
@@ -2165,13 +2165,13 @@ function Input(props) {
     children,
     RightSideNameKey
   );
-  const labelWithProps = label ? React14__default.cloneElement(label, {
+  const labelWithProps = label ? React3__default.cloneElement(label, {
     hasLeftIcon: !!leftIcon,
     required: props.required,
     value: props.value,
     error
   }) : null;
-  const rightSideWithProps = rightSide ? React14__default.cloneElement(rightSide, {
+  const rightSideWithProps = rightSide ? React3__default.cloneElement(rightSide, {
     onChange: props.onChange,
     value: props.value
   }) : null;
@@ -2316,29 +2316,29 @@ function Label2(props) {
 Label2.displayName = LabelNameKey2;
 function useResizeObserver(opts = {}) {
   const onResize = opts.onResize;
-  const onResizeRef = React14__default.useRef(void 0);
-  React14__default.useLayoutEffect(() => {
+  const onResizeRef = React3__default.useRef(void 0);
+  React3__default.useLayoutEffect(() => {
     onResizeRef.current = onResize;
   }, [onResize]);
   const round = opts.round || Math.round;
-  const resizeObserverRef = React14__default.useRef(null);
-  const [size, setSize] = React14__default.useState({
+  const resizeObserverRef = React3__default.useRef(null);
+  const [size, setSize] = React3__default.useState({
     width: void 0,
     height: void 0
   });
-  const didUnmount = React14__default.useRef(false);
-  React14__default.useEffect(() => {
+  const didUnmount = React3__default.useRef(false);
+  React3__default.useEffect(() => {
     didUnmount.current = false;
     return () => {
       didUnmount.current = true;
     };
   }, []);
-  const previous = React14__default.useRef({
+  const previous = React3__default.useRef({
     width: void 0,
     height: void 0
   });
   const refCallback = useResolvedElement(
-    React14__default.useCallback(
+    React3__default.useCallback(
       (element) => {
         if (!resizeObserverRef.current || resizeObserverRef.current.box !== opts.box || resizeObserverRef.current.round !== round) {
           resizeObserverRef.current = {
@@ -2378,7 +2378,7 @@ function useResizeObserver(opts = {}) {
     ),
     opts.ref
   );
-  return React14__default.useMemo(
+  return React3__default.useMemo(
     () => ({
       ref: refCallback,
       width: size.width,
@@ -2390,12 +2390,12 @@ function useResizeObserver(opts = {}) {
   );
 }
 function useResolvedElement(subscriber, refOrElement) {
-  const lastReportRef = React14__default.useRef(null);
-  const refOrElementRef = React14__default.useRef(null);
-  React14__default.useLayoutEffect(() => {
+  const lastReportRef = React3__default.useRef(null);
+  const refOrElementRef = React3__default.useRef(null);
+  React3__default.useLayoutEffect(() => {
     refOrElementRef.current = refOrElement;
   }, [refOrElement]);
-  const cbElementRef = React14__default.useRef(null);
+  const cbElementRef = React3__default.useRef(null);
   const evaluateSubscription = () => {
     const cbElement = cbElementRef.current;
     const refOrElement2 = refOrElementRef.current;
@@ -2414,10 +2414,10 @@ function useResolvedElement(subscriber, refOrElement) {
       cleanup: element ? subscriber(element) : void 0
     };
   };
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     evaluateSubscription();
   });
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     return () => {
       if (lastReportRef.current && lastReportRef.current.cleanup) {
         lastReportRef.current.cleanup();
@@ -2443,7 +2443,7 @@ var use_resize_observer_default = useResizeObserver;
 var MotionDiv3 = motionTags.div;
 var MotionBtn = motionTags.button;
 var displayName = "AccordionItem";
-var AccordionContext = React14__default.createContext({});
+var AccordionContext = React3__default.createContext({});
 function AccordionProvider(props) {
   const [state, setState] = useImmer({
     allowMultiple: false,
@@ -2453,7 +2453,7 @@ function AccordionProvider(props) {
   return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: { setState, state }, children: props.children });
 }
 function useAccordion() {
-  const context2 = React14__default.useContext(AccordionContext);
+  const context2 = React3__default.useContext(AccordionContext);
   if (context2 === void 0) {
     throw new Error("useAccordion must be used within a AccordionProvider");
   }
@@ -2462,23 +2462,23 @@ function useAccordion() {
 function AccordionComponent(props) {
   const accordion = useAccordion();
   const accordionState = accordion.state;
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     accordion.setState((draft) => {
       draft.allowMultiple = !!props.allowMultiple;
       draft.allowToggle = !!props.allowToggle;
     });
   }, [props.allowMultiple, props.allowToggle]);
-  React14__default.Children.forEach(props.children, (x) => {
+  React3__default.Children.forEach(props.children, (x) => {
     if (typeof x.type === "function" && "displayName" in x.type && x.type.displayName !== displayName) {
       throw new Error("Accordion can only have AccordionItems as children");
     }
   });
-  const children = React14__default.Children.map(props.children, (child, i) => {
-    if (!React14__default.isValidElement(child)) return child;
-    return React14__default.cloneElement(child, { idx: i });
+  const children = React3__default.Children.map(props.children, (child, i) => {
+    if (!React3__default.isValidElement(child)) return child;
+    return React3__default.cloneElement(child, { idx: i });
   });
   const defaultOpenIdxList = JSON.stringify(props.defaultOpenIdx ?? []);
-  React14__default.useEffect(
+  React3__default.useEffect(
     () => {
       if (accordionState.open.length === children.length) return;
       const defaultOpenIdx = props.defaultOpenIdx;
@@ -2585,16 +2585,16 @@ var MotionDiv4 = motionTags.div;
 var MotionBtn2 = motionTags.button;
 var breakpoint = ["(min-width: 600px)"];
 function DrawerComponent(props) {
-  const ref = React14__default.useRef(null);
-  const dragHandleRef = React14__default.useRef(null);
+  const ref = React3__default.useRef(null);
+  const dragHandleRef = React3__default.useRef(null);
   const [isDesktop] = useMatchMedia(breakpoint);
-  const closeFnRef = React14__default.useRef(null);
-  const prevOpenRef = React14__default.useRef(null);
+  const closeFnRef = React3__default.useRef(null);
+  const prevOpenRef = React3__default.useRef(null);
   const dragControls = useDragControls();
   const { open, setOpen } = useDrawer();
   const { onClose, onExitComplete, ...rest } = props;
-  const [mounted, setMounted] = React14__default.useState(false);
-  React14__default.useEffect(() => {
+  const [mounted, setMounted] = React3__default.useState(false);
+  React3__default.useEffect(() => {
     setMounted(true);
   }, []);
   const y = useMotionValue(0);
@@ -2607,7 +2607,7 @@ function DrawerComponent(props) {
     y.stop();
     setOpen(false);
   };
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     closeFnRef.current = () => {
       closeDrawer();
       onClose?.();
@@ -2627,7 +2627,7 @@ function DrawerComponent(props) {
       );
     }
   };
-  React14__default.useLayoutEffect(() => {
+  React3__default.useLayoutEffect(() => {
     const wasOpen = prevOpenRef.current;
     const isOpen = props.open;
     if (isOpen) {
@@ -2637,7 +2637,7 @@ function DrawerComponent(props) {
     }
     prevOpenRef.current = isOpen;
   }, [props.open]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     const container = ref.current;
     if (!open || !container) return;
     container.setAttribute("tabindex", "0");
@@ -2659,7 +2659,7 @@ function DrawerComponent(props) {
       document.body.style.overflow = "auto";
     };
   }, [open, props.closeOnEsc]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!props.open) return;
     const unsubscribeY = y.on("change", (latestY) => {
       if (latestY > 150) {
@@ -2828,19 +2828,19 @@ function DrawerComponent(props) {
     document.getElementById("portal")
   );
 }
-var DrawerContext = React14__default.createContext({
+var DrawerContext = React3__default.createContext({
   open: false,
   setOpen: () => {
     return;
   }
 });
 function DrawerProvider(props) {
-  const [open, setOpen] = React14__default.useState(false);
+  const [open, setOpen] = React3__default.useState(false);
   const value = { open, setOpen };
   return /* @__PURE__ */ jsx(DrawerContext.Provider, { value, children: props.children });
 }
 function useDrawer() {
-  const context2 = React14__default.useContext(DrawerContext);
+  const context2 = React3__default.useContext(DrawerContext);
   if (context2 === void 0) {
     throw new Error("useDrawer must be used within a DrawerProvider");
   }
@@ -2853,7 +2853,7 @@ function BtnGroup(props) {
   const [isDesktop] = useMatchMedia(breakpoint);
   const { children, ...rest } = props;
   if (isDesktop) {
-    return /* @__PURE__ */ jsx(MotionDiv4, { flex: true, alignI: true, gap: 4, ...rest, children: React14__default.Children.toArray(children).toReversed() });
+    return /* @__PURE__ */ jsx(MotionDiv4, { flex: true, alignI: true, gap: 4, ...rest, children: React3__default.Children.toArray(children).toReversed() });
   } else {
     return /* @__PURE__ */ jsx(MotionDiv4, { grid: true, rowG: 14, ...props });
   }
@@ -2906,7 +2906,7 @@ function CloseBtn(props) {
   }
 }
 function Backdrop(props) {
-  const allowOutsideClickRef = React14__default.useRef(true);
+  const allowOutsideClickRef = React3__default.useRef(true);
   const [isDesktop] = useMatchMedia(breakpoint);
   return /* @__PURE__ */ jsx(
     MotionDiv4,
@@ -2937,11 +2937,11 @@ function Backdrop(props) {
 }
 function useMatchMedia(queries) {
   const isClient = typeof window !== "undefined";
-  const [value, setValue] = React14__default.useState(() => {
+  const [value, setValue] = React3__default.useState(() => {
     if (!isClient) return queries.map(() => false);
     return queries.map((q) => window.matchMedia(q).matches);
   });
-  React14__default.useLayoutEffect(() => {
+  React3__default.useLayoutEffect(() => {
     if (!isClient) return;
     const mediaQueryLists = queries.map((q) => window.matchMedia(q));
     const handler = () => {
@@ -2960,9 +2960,9 @@ var TrackBgNameKey = "TrackBg";
 var TrackFillNameKey = "TrackFill";
 function Progress(props) {
   const { children, steps, value, max: maxProp, ...rest } = props;
-  const [progress, setProgress] = React14__default.useState(0);
+  const [progress, setProgress] = React3__default.useState(0);
   const max = maxProp ?? 100;
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     setProgress(Math.min((value ?? 0) / max, 1) * 100);
   }, [value, max]);
   const width = `${progress}%`;
@@ -3002,7 +3002,7 @@ function Progress(props) {
     TrackFillNameKey
   );
   const barHeight = rest.h ?? 8;
-  const bgEl = trackBgChild ? React14__default.cloneElement(trackBgChild, {
+  const bgEl = trackBgChild ? React3__default.cloneElement(trackBgChild, {
     gridArea: "1 / 1",
     h: barHeight,
     w: trackBgChild.props.w ?? true
@@ -3017,7 +3017,7 @@ function Progress(props) {
       bg: { base: "neutral.200", _dark: "neutral.700" }
     }
   );
-  const fillEl = trackFillChild ? React14__default.cloneElement(trackFillChild, {
+  const fillEl = trackFillChild ? React3__default.cloneElement(trackFillChild, {
     gridArea: "1 / 1",
     h: barHeight,
     roundedLeft: 9999,
@@ -3091,9 +3091,9 @@ var MotionDiv6 = motionTags.div;
 var TrackNameKey2 = "SliderTrack";
 var FillNameKey = "SliderFill";
 var ThumbNameKey2 = "SliderThumb";
-var SliderContext = React14__default.createContext(null);
+var SliderContext = React3__default.createContext(null);
 var useSliderContext = () => {
-  const context2 = React14__default.useContext(SliderContext);
+  const context2 = React3__default.useContext(SliderContext);
   if (!context2) {
     throw new Error("Slider compound components must be used within Slider");
   }
@@ -3113,15 +3113,15 @@ function Slider(props) {
     ...rest
   } = props;
   const isControlled = controlledValue !== void 0;
-  const [internalValue, setInternalValue] = React14__default.useState(defaultValue);
+  const [internalValue, setInternalValue] = React3__default.useState(defaultValue);
   const value = isControlled ? controlledValue : internalValue;
-  const [isDragging, setIsDragging] = React14__default.useState(false);
-  const trackRef = React14__default.useRef(null);
+  const [isDragging, setIsDragging] = React3__default.useState(false);
+  const trackRef = React3__default.useRef(null);
   const percent = Math.min(
     100,
     Math.max(0, (value - min) / (max - min) * 100)
   );
-  const clampValue = React14__default.useCallback(
+  const clampValue = React3__default.useCallback(
     (rawValue) => {
       let clamped = Math.max(min, Math.min(max, rawValue));
       if (step !== void 0 && step > 0) {
@@ -3132,7 +3132,7 @@ function Slider(props) {
     },
     [min, max, step]
   );
-  const getValueFromClientX = React14__default.useCallback(
+  const getValueFromClientX = React3__default.useCallback(
     (clientX) => {
       const track = trackRef.current;
       if (!track) return value;
@@ -3144,7 +3144,7 @@ function Slider(props) {
     },
     [min, max, value, clampValue]
   );
-  const updateValue = React14__default.useCallback(
+  const updateValue = React3__default.useCallback(
     (newValue) => {
       if (disabled) return;
       if (!isControlled) {
@@ -3161,7 +3161,7 @@ function Slider(props) {
     const newValue = getValueFromClientX(e.clientX);
     updateValue(newValue);
   };
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!isDragging) return;
     const controller = new AbortController();
     const handleMove = (e) => {
@@ -3231,19 +3231,19 @@ function Slider(props) {
     trackRef
   };
   const height = rest.h ?? 8;
-  const trackEl = trackChild ? React14__default.cloneElement(trackChild, {
+  const trackEl = trackChild ? React3__default.cloneElement(trackChild, {
     sliderPercent: percent,
     sliderValue: value,
     sliderMin: min,
     sliderMax: max
   }) : /* @__PURE__ */ jsx(SliderTrack, {});
-  const fillEl = fillChild ? React14__default.cloneElement(fillChild, {
+  const fillEl = fillChild ? React3__default.cloneElement(fillChild, {
     sliderPercent: percent,
     sliderValue: value,
     sliderMin: min,
     sliderMax: max
   }) : /* @__PURE__ */ jsx(SliderFill, {});
-  const thumbEl = thumbChild ? React14__default.cloneElement(thumbChild, {
+  const thumbEl = thumbChild ? React3__default.cloneElement(thumbChild, {
     sliderPercent: percent,
     sliderValue: value,
     sliderMin: min,
@@ -3379,12 +3379,12 @@ function Checkbox(props) {
     onAnimationComplete: _onAnimationComplete,
     ...rest
   } = props;
-  const [checked, setChecked] = React14__default.useState(false);
-  const [indeterminate, setIndeterminate] = React14__default.useState(false);
-  React14__default.useEffect(() => {
+  const [checked, setChecked] = React3__default.useState(false);
+  const [indeterminate, setIndeterminate] = React3__default.useState(false);
+  React3__default.useEffect(() => {
     setChecked(!!rest.checked);
   }, [rest.checked]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     setIndeterminate(!!rest.indeterminate);
   }, [rest.indeterminate]);
   const isIndeterminate = typeof rest.indeterminate === "boolean";
@@ -3489,15 +3489,15 @@ function Tooltip(props) {
     delay = 80,
     className
   } = props;
-  const referenceRef = React14__default.useRef(null);
-  const arrowRef = React14__default.useRef(null);
-  const closeTimerRef = React14__default.useRef(
+  const referenceRef = React3__default.useRef(null);
+  const arrowRef = React3__default.useRef(null);
+  const closeTimerRef = React3__default.useRef(
     null
   );
-  const containerRef = React14__default.useRef(null);
-  const [open, setOpen] = React14__default.useState(false);
-  const [isMounted, setIsMounted] = React14__default.useState(false);
-  const [containerBg, setContainerBg] = React14__default.useState();
+  const containerRef = React3__default.useRef(null);
+  const [open, setOpen] = React3__default.useState(false);
+  const [isMounted, setIsMounted] = React3__default.useState(false);
+  const [containerBg, setContainerBg] = React3__default.useState();
   const { x, y, refs, strategy, middlewareData, context: context2 } = useFloating({
     open,
     onOpenChange: setOpen,
@@ -3527,7 +3527,7 @@ function Tooltip(props) {
     role
   ]);
   const referenceProps = getReferenceProps({});
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (closeTimerRef.current) {
       clearTimeout(closeTimerRef.current);
       closeTimerRef.current = null;
@@ -3547,7 +3547,7 @@ function Tooltip(props) {
       }
     };
   }, [open]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!follow || !referenceRef.current) return;
     const el = referenceRef.current;
     const onMove = (e) => {
@@ -3562,7 +3562,7 @@ function Tooltip(props) {
       el.removeEventListener("pointermove", onMove);
     };
   }, [follow, refs]);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     if (!(open || isMounted)) return;
     const el = containerRef.current;
     if (!el) return;
@@ -3585,14 +3585,14 @@ function Tooltip(props) {
   const arrowAnchorStyle = side.startsWith("top") ? { bottom: -anchorOffset } : side.startsWith("bottom") ? { top: -anchorOffset } : side.startsWith("left") ? { right: -anchorOffset } : { left: -anchorOffset };
   const arrowStyle = side.startsWith("top") || side.startsWith("bottom") ? { left: arrowX || void 0, ...arrowAnchorStyle } : { top: arrowY || void 0, ...arrowAnchorStyle };
   const transformOrigin = side.startsWith("top") ? "center bottom" : side.startsWith("bottom") ? "center top" : side.startsWith("left") ? "right center" : side.startsWith("right") ? "left center" : "center";
-  const childrenArray = React14__default.Children.toArray(children);
+  const childrenArray = React3__default.Children.toArray(children);
   const hasMultipleChildren = childrenArray.length > 1;
   let child;
   if (hasMultipleChildren) {
     child = /* @__PURE__ */ jsx("div", { style: { display: "inline-block" }, children });
   } else {
-    const only = React14__default.Children.only(children);
-    const isDomElement = React14__default.isValidElement(only) && typeof only.type === "string";
+    const only = React3__default.Children.only(children);
+    const isDomElement = React3__default.isValidElement(only) && typeof only.type === "string";
     child = isDomElement ? only : (
       // Ensure the wrapper reliably captures mouseenter/pointerenter and can contain block elements
       /* @__PURE__ */ jsx("div", { style: { display: "inline-block" }, children: only })
@@ -3611,7 +3611,7 @@ function Tooltip(props) {
       originalRef.current = node;
     }
   };
-  const cloned = React14__default.cloneElement(
+  const cloned = React3__default.cloneElement(
     child,
     // eslint-disable-next-line react-hooks/refs -- ref callback is invoked after render, not during
     {
@@ -3624,14 +3624,14 @@ function Tooltip(props) {
   let arrowEl = null;
   let floatingNode = null;
   const findRoleTooltipElement = (node) => {
-    if (!React14__default.isValidElement(node)) return null;
+    if (!React3__default.isValidElement(node)) return null;
     const el = node;
     if (el.props?.role === "tooltip") return el;
     const kids = el.props?.children;
     if (!kids) return null;
-    const arr = React14__default.Children.toArray(kids);
+    const arr = React3__default.Children.toArray(kids);
     for (const c of arr) {
-      if (React14__default.isValidElement(c)) {
+      if (React3__default.isValidElement(c)) {
         const childEl = c;
         if (childEl.props?.role === "tooltip") {
           return childEl;
@@ -3640,9 +3640,8 @@ function Tooltip(props) {
     }
     return null;
   };
-  const isCustomTooltip = React14__default.isValidElement(content) && !!(content.type && content.type.isBlockTooltipContainer);
-  const customEl = isCustomTooltip ? content : findRoleTooltipElement(content);
-  if (isCustomTooltip) {
+  const customEl = findRoleTooltipElement(content);
+  if (customEl) {
     const el = customEl;
     const childProps = el.props || {};
     const floatingProps = getFloatingProps({});
@@ -3739,7 +3738,7 @@ function Tooltip(props) {
                 originalChildRef.current = node;
               }
             };
-            return React14__default.cloneElement(
+            return React3__default.cloneElement(
               el,
               // eslint-disable-next-line react-hooks/refs -- ref callback is invoked after render, not during
               {
@@ -3843,7 +3842,7 @@ function Block(props) {
     tooltip,
     ...rest
   } = anyProps;
-  const fileInputRef = React14.useRef(null);
+  const fileInputRef = React3.useRef(null);
   const isLoading = anyProps.isLoading;
   const multiple = anyProps.multiple;
   const is = anyProps.is;
@@ -3880,7 +3879,7 @@ function Block(props) {
       ...anyProps
     }
   ) : extract.filepickerAllowed ? /* @__PURE__ */ jsxs("div", { onClick: () => fileInputRef.current?.click(), children: [
-    React14.createElement(
+    React3.createElement(
       Comp,
       {
         cursor: "pointer",
@@ -3915,11 +3914,11 @@ function Block(props) {
         value: ""
       }
     )
-  ] }) : extract.isVoidElement ? React14.createElement(Comp, {
+  ] }) : extract.isVoidElement ? React3.createElement(Comp, {
     ...isLoading && { "data-loading": isLoading },
     onContextMenu: (e) => e.preventDefault(),
     ...initialStyles
-  }) : React14.createElement(
+  }) : React3.createElement(
     Comp,
     {
       ...isLoading && { "data-loading": isLoading },
@@ -4019,22 +4018,22 @@ var saveTheme = (theme) => {
   }
 };
 function useTheme() {
-  const [value, setValue] = React14__default.useState(() => {
+  const [value, setValue] = React3__default.useState(() => {
     return getDomTheme() ?? getStoredTheme() ?? "light";
   });
-  const valueRef = React14__default.useRef(value);
-  const isInternalRef = React14__default.useRef(false);
-  React14__default.useEffect(() => {
+  const valueRef = React3__default.useRef(value);
+  const isInternalRef = React3__default.useRef(false);
+  React3__default.useEffect(() => {
     valueRef.current = value;
   }, [value]);
-  React14__default.useLayoutEffect(() => {
+  React3__default.useLayoutEffect(() => {
     const domTheme = getDomTheme();
     if (domTheme && domTheme !== valueRef.current) {
       valueRef.current = domTheme;
       setValue(domTheme);
     }
   }, []);
-  React14__default.useEffect(() => {
+  React3__default.useEffect(() => {
     const ac = new AbortController();
     window.addEventListener(
       "storage",
@@ -4066,7 +4065,7 @@ function useTheme() {
     );
     return () => ac.abort();
   }, []);
-  const toggle = React14__default.useCallback((theme) => {
+  const toggle = React3__default.useCallback((theme) => {
     const next = theme ?? (valueRef.current === "light" ? "dark" : "light");
     valueRef.current = next;
     setValue(next);
@@ -4079,8 +4078,8 @@ function useTheme() {
 
 // src/react/index.ts
 function useDebounce(value, delay = 500) {
-  const [debouncedValue, setDebouncedValue] = React14__default.useState(value);
-  React14__default.useEffect(() => {
+  const [debouncedValue, setDebouncedValue] = React3__default.useState(value);
+  React3__default.useEffect(() => {
     const handler = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
@@ -4091,10 +4090,10 @@ function useDebounce(value, delay = 500) {
   return debouncedValue;
 }
 function useThrottle(value, interval = 500) {
-  const [throttledValue, setThrottledValue] = React14__default.useState(value);
-  const lastUpdate = React14__default.useRef(0);
-  const timeoutRef = React14__default.useRef(null);
-  React14__default.useEffect(() => {
+  const [throttledValue, setThrottledValue] = React3__default.useState(value);
+  const lastUpdate = React3__default.useRef(0);
+  const timeoutRef = React3__default.useRef(null);
+  React3__default.useEffect(() => {
     const now = Date.now();
     const timeSinceLastUpdate = now - lastUpdate.current;
     if (timeSinceLastUpdate >= interval) {
@@ -4120,11 +4119,11 @@ function useThrottle(value, interval = 500) {
 function useMatchMedia2(queries, defaultValues = []) {
   const initialValues = defaultValues.length ? defaultValues : Array(queries.length).fill(false);
   const isClient = typeof window !== "undefined";
-  const [value, setValue] = React14__default.useState(() => {
+  const [value, setValue] = React3__default.useState(() => {
     if (!isClient) return initialValues;
     return queries.map((q) => window.matchMedia(q).matches);
   });
-  React14__default.useLayoutEffect(() => {
+  React3__default.useLayoutEffect(() => {
     if (!isClient) return;
     const mediaQueryLists = queries.map((q) => window.matchMedia(q));
     const handler = () => {