@underverse-ui/underverse 1.0.93 → 1.0.94

package/api-reference.json

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

package/dist/index.cjs

@@ -666,13 +666,13 @@ var Card = import_react2.default.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__ */ (0, import_jsx_runtime3.jsx)("p", { className: "min-w-0 text-sm md:text-base text-muted-foreground leading-relaxed break-words [overflow-wrap:anywhere]", children: description })
+            description && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "min-w-0 text-sm md:text-base text-muted-foreground leading-relaxed wrap-anywhere", children: description })
           ] }),
           children && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: cn("relative", defaultPaddingX, defaultPaddingY, contentClassName), children }),
           footer && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -2940,6 +2940,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":
@@ -2991,7 +3010,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();
@@ -3110,37 +3130,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__ */ (0, import_jsx_runtime10.jsx)("span", { ...triggerProps, children });
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    (() => {
-      const TriggerComponent = children.type;
-      const triggerProps = children.props;
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        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 && (0, import_react_dom.createPortal)(
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
@@ -17237,7 +17252,7 @@ function CategoryTreeSelect(props) {
                   // View-only mode: just display the name with folder icon
                   /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("flex min-w-0 items-center", TREE_NODE_GAP_CLASS), children: [
                     category.icon ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-4 w-4 shrink-0 flex items-center justify-center text-muted-foreground/60", children: category.icon }) : hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react26.FolderTree, { className: "h-4 w-4 shrink-0 text-muted-foreground/60" }) : /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "h-1.5 w-1.5 shrink-0 rounded-full bg-muted-foreground/40" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "min-w-0 text-sm font-medium leading-snug break-words [overflow-wrap:anywhere]", children: category.name })
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "min-w-0 text-sm font-medium leading-snug wrap-anywhere", children: category.name })
                   ] })
                 ) : (
                   // Single/Multi select mode: icon + text + badge
@@ -17247,7 +17262,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"
                         ),