@l3mpire/ui 2.26.2 → 2.26.3

package/dist/index.mjs

@@ -1133,20 +1133,39 @@ import * as React7 from "react";
 import * as TooltipPrimitive2 from "@radix-ui/react-tooltip";
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var TruncatedText = React7.forwardRef(
-  ({ children, tooltip, delayDuration = 300, className, ...props }, ref) => {
-    const innerRef = React7.useRef(null);
-    React7.useImperativeHandle(ref, () => innerRef.current);
+  ({ children, tooltip, delayDuration = 300, className, ...props }, forwardedRef) => {
+    const [el, setEl] = React7.useState(null);
     const [isTruncated, setIsTruncated] = React7.useState(false);
-    React7.useEffect(() => {
-      const el = innerRef.current;
+    const setRef = React7.useCallback(
+      (node) => {
+        setEl(node);
+        if (typeof forwardedRef === "function") forwardedRef(node);
+        else if (forwardedRef) {
+          forwardedRef.current = node;
+        }
+      },
+      [forwardedRef]
+    );
+    React7.useLayoutEffect(() => {
       if (!el) return;
       const check = () => setIsTruncated(el.scrollWidth > el.clientWidth);
       check();
       const ro = new ResizeObserver(check);
       ro.observe(el);
       return () => ro.disconnect();
-    }, [children]);
-    const span = /* @__PURE__ */ jsx7("span", { ref: innerRef, className: cn("truncate", className), ...props, children });
+    }, [el, children]);
+    const span = /* @__PURE__ */ jsx7(
+      "span",
+      {
+        ref: setRef,
+        className: cn(
+          "inline-block max-w-full min-w-0 align-bottom truncate",
+          className
+        ),
+        ...props,
+        children
+      }
+    );
     if (!isTruncated) return span;
     return /* @__PURE__ */ jsx7(TooltipPrimitive2.Provider, { delayDuration, children: /* @__PURE__ */ jsxs7(TooltipPrimitive2.Root, { children: [
       /* @__PURE__ */ jsx7(TooltipPrimitive2.Trigger, { asChild: true, children: span }),