@underverse-ui/underverse 1.0.94 → 1.0.95

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.94",
+  "version": "1.0.95",
   "sourceEntry": "src/index.ts",
   "totalExports": 225,
   "exports": [

package/dist/index.cjs

@@ -2930,20 +2930,10 @@ function useHydrated() {
   return (0, import_react5.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
 }
 
-// src/components/Tooltip.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var variantStyles2 = {
-  default: "bg-popover text-popover-foreground border-border/50",
-  info: "bg-info text-info-foreground border-info/20",
-  warning: "bg-warning text-warning-foreground border-warning/20",
-  error: "bg-destructive text-destructive-foreground border-destructive/20",
-  success: "bg-success text-success-foreground border-success/20"
-};
-var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
-function composeEventHandlers(theirHandler, ourHandler) {
+// src/utils/react-compose.ts
+function chainEventHandlers(...handlers) {
   return (event) => {
-    theirHandler?.(event);
-    ourHandler(event);
+    handlers.forEach((handler) => handler?.(event));
   };
 }
 function setRefValue(ref, value) {
@@ -2959,6 +2949,17 @@ function mergeRefs(...refs) {
     refs.forEach((ref) => setRefValue(ref, value));
   };
 }
+
+// src/components/Tooltip.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var variantStyles2 = {
+  default: "bg-popover text-popover-foreground border-border/50",
+  info: "bg-info text-info-foreground border-info/20",
+  warning: "bg-warning text-warning-foreground border-warning/20",
+  error: "bg-destructive text-destructive-foreground border-destructive/20",
+  success: "bg-success text-success-foreground border-success/20"
+};
+var clamp = (value, min, max) => Math.max(min, Math.min(max, value));
 function getTransformOrigin(side) {
   switch (side) {
     case "top":
@@ -3003,7 +3004,7 @@ function computeTooltipPosition(args) {
   top = clamp(top, padding, viewport.height - contentSize.height - padding);
   return { top, left, side };
 }
-var Tooltip = ({
+var Tooltip = React9.forwardRef(({
   children,
   content,
   placement = "top",
@@ -3011,8 +3012,9 @@ var Tooltip = ({
   className,
   disabled = false,
   variant = "default",
-  asChild = true
-}) => {
+  asChild = true,
+  ...triggerPassthroughProps
+}, forwardedRef) => {
   const [isOpen, setIsOpen] = React9.useState(false);
   const isMounted = useHydrated();
   const triggerRef = React9.useRef(null);
@@ -3127,31 +3129,53 @@ var Tooltip = ({
     if (panelRef.current) ro.observe(panelRef.current);
     return () => ro.disconnect();
   }, [isOpen, updatePosition]);
+  const childProps = children.props;
+  const childRef = childProps.ref;
+  const passthroughRef = mergeRefs(forwardedRef, childRef, (node) => {
+    triggerRef.current = node;
+  });
   if (disabled || !content) {
-    return children;
+    if (!asChild) return children;
+    return React9.cloneElement(children, {
+      ...triggerPassthroughProps,
+      ref: passthroughRef
+    });
   }
-  const childProps = children.props;
-  const childRef = children.ref ?? childProps.ref;
   const triggerProps = {
-    ref: mergeRefs(childRef, (node) => {
-      triggerRef.current = node;
-    }),
+    ...triggerPassthroughProps,
+    ref: passthroughRef,
     "data-underverse-tooltip-trigger": triggerSelector,
-    onMouseEnter: composeEventHandlers(childProps.onMouseEnter, (e) => {
-      triggerRef.current = e.currentTarget;
-      handleMouseEnter();
-    }),
-    onMouseLeave: composeEventHandlers(childProps.onMouseLeave, (e) => {
-      triggerRef.current = e.currentTarget;
-      handleMouseLeave();
-    }),
-    onFocus: composeEventHandlers(childProps.onFocus, (e) => {
-      triggerRef.current = e.currentTarget;
-      handleFocus();
-    }),
-    onBlur: composeEventHandlers(childProps.onBlur, () => {
-      handleBlur();
-    })
+    onMouseEnter: chainEventHandlers(
+      triggerPassthroughProps.onMouseEnter,
+      childProps.onMouseEnter,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        handleMouseEnter();
+      }
+    ),
+    onMouseLeave: chainEventHandlers(
+      triggerPassthroughProps.onMouseLeave,
+      childProps.onMouseLeave,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        handleMouseLeave();
+      }
+    ),
+    onFocus: chainEventHandlers(
+      triggerPassthroughProps.onFocus,
+      childProps.onFocus,
+      (e) => {
+        triggerRef.current = e.currentTarget;
+        handleFocus();
+      }
+    ),
+    onBlur: chainEventHandlers(
+      triggerPassthroughProps.onBlur,
+      childProps.onBlur,
+      (e) => {
+        handleBlur();
+      }
+    )
   };
   const trigger = asChild ? React9.cloneElement(children, triggerProps) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { ...triggerProps, children });
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
@@ -3195,7 +3219,8 @@ var Tooltip = ({
       document.body
     )
   ] });
-};
+});
+Tooltip.displayName = "Tooltip";
 
 // src/components/emoji-ui.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -6120,36 +6145,32 @@ var Popover = ({
   ) : null;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
     (() => {
-      const TriggerComponent = trigger.type;
       const triggerProps = trigger.props;
-      return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-        TriggerComponent,
-        {
-          ...triggerProps,
-          "data-underverse-popover-trigger": triggerSelector,
-          onClick: (e) => {
+      const childRef = triggerProps.ref;
+      return React18.cloneElement(trigger, {
+        ...triggerProps,
+        ref: mergeRefs(childRef, (node) => {
+          triggerRef.current = node;
+        }),
+        "data-underverse-popover-trigger": triggerSelector,
+        onClick: chainEventHandlers(
+          (e) => {
             triggerRef.current = e.currentTarget;
             e.preventDefault();
             e.stopPropagation();
             handleTriggerClick();
-            if (typeof triggerProps.onClick === "function") {
-              triggerProps.onClick(e);
-            }
           },
-          onFocus: (e) => {
+          triggerProps.onClick
+        ),
+        onFocus: chainEventHandlers(
+          (e) => {
             triggerRef.current = e.currentTarget;
-            if (typeof triggerProps.onFocus === "function") {
-              triggerProps.onFocus(e);
-            }
           },
-          "aria-expanded": isOpen,
-          "aria-haspopup": triggerProps["aria-haspopup"] ?? "dialog",
-          className: cn(
-            triggerProps.className,
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
-          )
-        }
-      );
+          triggerProps.onFocus
+        ),
+        "aria-expanded": isOpen,
+        "aria-haspopup": triggerProps["aria-haspopup"] ?? "dialog"
+      });
     })(),
     popoverContent
   ] });
