@underverse-ui/underverse 1.0.93 → 1.0.94

package/dist/index.d.cts

@@ -476,6 +476,8 @@ interface TooltipProps {
     className?: string;
     disabled?: boolean;
     variant?: "default" | "info" | "warning" | "error" | "success";
+    /** When true, augment the child directly instead of adding a wrapper. Default: true */
+    asChild?: boolean;
 }
 declare const Tooltip: React$1.FC<TooltipProps>;
 

package/dist/index.d.ts

@@ -476,6 +476,8 @@ interface TooltipProps {
     className?: string;
     disabled?: boolean;
     variant?: "default" | "info" | "warning" | "error" | "success";
+    /** When true, augment the child directly instead of adding a wrapper. Default: true */
+    asChild?: boolean;
 }
 declare const Tooltip: React$1.FC<TooltipProps>;
 

package/dist/index.js

@@ -481,13 +481,13 @@ var Card = React2.forwardRef(
               "h3",
               {
                 className: cn(
-                  "min-w-0 text-base md:text-lg font-semibold leading-tight tracking-tight break-words [overflow-wrap:anywhere] transition-colors duration-200 max-md:text-sm",
+                  "min-w-0 text-base md:text-lg font-semibold leading-tight tracking-tight wrap-anywhere transition-colors duration-200 max-md:text-sm",
                   hoverable && "group-hover:text-primary"
                 ),
                 children: title
               }
             ),
-            description && /* @__PURE__ */ jsx3("p", { className: "min-w-0 text-sm md:text-base text-muted-foreground leading-relaxed break-words [overflow-wrap:anywhere]", children: description })
+            description && /* @__PURE__ */ jsx3("p", { className: "min-w-0 text-sm md:text-base text-muted-foreground leading-relaxed wrap-anywhere", children: description })
           ] }),
           children && /* @__PURE__ */ jsx3("div", { className: cn("relative", defaultPaddingX, defaultPaddingY, contentClassName), children }),
           footer && /* @__PURE__ */ jsx3(
@@ -2755,6 +2755,25 @@ var variantStyles2 = {
   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) {
+  return (event) => {
+    theirHandler?.(event);
+    ourHandler(event);
+  };
+}
+function setRefValue(ref, value) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  ref.current = value;
+}
+function mergeRefs(...refs) {
+  return (value) => {
+    refs.forEach((ref) => setRefValue(ref, value));
+  };
+}
 function getTransformOrigin(side) {
   switch (side) {
     case "top":
@@ -2806,7 +2825,8 @@ var Tooltip = ({
   delay = { open: 200, close: 300 },
   className,
   disabled = false,
-  variant = "default"
+  variant = "default",
+  asChild = true
 }) => {
   const [isOpen, setIsOpen] = React9.useState(false);
   const isMounted = useHydrated();
@@ -2925,37 +2945,32 @@ var Tooltip = ({
   if (disabled || !content) {
     return children;
   }
+  const childProps = children.props;
+  const childRef = children.ref ?? childProps.ref;
+  const triggerProps = {
+    ref: mergeRefs(childRef, (node) => {
+      triggerRef.current = node;
+    }),
+    "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();
+    })
+  };
+  const trigger = asChild ? React9.cloneElement(children, triggerProps) : /* @__PURE__ */ jsx10("span", { ...triggerProps, children });
   return /* @__PURE__ */ jsxs6(Fragment2, { children: [
-    (() => {
-      const TriggerComponent = children.type;
-      const triggerProps = children.props;
-      return /* @__PURE__ */ jsx10(
-        TriggerComponent,
-        {
-          ...triggerProps,
-          "data-underverse-tooltip-trigger": triggerSelector,
-          onMouseEnter: (e) => {
-            triggerRef.current = e.currentTarget;
-            handleMouseEnter();
-            if (typeof triggerProps.onMouseEnter === "function") triggerProps.onMouseEnter(e);
-          },
-          onMouseLeave: (e) => {
-            triggerRef.current = e.currentTarget;
-            handleMouseLeave();
-            if (typeof triggerProps.onMouseLeave === "function") triggerProps.onMouseLeave(e);
-          },
-          onFocus: (e) => {
-            triggerRef.current = e.currentTarget;
-            handleFocus();
-            if (typeof triggerProps.onFocus === "function") triggerProps.onFocus(e);
-          },
-          onBlur: (e) => {
-            handleBlur();
-            if (typeof triggerProps.onBlur === "function") triggerProps.onBlur(e);
-          }
-        }
-      );
-    })(),
+    trigger,
     isMounted && isOpen && createPortal(
       /* @__PURE__ */ jsx10(
         "div",
@@ -17052,7 +17067,7 @@ function CategoryTreeSelect(props) {
                   // View-only mode: just display the name with folder icon
                   /* @__PURE__ */ jsxs39("div", { className: cn("flex min-w-0 items-center", TREE_NODE_GAP_CLASS), children: [
                     category.icon ? /* @__PURE__ */ jsx49("div", { className: "h-4 w-4 shrink-0 flex items-center justify-center text-muted-foreground/60", children: category.icon }) : hasChildren ? /* @__PURE__ */ jsx49(FolderTree, { className: "h-4 w-4 shrink-0 text-muted-foreground/60" }) : /* @__PURE__ */ jsx49("div", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40" }),
-                    /* @__PURE__ */ jsx49("span", { className: "min-w-0 text-sm font-medium leading-snug break-words [overflow-wrap:anywhere]", children: category.name })
+                    /* @__PURE__ */ jsx49("span", { className: "min-w-0 text-sm font-medium leading-snug wrap-anywhere", children: category.name })
                   ] })
                 ) : (
                   // Single/Multi select mode: icon + text + badge
@@ -17062,7 +17077,7 @@ function CategoryTreeSelect(props) {
                       "span",
                       {
                         className: cn(
-                          "min-w-0 flex-1 text-sm leading-snug break-words [overflow-wrap:anywhere] transition-all duration-200",
+                          "min-w-0 flex-1 text-sm leading-snug wrap-anywhere transition-all duration-200",
                           isSelected ? "font-semibold text-primary" : "text-foreground/80",
                           !isSelectable && "text-foreground"
                         ),