@@ -7028,17 +7049,18 @@ var DropdownMenu = ({
       index
     );
   }) : children });
-  const TriggerComponent = trigger.type;
   const triggerProps = trigger.props;
-  const enhancedTrigger = /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    TriggerComponent,
-    {
-      ...triggerProps,
-      "aria-haspopup": "menu",
-      "aria-expanded": open,
-      onKeyDown: (e) => {
-        triggerRef.current = e.currentTarget;
-        if (disabled) return;
+  const childRef = triggerProps.ref;
+  const enhancedTrigger = import_react14.default.cloneElement(trigger, {
+    ...triggerProps,
+    ref: mergeRefs(childRef, (node) => {
+      triggerRef.current = node;
+    }),
+    "aria-haspopup": "menu",
+    "aria-expanded": open,
+    onKeyDown: chainEventHandlers((e) => {
+      triggerRef.current = e.currentTarget;
+      if (!disabled) {
         if (e.key === "ArrowDown") {
           e.preventDefault();
           setOpen(true);
@@ -7054,22 +7076,12 @@ var DropdownMenu = ({
           e.preventDefault();
           setOpen(false);
         }
-        if (typeof triggerProps.onKeyDown === "function") {
-          triggerProps.onKeyDown(e);
-        }
-      },
-      onFocus: (e) => {
-        triggerRef.current = e.currentTarget;
-        if (typeof triggerProps.onFocus === "function") {
-          triggerProps.onFocus(e);
-        }
-      },
-      className: cn(
-        triggerProps.className,
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
-      )
-    }
-  );
+      }
+    }, triggerProps.onKeyDown),
+    onFocus: chainEventHandlers((e) => {
+      triggerRef.current = e.currentTarget;
+    }, triggerProps.onFocus)
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
     Popover,
     {