@epam/ai-dial-ui-kit 0.6.0-rc.5 → 0.6.0-rc.7

package/dist/dial-ui-kit.es.js

@@ -5,165 +5,25 @@ import * as be from "react";
 import q, { createContext as fa, useState as I, useRef as L, useEffect as Se, useMemo as B, useContext as st, isValidElement as gd, cloneElement as cc, useCallback as D, memo as ft, useLayoutEffect as qt, PureComponent as Ev, Component as Dv, forwardRef as pd, useImperativeHandle as xn, createElement as Yo, Suspense as Pv, useId as fd, Children as Tv } from "react";
 import { IconInfoCircle as md, IconCircleCheck as Mv, IconAlertTriangle as Iv, IconAlertCircle as Av, IconX as go, IconMinus as kv, IconCheck as Yg, IconExclamationCircle as Cd, IconClipboardX as Zg, IconChevronsLeft as Lv, IconChevronsRight as Ov, IconGripVertical as Nv, IconFile as Qg, IconFileTypeZip as Hv, IconFileTypeXml as Gv, IconFileTypeXls as Bv, IconFileTypeVue as Vv, IconFileTypeTxt as zv, IconFileTypeTsx as Wv, IconFileTypeTs as _v, IconFileTypeSvg as Uv, IconFileTypeSql as $v, IconFileTypeRs as jv, IconFileTypePpt as Kv, IconFileTypePng as qv, IconFileTypePhp as Yv, IconFileTypePdf as Zv, IconFileTypeJsx as Qv, IconFileTypeJs as Xv, IconFileTypeJpg as Jv, IconFileTypeHtml as ew, IconFileTypeDocx as tw, IconFileTypeDoc as sw, IconFileTypeCsv as iw, IconFileTypeCss as ow, IconFileTypeBmp as nw, IconArrowUpRight as rw, IconFolder as vd, IconChevronLeft as aw, IconChevronRight as Xg, IconZoomCancel as lw, IconChevronDown as ma, IconDotsVertical as Fn, IconDots as cw, IconTrashX as En, IconEyeOff as Jg, IconEye as ep, IconSearch as dw, IconPlus as uw, IconChevronUp as hw, IconAlertCircleFilled as gw, IconCaretRightFilled as pw, IconArrowLeft as fw, IconFileZip as mw, IconCopyMinus as Cw, IconFolderPlus as vw, IconCopy as wd, IconDownload as bd, IconPencilMinus as tp, IconCircleFilled as wr } from "@tabler/icons-react";
 import ww, { flushSync as bw, createPortal as Sd } from "react-dom";
-const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "text-error dial-tiny mt-1", children: e }), Ve = ({ icon: e, className: t }) => e ? /* @__PURE__ */ m("span", { className: ee("flex-shrink-0", t), children: e }) : null, Sw = 7, yw = 2, sp = fa(null), ip = () => {
-  const e = st(sp);
-  if (e == null)
-    throw new Error("Tooltip components must be wrapped in <Tooltip />");
-  return e;
-}, Rw = ({
-  initialOpen: e = !1,
-  placement: t = "bottom",
-  isTriggerClickable: s = !1,
-  open: i,
-  onOpenChange: o
-} = {}) => {
-  const [n, r] = I(e), a = L(null), l = i ?? n, c = o ?? r, d = ad({
-    placement: t,
-    open: l,
-    onOpenChange: c,
-    whileElementsMounted: jg,
-    middleware: [
-      _g(Sw + yw),
-      Ug({
-        crossAxis: t.includes("-"),
-        fallbackAxisSideDirection: "start",
-        padding: 5
-      }),
-      $g({ padding: 5 }),
-      wv({
-        element: a
-      })
-    ]
-  }), u = Kg(d.context, {
-    move: !1,
-    enabled: i == null,
-    mouseOnly: s,
-    delay: { open: 500, close: 0 }
-  }), h = bv(d.context, {
-    enabled: i == null
-  }), g = ld(d.context), p = cd(d.context, { role: "tooltip" }), f = dd([u, h, g, p]);
-  return Se(() => {
-    if (!l) return;
-    const C = d.refs.reference.current;
-    if (!(C instanceof Element)) return;
-    const v = new IntersectionObserver(
-      ([w]) => {
-        w.isIntersecting || c(!1);
-      },
-      { root: null, threshold: 0 }
-    );
-    return v.observe(C), () => v.disconnect();
-  }, [l, d.refs.reference, c]), B(
-    () => ({
-      open: l,
-      setOpen: c,
-      arrowRef: a,
-      ...f,
-      ...d
-    }),
-    [l, c, f, d]
-  );
-}, op = ({
-  children: e,
-  ...t
-}) => {
-  const s = Rw(t);
-  return /* @__PURE__ */ m(sp.Provider, { value: s, children: e });
-}, np = ({ style: e, ...t }) => {
-  const s = ip(), i = L(null), o = ud([s.refs.setFloating, i]);
-  return s.open ? /* @__PURE__ */ m(hd, { id: "tooltip-portal", children: /* @__PURE__ */ z(
-    "div",
-    {
-      ref: o,
-      style: {
-        ...s.floatingStyles,
-        ...e
-      },
-      ...s.getFloatingProps(t),
-      className: ee(
-        "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny shadow max-w-[300px]",
-        s.getFloatingProps(t).className
-      ),
-      children: [
-        t.children,
-        /* @__PURE__ */ m(
-          Sv,
-          {
-            ref: s.arrowRef,
-            context: s.context,
-            fill: "currentColor",
-            strokeWidth: 1,
-            className: "border-primary w-2 text-[var(--bg-layer-0,_#000000)]"
-          }
-        )
-      ]
-    }
-  ) }) : null;
-}, rp = ({
-  children: e,
-  asChild: t = !1,
-  ...s
-}) => {
-  const i = ip(), o = t && gd(e), n = o ? e.props?.ref : null, r = ud([
-    i.refs.setReference,
-    ...n ? [n] : []
-  ]);
-  return o ? cc(
-    e,
-    i.getReferenceProps({
-      ...e.props,
-      ...s,
-      ref: r
-    })
-  ) : /* @__PURE__ */ m(
-    "span",
-    {
-      ref: r,
-      ...i.getReferenceProps(s),
-      className: s.className ?? "dial-tooltip-trigger text-left",
-      children: e
-    }
-  );
-}, js = ({
-  hideTooltip: e,
-  tooltip: t,
-  children: s,
-  triggerClassName: i,
-  contentClassName: o,
-  ...n
-}) => /* @__PURE__ */ z(op, { ...n, children: [
-  /* @__PURE__ */ m(rp, { className: ee(i, "truncate"), children: s }),
-  /* @__PURE__ */ m(
-    np,
-    {
-      className: ee(
-        "text-primary",
-        o,
-        "max-w-[300px]",
-        (e || !t) && "hidden"
-      ),
-      children: t
-    }
-  )
-] }), yd = "-", xw = (e) => {
-  const t = Ew(e), {
+const yd = "-", Sw = (e) => {
+  const t = Rw(e), {
     conflictingClassGroups: s,
     conflictingClassGroupModifiers: i
   } = e;
   return {
     getClassGroupId: (r) => {
       const a = r.split(yd);
-      return a[0] === "" && a.length !== 1 && a.shift(), ap(a, t) || Fw(r);
+      return a[0] === "" && a.length !== 1 && a.shift(), sp(a, t) || yw(r);
     },
     getConflictingClassGroupIds: (r, a) => {
       const l = s[r] || [];
       return a && i[r] ? [...l, ...i[r]] : l;
     }
   };
-}, ap = (e, t) => {
+}, sp = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const s = e[0], i = t.nextPart.get(s), o = i ? ap(e.slice(1), i) : void 0;
+  const s = e[0], i = t.nextPart.get(s), o = i ? sp(e.slice(1), i) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
@@ -172,13 +32,13 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
   return t.validators.find(({
     validator: r
   }) => r(n))?.classGroupId;
-}, Iu = /^\[(.+)\]$/, Fw = (e) => {
+}, Iu = /^\[(.+)\]$/, yw = (e) => {
   if (Iu.test(e)) {
     const t = Iu.exec(e)[1], s = t?.substring(0, t.indexOf(":"));
     if (s)
       return "arbitrary.." + s;
   }
-}, Ew = (e) => {
+}, Rw = (e) => {
   const {
     theme: t,
     classGroups: s
@@ -197,7 +57,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       return;
     }
     if (typeof o == "function") {
-      if (Dw(o)) {
+      if (xw(o)) {
         dc(o(i), t, s, i);
         return;
       }
@@ -219,7 +79,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       validators: []
     }), s = s.nextPart.get(i);
   }), s;
-}, Dw = (e) => e.isThemeGetter, Pw = (e) => {
+}, xw = (e) => e.isThemeGetter, Fw = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -243,7 +103,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       s.has(n) ? s.set(n, r) : o(n, r);
     }
   };
-}, uc = "!", hc = ":", Tw = hc.length, Mw = (e) => {
+}, uc = "!", hc = ":", Ew = hc.length, Dw = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: s
@@ -255,7 +115,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       let f = o[p];
       if (r === 0 && a === 0) {
         if (f === hc) {
-          n.push(o.slice(l, p)), l = p + Tw;
+          n.push(o.slice(l, p)), l = p + Ew;
           continue;
         }
         if (f === "/") {
@@ -265,7 +125,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       }
       f === "[" ? r++ : f === "]" ? r-- : f === "(" ? a++ : f === ")" && a--;
     }
-    const d = n.length === 0 ? o : o.substring(l), u = Iw(d), h = u !== d, g = c && c > l ? c - l : void 0;
+    const d = n.length === 0 ? o : o.substring(l), u = Pw(d), h = u !== d, g = c && c > l ? c - l : void 0;
     return {
       modifiers: n,
       hasImportantModifier: h,
@@ -291,7 +151,7 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
     });
   }
   return i;
-}, Iw = (e) => e.endsWith(uc) ? e.substring(0, e.length - 1) : e.startsWith(uc) ? e.substring(1) : e, Aw = (e) => {
+}, Pw = (e) => e.endsWith(uc) ? e.substring(0, e.length - 1) : e.startsWith(uc) ? e.substring(1) : e, Tw = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((i) => [i, !0]));
   return (i) => {
     if (i.length <= 1)
@@ -302,18 +162,18 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
       r[0] === "[" || t[r] ? (o.push(...n.sort(), r), n = []) : n.push(r);
     }), o.push(...n.sort()), o;
   };
-}, kw = (e) => ({
-  cache: Pw(e.cacheSize),
-  parseClassName: Mw(e),
-  sortModifiers: Aw(e),
-  ...xw(e)
-}), Lw = /\s+/, Ow = (e, t) => {
+}, Mw = (e) => ({
+  cache: Fw(e.cacheSize),
+  parseClassName: Dw(e),
+  sortModifiers: Tw(e),
+  ...Sw(e)
+}), Iw = /\s+/, Aw = (e, t) => {
   const {
     parseClassName: s,
     getClassGroupId: i,
     getConflictingClassGroupIds: o,
     sortModifiers: n
-  } = t, r = [], a = e.trim().split(Lw);
+  } = t, r = [], a = e.trim().split(Iw);
   let l = "";
   for (let c = a.length - 1; c >= 0; c -= 1) {
     const d = a[c], {
@@ -352,52 +212,52 @@ const hi = ({ errorText: e }) => e && /* @__PURE__ */ m("span", { className: "te
   }
   return l;
 };
-function Nw() {
+function kw() {
   let e = 0, t, s, i = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (s = lp(t)) && (i && (i += " "), i += s);
+    (t = arguments[e++]) && (s = ip(t)) && (i && (i += " "), i += s);
   return i;
 }
-const lp = (e) => {
+const ip = (e) => {
   if (typeof e == "string")
     return e;
   let t, s = "";
   for (let i = 0; i < e.length; i++)
-    e[i] && (t = lp(e[i])) && (s && (s += " "), s += t);
+    e[i] && (t = ip(e[i])) && (s && (s += " "), s += t);
   return s;
 };
-function Hw(e, ...t) {
+function Lw(e, ...t) {
   let s, i, o, n = r;
   function r(l) {
     const c = t.reduce((d, u) => u(d), e());
-    return s = kw(c), i = s.cache.get, o = s.cache.set, n = a, a(l);
+    return s = Mw(c), i = s.cache.get, o = s.cache.set, n = a, a(l);
   }
   function a(l) {
     const c = i(l);
     if (c)
       return c;
-    const d = Ow(l, s);
+    const d = Aw(l, s);
     return o(l, d), d;
   }
   return function() {
-    return n(Nw.apply(null, arguments));
+    return n(kw.apply(null, arguments));
   };
 }
 const et = (e) => {
   const t = (s) => s[e] || [];
   return t.isThemeGetter = !0, t;
-}, cp = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, dp = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Gw = /^\d+\/\d+$/, Bw = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Vw = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, zw = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ww = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _w = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ii = (e) => Gw.test(e), Ee = (e) => !!e && !Number.isNaN(Number(e)), ks = (e) => !!e && Number.isInteger(Number(e)), gl = (e) => e.endsWith("%") && Ee(e.slice(0, -1)), ps = (e) => Bw.test(e), Uw = () => !0, $w = (e) => (
+}, op = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, np = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ow = /^\d+\/\d+$/, Nw = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Hw = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Gw = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Bw = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Vw = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ii = (e) => Ow.test(e), Ee = (e) => !!e && !Number.isNaN(Number(e)), ks = (e) => !!e && Number.isInteger(Number(e)), gl = (e) => e.endsWith("%") && Ee(e.slice(0, -1)), ps = (e) => Nw.test(e), zw = () => !0, Ww = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Vw.test(e) && !zw.test(e)
-), up = () => !1, jw = (e) => Ww.test(e), Kw = (e) => _w.test(e), qw = (e) => !re(e) && !ae(e), Yw = (e) => po(e, pp, up), re = (e) => cp.test(e), Xs = (e) => po(e, fp, $w), pl = (e) => po(e, e1, Ee), ku = (e) => po(e, hp, up), Zw = (e) => po(e, gp, Kw), Xn = (e) => po(e, mp, jw), ae = (e) => dp.test(e), Bo = (e) => fo(e, fp), Qw = (e) => fo(e, t1), Lu = (e) => fo(e, hp), Xw = (e) => fo(e, pp), Jw = (e) => fo(e, gp), Jn = (e) => fo(e, mp, !0), po = (e, t, s) => {
-  const i = cp.exec(e);
+  Hw.test(e) && !Gw.test(e)
+), rp = () => !1, _w = (e) => Bw.test(e), Uw = (e) => Vw.test(e), $w = (e) => !re(e) && !ae(e), jw = (e) => po(e, cp, rp), re = (e) => op.test(e), Xs = (e) => po(e, dp, Ww), pl = (e) => po(e, Qw, Ee), ku = (e) => po(e, ap, rp), Kw = (e) => po(e, lp, Uw), Xn = (e) => po(e, up, _w), ae = (e) => np.test(e), Bo = (e) => fo(e, dp), qw = (e) => fo(e, Xw), Lu = (e) => fo(e, ap), Yw = (e) => fo(e, cp), Zw = (e) => fo(e, lp), Jn = (e) => fo(e, up, !0), po = (e, t, s) => {
+  const i = op.exec(e);
   return i ? i[1] ? t(i[1]) : s(i[2]) : !1;
 }, fo = (e, t, s = !1) => {
-  const i = dp.exec(e);
+  const i = np.exec(e);
   return i ? i[1] ? t(i[1]) : s : !1;
-}, hp = (e) => e === "position" || e === "percentage", gp = (e) => e === "image" || e === "url", pp = (e) => e === "length" || e === "size" || e === "bg-size", fp = (e) => e === "length", e1 = (e) => e === "number", t1 = (e) => e === "family-name", mp = (e) => e === "shadow", s1 = () => {
+}, ap = (e) => e === "position" || e === "percentage", lp = (e) => e === "image" || e === "url", cp = (e) => e === "length" || e === "size" || e === "bg-size", dp = (e) => e === "length", Qw = (e) => e === "number", Xw = (e) => e === "family-name", up = (e) => e === "shadow", Jw = () => {
   const e = et("color"), t = et("font"), s = et("text"), i = et("font-weight"), o = et("tracking"), n = et("leading"), r = et("breakpoint"), a = et("container"), l = et("spacing"), c = et("radius"), d = et("shadow"), u = et("inset-shadow"), h = et("text-shadow"), g = et("drop-shadow"), p = et("blur"), f = et("perspective"), C = et("aspect"), v = et("ease"), w = et("animate"), b = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
     "center",
     "top",
@@ -422,7 +282,7 @@ const et = (e) => {
     position: [ae, re]
   }], U = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], se = () => ["auto", "cover", "contain", Xw, Yw, {
+  }], se = () => ["auto", "cover", "contain", Yw, jw, {
     size: [ae, re]
   }], te = () => [gl, Bo, Xs], Z = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -447,11 +307,11 @@ const et = (e) => {
       aspect: ["video"],
       blur: [ps],
       breakpoint: [ps],
-      color: [Uw],
+      color: [zw],
       container: [ps],
       "drop-shadow": [ps],
       ease: ["in", "out", "in-out"],
-      font: [qw],
+      font: [$w],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ps],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1163,7 +1023,7 @@ const et = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Qw, re, t]
+        font: [qw, re, t]
       }],
       /**
        * Font Variant Numeric
@@ -1418,7 +1278,7 @@ const et = (e) => {
           }, ks, ae, re],
           radial: ["", ae, re],
           conic: [ks, ae, re]
-        }, Jw, Zw]
+        }, Zw, Kw]
       }],
       /**
        * Background Color
@@ -2867,11 +2727,162 @@ const et = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, i1 = /* @__PURE__ */ Hw(s1);
-function pe(...e) {
-  return i1(ee(e));
+}, e1 = /* @__PURE__ */ Lw(Jw);
+function ge(...e) {
+  return e1(ee(e));
 }
-const mo = ({
+const hi = ({
+  errorText: e,
+  className: t,
+  ...s
+}) => e ? /* @__PURE__ */ m(
+  "span",
+  {
+    ...s,
+    className: ge("text-error dial-tiny mt-1", t),
+    children: e
+  }
+) : null, Ve = ({ icon: e, className: t }) => e ? /* @__PURE__ */ m("span", { className: ee("flex-shrink-0", t), children: e }) : null, t1 = 7, s1 = 2, hp = fa(null), gp = () => {
+  const e = st(hp);
+  if (e == null)
+    throw new Error("Tooltip components must be wrapped in <Tooltip />");
+  return e;
+}, i1 = ({
+  initialOpen: e = !1,
+  placement: t = "bottom",
+  isTriggerClickable: s = !1,
+  open: i,
+  onOpenChange: o
+} = {}) => {
+  const [n, r] = I(e), a = L(null), l = i ?? n, c = o ?? r, d = ad({
+    placement: t,
+    open: l,
+    onOpenChange: c,
+    whileElementsMounted: jg,
+    middleware: [
+      _g(t1 + s1),
+      Ug({
+        crossAxis: t.includes("-"),
+        fallbackAxisSideDirection: "start",
+        padding: 5
+      }),
+      $g({ padding: 5 }),
+      wv({
+        element: a
+      })
+    ]
+  }), u = Kg(d.context, {
+    move: !1,
+    enabled: i == null,
+    mouseOnly: s,
+    delay: { open: 500, close: 0 }
+  }), h = bv(d.context, {
+    enabled: i == null
+  }), g = ld(d.context), p = cd(d.context, { role: "tooltip" }), f = dd([u, h, g, p]);
+  return Se(() => {
+    if (!l) return;
+    const C = d.refs.reference.current;
+    if (!(C instanceof Element)) return;
+    const v = new IntersectionObserver(
+      ([w]) => {
+        w.isIntersecting || c(!1);
+      },
+      { root: null, threshold: 0 }
+    );
+    return v.observe(C), () => v.disconnect();
+  }, [l, d.refs.reference, c]), B(
+    () => ({
+      open: l,
+      setOpen: c,
+      arrowRef: a,
+      ...f,
+      ...d
+    }),
+    [l, c, f, d]
+  );
+}, pp = ({
+  children: e,
+  ...t
+}) => {
+  const s = i1(t);
+  return /* @__PURE__ */ m(hp.Provider, { value: s, children: e });
+}, fp = ({ style: e, ...t }) => {
+  const s = gp(), i = L(null), o = ud([s.refs.setFloating, i]);
+  return s.open ? /* @__PURE__ */ m(hd, { id: "tooltip-portal", children: /* @__PURE__ */ z(
+    "div",
+    {
+      ref: o,
+      style: {
+        ...s.floatingStyles,
+        ...e
+      },
+      ...s.getFloatingProps(t),
+      className: ee(
+        "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny shadow max-w-[300px]",
+        s.getFloatingProps(t).className
+      ),
+      children: [
+        t.children,
+        /* @__PURE__ */ m(
+          Sv,
+          {
+            ref: s.arrowRef,
+            context: s.context,
+            fill: "currentColor",
+            strokeWidth: 1,
+            className: "border-primary w-2 text-[var(--bg-layer-0,_#000000)]"
+          }
+        )
+      ]
+    }
+  ) }) : null;
+}, mp = ({
+  children: e,
+  asChild: t = !1,
+  ...s
+}) => {
+  const i = gp(), o = t && gd(e), n = o ? e.props?.ref : null, r = ud([
+    i.refs.setReference,
+    ...n ? [n] : []
+  ]);
+  return o ? cc(
+    e,
+    i.getReferenceProps({
+      ...e.props,
+      ...s,
+      ref: r
+    })
+  ) : /* @__PURE__ */ m(
+    "span",
+    {
+      ref: r,
+      ...i.getReferenceProps(s),
+      className: s.className ?? "dial-tooltip-trigger text-left",
+      children: e
+    }
+  );
+}, js = ({
+  hideTooltip: e,
+  tooltip: t,
+  children: s,
+  triggerClassName: i,
+  contentClassName: o,
+  ...n
+}) => /* @__PURE__ */ z(pp, { ...n, children: [
+  /* @__PURE__ */ m(mp, { className: ee(i, "truncate"), children: s }),
+  /* @__PURE__ */ m(
+    fp,
+    {
+      className: ee(
+        "text-primary",
+        o,
+        "max-w-[300px]",
+        (e || !t) && "hidden"
+      ),
+      children: t
+    }
+  )
+] }), mo = ({
   fieldTitle: e,
   optional: t,
   optionalText: s,
@@ -2882,7 +2893,7 @@ const mo = ({
   "label",
   {
     ...n,
-    className: pe(
+    className: ge(
       "dial-tiny text-secondary flex gap-1",
       i,
       !i?.includes("mb") && "mb-2"
@@ -2969,7 +2980,7 @@ const n1 = (e) => ({
     {
       ...a,
       role: "alert",
-      className: pe(
+      className: ge(
         a1,
         r1[e],
         s
@@ -3055,9 +3066,9 @@ const n1 = (e) => ({
     () => typeof e == "string" ? e : c,
     [c, e]
   ), f = B(() => i ? "" : a ? p : "", [p, i, a]);
-  return /* @__PURE__ */ z(op, { ...n, children: [
+  return /* @__PURE__ */ z(pp, { ...n, children: [
     /* @__PURE__ */ m(
-      rp,
+      mp,
       {
         asChild: !0,
         onMouseEnter: g,
@@ -3066,7 +3077,7 @@ const n1 = (e) => ({
           "span",
           {
             id: o,
-            className: pe(
+            className: ge(
               "block truncate flex-1 min-w-0 max-w-full text-left",
               t
             ),
@@ -3080,9 +3091,9 @@ const n1 = (e) => ({
       }
     ),
     /* @__PURE__ */ m(
-      np,
+      fp,
       {
-        className: pe(
+        className: ge(
           u1,
           s,
           !f && "hidden"
@@ -3324,7 +3335,7 @@ const m1 = "w-full flex", C1 = {
       role: "group",
       "aria-labelledby": t ? v : void 0,
       "aria-describedby": y,
-      className: pe(
+      className: ge(
         m1,
         C1[r],
         l
@@ -3334,7 +3345,7 @@ const m1 = "w-full flex", C1 = {
           "div",
           {
             id: v,
-            className: pe(r === "horizontal" && "shrink-0"),
+            className: ge(r === "horizontal" && "shrink-0"),
             children: /* @__PURE__ */ m(
               mo,
               {
@@ -3342,7 +3353,7 @@ const m1 = "w-full flex", C1 = {
                 fieldTitle: t,
                 optional: s,
                 optionalText: i,
-                className: pe(
+                className: ge(
                   a && "sr-only",
                   c
                 ),
@@ -3351,13 +3362,13 @@ const m1 = "w-full flex", C1 = {
             )
           }
         ),
-        /* @__PURE__ */ z("div", { className: pe("min-w-0 w-full", u), children: [
+        /* @__PURE__ */ z("div", { className: ge("min-w-0 w-full", u), children: [
           g ? /* @__PURE__ */ m("div", { className: "dial-input px-3 py-2", children: x() }) : C,
           h && /* @__PURE__ */ m(
             "div",
             {
               id: S,
-              className: pe({
+              className: ge({
                 "dial-tiny text-secondary mt-1": !0,
                 "text-error": !!n
               }),
@@ -3406,7 +3417,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
         role: "radiogroup",
         "aria-label": e,
         "aria-disabled": u || void 0,
-        className: pe(
+        className: ge(
           v1,
           b1[f],
           n
@@ -3414,7 +3425,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
         children: g.map((v) => /* @__PURE__ */ z(
           "div",
           {
-            className: pe(
+            className: ge(
               "flex flex-col",
               r,
               v.id === p && a
@@ -3428,7 +3439,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
                   inputId: v.id,
                   disabled: u,
                   className: t,
-                  labelClassName: pe(
+                  labelClassName: ge(
                     d,
                     v.id === p && o
                   ),
@@ -3440,7 +3451,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
               v.id === p && v.content ? /* @__PURE__ */ m(
                 "div",
                 {
-                  className: pe(
+                  className: ge(
                     w1,
                     i
                   ),
@@ -3464,7 +3475,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
 }) => /* @__PURE__ */ z(
   "div",
   {
-    className: pe(
+    className: ge(
       "h-full w-full flex flex-col items-center justify-center text-secondary",
       i
     ),
@@ -3474,7 +3485,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
       /* @__PURE__ */ m(
         "span",
         {
-          className: pe("dial-small mt-2 text-primary", o),
+          className: ge("dial-small mt-2 text-primary", o),
           "aria-label": "no-results-title",
           children: t
         }
@@ -3482,7 +3493,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
       s && /* @__PURE__ */ m(
         "span",
         {
-          className: pe("mt-1 text-primary", n),
+          className: ge("mt-1 text-primary", n),
           "aria-label": "no-results-description",
           children: s
         }
@@ -3544,7 +3555,7 @@ const v1 = "flex", w1 = "pb-1 mt-2", b1 = {
         /* @__PURE__ */ z(
           "div",
           {
-            className: pe("border-t border-primary h-12", v),
+            className: ge("border-t border-primary h-12", v),
             children: [
               f && a,
               /* @__PURE__ */ m(
@@ -3600,7 +3611,7 @@ const y1 = {
   iconBefore: o,
   bordered: n = !0
 }) => {
-  const r = y1[i], a = pe(
+  const r = y1[i], a = ge(
     "flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",
     r,
     n ? "border" : "border-transparent",
@@ -5392,7 +5403,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
     "div",
     {
       ref: a,
-      className: pe(R0, s),
+      className: ge(R0, s),
       style: { opacity: c ? 0 : 1 },
       "aria-roledescription": "Draggable item",
       children: [
@@ -5482,7 +5493,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
 }) => /* @__PURE__ */ m(
   Ve,
   {
-    className: pe("text-accent-primary", s),
+    className: ge("text-accent-primary", s),
     icon: /* @__PURE__ */ m(
       rw,
       {
@@ -5502,7 +5513,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
   details: o
 }) => {
   const n = e.includes(".") ? e.split(".").pop() : null;
-  return /* @__PURE__ */ z("div", { className: pe("flex items-center gap-2 w-full", t), children: [
+  return /* @__PURE__ */ z("div", { className: ge("flex items-center gap-2 w-full", t), children: [
     n && /* @__PURE__ */ m(
       Tp,
       {
@@ -5548,7 +5559,7 @@ const ju = "column", R0 = "flex items-center", x0 = "mr-3 cursor-move text-secon
       className: "inline-block align-middle"
     }
   );
-  return /* @__PURE__ */ z("div", { className: pe("flex items-center gap-2 w-full", t), children: [
+  return /* @__PURE__ */ z("div", { className: ge("flex items-center gap-2 w-full", t), children: [
     /* @__PURE__ */ z("span", { className: "inline-flex relative text-secondary", role: "img", children: [
       n(),
       s && /* @__PURE__ */ m("span", { className: "absolute -bottom-0.5 -left-0.5", children: /* @__PURE__ */ m(Vr, {}) })
@@ -6032,7 +6043,7 @@ const z0 = ({ side: e, className: t }) => {
   customHandler: s,
   handlerClassName: i
 }) => {
-  const o = pe(
+  const o = ge(
     "invisible h-full w-0.5 group-hover:visible bg-accent-primary text-accent-primary cursor-col-resize transition-opacity",
     t && "visible",
     i
@@ -6136,13 +6147,13 @@ const $0 = (e) => {
 }) => {
   if (!o && n)
     return /* @__PURE__ */ m(Be, { children: n });
-  const u = pe(
+  const u = ge(
     "bg-layer-3",
     e && "animate-pulse",
     c
   );
   if (r !== Kt.Default) {
-    const E = pe(
+    const E = ge(
       u,
       r === Kt.Circular && "rounded-full",
       r === Kt.Rectangular && "rounded",
@@ -6151,11 +6162,11 @@ const $0 = (e) => {
     return a && (T.width = typeof a == "number" ? `${a}px` : a), l && (T.height = typeof l == "number" ? `${l}px` : l), /* @__PURE__ */ m("div", { className: E, style: T, ...d });
   }
   const h = !!s, g = !!i, p = !!t, f = typeof s == "object" ? s : {}, C = typeof i == "object" ? i : {}, v = typeof t == "object" ? t : {}, w = $0(f.size), b = f.shape ?? vc.Circle, S = C.width ?? "38%", y = v.rows ?? 3, R = v.width, x = (E) => R ? Array.isArray(R) ? R[E] ?? "100%" : R : E === y - 1 ? "61%" : "100%";
-  return /* @__PURE__ */ z("div", { ...d, className: pe("flex gap-4", c), children: [
+  return /* @__PURE__ */ z("div", { ...d, className: ge("flex gap-4", c), children: [
     h && /* @__PURE__ */ m(
       "div",
       {
-        className: pe(
+        className: ge(
           u,
           b === vc.Circle ? "rounded-full" : "rounded",
           "flex-shrink-0"
@@ -6167,14 +6178,14 @@ const $0 = (e) => {
       g && /* @__PURE__ */ m(
         "div",
         {
-          className: pe(u, "h-4 rounded"),
+          className: ge(u, "h-4 rounded"),
           style: { width: S }
         }
       ),
       p && /* @__PURE__ */ m("div", { className: "flex flex-col gap-3", children: Array.from({ length: y }).map((E, T) => /* @__PURE__ */ m(
         "div",
         {
-          className: pe(u, "h-4 rounded"),
+          className: ge(u, "h-4 rounded"),
           style: { width: x(T) }
         },
         T
@@ -43813,14 +43824,14 @@ var ok = 1e3, nk = class {
     instanceId: r
   } = e, a = L(), [l, c] = I(
     () => e.isCellRenderer() ? void 0 : { compDetails: void 0, value: e.getValueToDisplay(), force: !1 }
-  ), [d, u] = I(), [h, g] = I(1), [p, f] = I(), [C, v] = I(!1), [w, b] = I(!1), [S, y] = I(!1), [R, x] = I(), E = B(() => e.isForceWrapper(), [e]), T = B(() => e.getCellAriaRole(), [e]), k = L(null), F = L(null), P = L(null), G = L(), _ = L(), H = L(), ie = L([]), ne = L(), N = L(), [ue, U] = I(0), se = D((ge) => {
-    N.current = ge, U((Pe) => Pe + 1);
+  ), [d, u] = I(), [h, g] = I(1), [p, f] = I(), [C, v] = I(!1), [w, b] = I(!1), [S, y] = I(!1), [R, x] = I(), E = B(() => e.isForceWrapper(), [e]), T = B(() => e.getCellAriaRole(), [e]), k = L(null), F = L(null), P = L(null), G = L(), _ = L(), H = L(), ie = L([]), ne = L(), N = L(), [ue, U] = I(0), se = D((pe) => {
+    N.current = pe, U((Pe) => Pe + 1);
   }, []), te = l != null && (C || S || w) && (d == null || !!d.popup), Z = E || te, X = B(() => e.getCellValueClass(), [e]), oe = D(
-    (ge) => {
-      if (_.current = ge, ge) {
-        const Pe = ge.isCancelBeforeStart && ge.isCancelBeforeStart();
+    (pe) => {
+      if (_.current = pe, pe) {
+        const Pe = pe.isCancelBeforeStart && pe.isCancelBeforeStart();
         setTimeout(() => {
-          Pe ? (e.stopEditing(!0), e.focusCell(!0)) : (e.cellEditorAttached(), e.enableEditorTooltipFeature(ge));
+          Pe ? (e.stopEditing(!0), e.focusCell(!0)) : (e.cellEditorAttached(), e.enableEditorTooltipFeature(pe));
         });
       }
     },
@@ -43829,11 +43840,11 @@ var ok = 1e3, nk = class {
   Ce.current || (Ce.current = new Tn(() => k.current)), _C(l, Z, N.current, ue, G, k);
   const V = L();
   qt(() => {
-    const ge = V.current, Pe = l;
-    if (V.current = l, ge == null || ge.compDetails == null || Pe == null || Pe.compDetails == null)
+    const pe = V.current, Pe = l;
+    if (V.current = l, pe == null || pe.compDetails == null || Pe == null || Pe.compDetails == null)
       return;
     ne.current?.refreshVisibility();
-    const j = ge.compDetails, xe = Pe.compDetails;
+    const j = pe.compDetails, xe = Pe.compDetails;
     if (j.componentClass != xe.componentClass || P.current?.refresh == null)
       return;
     P.current.refresh(xe.params) != !0 && g((De) => De + 1);
@@ -43854,8 +43865,8 @@ var ok = 1e3, nk = class {
     };
   }, [d]);
   const A = D(
-    (ge) => {
-      if (H.current = ge, !ge || o.isDestroyed() || !e.isAlive()) {
+    (pe) => {
+      if (H.current = pe, !pe || o.isDestroyed() || !e.isAlive()) {
         const xe = ie.current;
         ie.current = [];
         for (const ve of xe)
@@ -43864,7 +43875,7 @@ var ok = 1e3, nk = class {
       }
       let Pe;
       const j = (xe) => {
-        xe && (ge.insertAdjacentElement("afterbegin", xe.getGui()), ie.current.push(() => {
+        xe && (pe.insertAdjacentElement("afterbegin", xe.getGui()), ie.current.push(() => {
           zs(xe.getGui()), o.destroyBean(xe), ne.current === Pe && (ne.current = void 0);
         }));
       };
@@ -43872,8 +43883,8 @@ var ok = 1e3, nk = class {
     },
     [e, o, S, w, C]
   ), Y = D(() => {
-    const ge = !e.isCellSpanning() || F.current, Pe = k.current;
-    if (!Pe || !ge || !e || !e.isAlive() || o.isDestroyed()) {
+    const pe = !e.isCellSpanning() || F.current, Pe = k.current;
+    if (!Pe || !pe || !e || !e.isAlive() || o.isDestroyed()) {
       a.current = o.destroyBean(a.current);
       return;
     }
@@ -43940,28 +43951,28 @@ var ok = 1e3, nk = class {
       s,
       a.current
     );
-  }, []), $ = D((ge) => {
-    k.current = ge, Y();
-  }, []), fe = D((ge) => {
-    F.current = ge, Y();
+  }, []), $ = D((pe) => {
+    k.current = pe, Y();
+  }, []), fe = D((pe) => {
+    F.current = pe, Y();
   }, []), le = B(() => !!(l?.compDetails?.componentFromFramework && So(l.compDetails.componentClass)), [l]);
   qt(() => {
     if (!k.current)
       return;
-    const { current: ge } = Ce;
-    ge.toggleCss("ag-cell-value", !Z), ge.toggleCss("ag-cell-inline-editing", !!d && !d.popup), ge.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), ge.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
+    const { current: pe } = Ce;
+    pe.toggleCss("ag-cell-value", !Z), pe.toggleCss("ag-cell-inline-editing", !!d && !d.popup), pe.toggleCss("ag-cell-popup-editing", !!d && !!d.popup), pe.toggleCss("ag-cell-not-inline-editing", !d || !!d.popup);
   });
   const ye = () => {
-    const { compDetails: ge, value: Pe } = l;
-    if (!ge)
+    const { compDetails: pe, value: Pe } = l;
+    if (!pe)
       return Pe?.toString?.() ?? Pe;
-    if (ge.componentFromFramework) {
-      const j = ge.componentClass;
-      return /* @__PURE__ */ q.createElement(Pv, { fallback: /* @__PURE__ */ q.createElement(Fk, { cellCtrl: e, parent: k }) }, le ? /* @__PURE__ */ q.createElement(j, { ...ge.params, key: h }) : /* @__PURE__ */ q.createElement(j, { ...ge.params, key: h, ref: P }));
+    if (pe.componentFromFramework) {
+      const j = pe.componentClass;
+      return /* @__PURE__ */ q.createElement(Pv, { fallback: /* @__PURE__ */ q.createElement(Fk, { cellCtrl: e, parent: k }) }, le ? /* @__PURE__ */ q.createElement(j, { ...pe.params, key: h }) : /* @__PURE__ */ q.createElement(j, { ...pe.params, key: h, ref: P }));
     }
   }, Re = () => {
-    const ge = () => l == null ? null : Z ? /* @__PURE__ */ q.createElement("span", { role: "presentation", id: `cell-${r}`, className: X, ref: se }, ye()) : ye(), Pe = (j) => Rk(j, oe, k.current, e, R);
-    return d != null ? d.popup ? /* @__PURE__ */ q.createElement(q.Fragment, null, ge(), Pe(d)) : Pe(d) : ge();
+    const pe = () => l == null ? null : Z ? /* @__PURE__ */ q.createElement("span", { role: "presentation", id: `cell-${r}`, className: X, ref: se }, ye()) : ye(), Pe = (j) => Rk(j, oe, k.current, e, R);
+    return d != null ? d.popup ? /* @__PURE__ */ q.createElement(q.Fragment, null, pe(), Pe(d)) : Pe(d) : pe();
   }, Ie = () => /* @__PURE__ */ q.createElement("div", { ref: $, style: p, role: T, "col-id": n }, Z ? /* @__PURE__ */ q.createElement("div", { className: "ag-cell-wrapper", role: "presentation", ref: A }, Re()) : Re());
   return e.isCellSpanning() ? /* @__PURE__ */ q.createElement("div", { ref: fe, className: "ag-spanned-cell-wrapper", role: "presentation" }, Ie()) : Ie();
 }, Dk = ft(Ek), Pk = ({ rowCtrl: e, containerType: t }) => {
@@ -44238,7 +44249,7 @@ var ok = 1e3, nk = class {
       overflowY: F
     }),
     [n, F]
-  ), ge = B(
+  ), pe = B(
     () => ({
       height: c,
       top: u,
@@ -44277,7 +44288,7 @@ var ok = 1e3, nk = class {
   })), ve({
     section: U,
     className: le,
-    style: ge,
+    style: pe,
     children: ["stickyTopLeft", "stickyTopCenter", "stickyTopRight", "stickyTopFullWidth"]
   }), ve({
     section: se,
@@ -44755,7 +44766,7 @@ const Kk = ee(
   Ae,
   {
     "aria-label": e,
-    className: pe("text-secondary hover:enabled:text-accent-primary", t),
+    className: ge("text-secondary hover:enabled:text-accent-primary", t),
     onClick: i,
     iconBefore: /* @__PURE__ */ m(go, { size: s }),
     ...o
@@ -44889,7 +44900,7 @@ const Kk = ee(
     ) : V.type === ed.PlainText ? /* @__PURE__ */ m(
       "div",
       {
-        className: pe(
+        className: ge(
           "px-3 py-2 text-secondary dial-caption",
           V.className
         ),
@@ -45264,7 +45275,7 @@ const qC = ({
         const ye = le.data ? i?.(le.data) ?? [] : [];
         let Re = null;
         typeof $ == "function" ? Re = /* @__PURE__ */ m($, { ...le }) : Re = U(le);
-        const Ie = le.data ? p(le.data) : null, ge = Ie ? l?.has(Ie) : !1;
+        const Ie = le.data ? p(le.data) : null, pe = Ie ? l?.has(Ie) : !1;
         return /* @__PURE__ */ m(
           At,
           {
@@ -45273,7 +45284,7 @@ const qC = ({
             anchorToMouse: !0,
             matchReferenceWidth: !0,
             className: "w-full h-full",
-            disabled: ge,
+            disabled: pe,
             children: /* @__PURE__ */ m("span", { className: "block min-w-0 max-w-full flex-1", children: Re })
           }
         );
@@ -45403,10 +45414,10 @@ const fr = ({
   horizontal: o,
   onClick: n
 }) => {
-  const r = pe(
+  const r = ge(
     "rounded h-[38px] items-center flex flex-row border-transparent cursor-pointer dial-small leading-4 hover:text-accent-primary",
     { "border-b-2 px-4": o, "border-l-2 px-3": !o }
-  ), a = pe(
+  ), a = ge(
     r,
     {
       "bg-layer-4": o,
@@ -45488,7 +45499,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
     "div",
     {
       role: "tablist",
-      className: pe(
+      className: ge(
         "h-11 flex items-center bg-layer-3 px-4",
         n
       ),
@@ -45508,7 +45519,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
               onClick: (x) => {
                 s(x), l(!1);
               },
-              className: pe(
+              className: ge(
                 "w-full rounded-none h-11 items-center px-6",
                 r
               )
@@ -45603,20 +45614,21 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   separator: n = QC,
   className: r,
   iconBefore: a,
-  labelClassName: l
+  labelClassName: l,
+  ...c
 }) => {
-  const c = pe(
+  const d = ge(
     YC,
     o ? a8 : r8,
     r
-  ), d = (!!t || !!s) && !o && !i, u = d ? pe(
+  ), u = (!!t || !!s) && !o && !i, h = u ? ge(
     Tg,
     l8
-  ) : pe(
+  ) : ge(
     Tg,
     c8,
     i ? "pointer-events-none opacity-75" : ""
-  ), h = typeof e == "string" ? /* @__PURE__ */ m(
+  ), g = typeof e == "string" ? /* @__PURE__ */ m(
     wt,
     {
       className: l,
@@ -45626,7 +45638,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   ) : /* @__PURE__ */ m(
     "span",
     {
-      className: pe(
+      className: ge(
         "flex-1 min-w-0 max-w-full truncate",
         l
       ),
@@ -45634,24 +45646,32 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
       children: e
     }
   );
-  return /* @__PURE__ */ z("li", { className: c, "aria-label": "breadcrumb-item", children: [
-    d ? /* @__PURE__ */ z("a", { href: t, onClick: s, className: u, children: [
-      a,
-      h
-    ] }) : /* @__PURE__ */ z(
-      "span",
-      {
-        className: u,
-        "aria-current": o ? "page" : void 0,
-        "aria-disabled": i ? "true" : void 0,
-        children: [
+  return /* @__PURE__ */ z(
+    "li",
+    {
+      ...c,
+      className: d,
+      "aria-label": c["aria-label"] || "breadcrumb-item",
+      children: [
+        u ? /* @__PURE__ */ z("a", { href: t, onClick: s, className: h, children: [
           a,
-          h
-        ]
-      }
-    ),
-    !o && /* @__PURE__ */ m("span", { className: ZC, "aria-label": "separator", children: n })
-  ] });
+          g
+        ] }) : /* @__PURE__ */ z(
+          "span",
+          {
+            className: h,
+            "aria-current": o ? "page" : void 0,
+            "aria-disabled": i ? "true" : void 0,
+            children: [
+              a,
+              g
+            ]
+          }
+        ),
+        !o && /* @__PURE__ */ m("span", { className: ZC, "aria-label": "separator", children: n })
+      ]
+    }
+  );
 }, u8 = ({
   pathItems: e,
   separator: t = QC,
@@ -45699,7 +45719,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
           labelClassName: n
         }
       ),
-      /* @__PURE__ */ z("li", { className: pe(YC), children: [
+      /* @__PURE__ */ z("li", { className: ge(YC), children: [
         /* @__PURE__ */ m(
           At,
           {
@@ -45747,7 +45767,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
     "nav",
     {
       "aria-label": s,
-      className: pe(o8, i),
+      className: ge(o8, i),
       children: /* @__PURE__ */ m("ol", { className: n8, children: l })
     }
   );
@@ -45775,7 +45795,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   js,
   {
     tooltip: l ? null : e,
-    triggerClassName: pe("flex", o),
+    triggerClassName: ge("flex", o),
     children: /* @__PURE__ */ m(
       "textarea",
       {
@@ -46043,7 +46063,7 @@ const Dg = () => typeof window < "u" && window.innerWidth < 640, Pg = () => {
   elementContainerClassName: n,
   errorText: r,
   ...a
-}) => /* @__PURE__ */ z("div", { className: pe("flex flex-col", o), children: [
+}) => /* @__PURE__ */ z("div", { className: ge("flex flex-col", o), children: [
   /* @__PURE__ */ m(
     mo,
     {
@@ -46174,7 +46194,7 @@ const v8 = "z-[52] flex items-center justify-center bg-blackout md:p-4", w8 = "d
             /* @__PURE__ */ z(
               "div",
               {
-                className: pe(b8, r),
+                className: ge(b8, r),
                 children: [
                   b(t),
                   /* @__PURE__ */ m(
@@ -46611,7 +46631,7 @@ const L8 = {
   return /* @__PURE__ */ z(
     "div",
     {
-      className: pe(
+      className: ge(
         "dial-input flex flex-row items-center justify-between",
         n && "dial-input-error",
         i && "dial-input-disable",
@@ -46923,7 +46943,7 @@ const z8 = ({
       selectedValues: se,
       handleRemoveTag: oe
     }
-  ), [t, e, se, oe]), ge = D(() => t ? le ? Ie() : /* @__PURE__ */ m("span", { className: "text-secondary truncate", children: c }) : Re ? /* @__PURE__ */ z(Be, { children: [
+  ), [t, e, se, oe]), pe = D(() => t ? le ? Ie() : /* @__PURE__ */ m("span", { className: "text-secondary truncate", children: c }) : Re ? /* @__PURE__ */ z(Be, { children: [
     Re.icon && /* @__PURE__ */ m(Ve, { icon: Re.icon }),
     /* @__PURE__ */ m(
       wt,
@@ -47096,7 +47116,7 @@ const z8 = ({
           "aria-haspopup": "listbox",
           "aria-expanded": P,
           "aria-controls": `list-${s || F}`,
-          className: pe(
+          className: ge(
             O8,
             v && "opacity-75 !cursor-not-allowed",
             r === sd.Sm ? "min-h-[25px] px-1.5 py-1" : "min-h-[38px] px-3 py-2",
@@ -47134,7 +47154,7 @@ const z8 = ({
                 "aria-disabled": v,
                 autoComplete: "off"
               }
-            ) }) : /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: ge() }),
+            ) }) : /* @__PURE__ */ m("div", { className: "flex min-w-0 items-center gap-2 text-primary", children: pe() }),
             !E && /* @__PURE__ */ m(
               Ve,
               {
@@ -48168,7 +48188,7 @@ const EL = ({
     /* @__PURE__ */ m(
       ho,
       {
-        containerClassName: pe(
+        containerClassName: ge(
           "!h-6 py-[1px] pl-[7px] pr-[7px]",
           h
         ),
@@ -48374,7 +48394,7 @@ const pa = ({
             "div",
             {
               style: { paddingLeft: `${T * FL}px` },
-              className: pe(
+              className: ge(
                 "py-1 gap-[2px] dial-small flex justify-between hover:bg-accent-primary-alpha rounded group/item w-full mb-[2px] relative",
                 oe
               ),
@@ -48555,7 +48575,7 @@ const pa = ({
   return /* @__PURE__ */ z(
     "div",
     {
-      className: pe(
+      className: ge(
         ML,
         {
           "gap-3": w
@@ -48568,7 +48588,7 @@ const pa = ({
         c && /* @__PURE__ */ m(
           "div",
           {
-            className: pe(AL, {
+            className: ge(AL, {
               "w-[38px]": w && !S,
               "w-full": w && S
             }),
@@ -48586,7 +48606,7 @@ const pa = ({
                 onBlur: x,
                 invalid: p,
                 className: C,
-                containerClassName: pe(v, {
+                containerClassName: ge(v, {
                   "p-[10px]": w
                 })
               }
@@ -49275,8 +49295,8 @@ const GL = ({ getSelectionLabel: e, onClearSelection: t, actions: s, selectedCou
       u(void 0), p.current = $;
       const fe = _(A);
       if (fe.length > 0) {
-        const Ie = s ? (s / 1048576).toFixed(2) : 0, ge = o.oversizedFiles || `Files exceed maximum size (${Ie}MB): ${fe.join(", ")}`;
-        return u(ge), !1;
+        const Ie = s ? (s / 1048576).toFixed(2) : 0, pe = o.oversizedFiles || `Files exceed maximum size (${Ie}MB): ${fe.join(", ")}`;
+        return u(pe), !1;
       }
       if (t)
         try {
@@ -49650,7 +49670,7 @@ const QL = ({
   const i = t === 0;
   return {
     additionalButtons: B(() => {
-      const n = pe([
+      const n = ge([
         "hover:text-accent-primary p-1",
         i && "text-controls-disable hover:text-controls-disable disabled:hover:cursor-default"
       ]);
@@ -49707,55 +49727,55 @@ function o7({
   onNavigationPanelSearchChange: r,
   allItems: a = []
 }) {
-  const [l, c] = I(""), d = L(!1), u = L(!1), h = L([]);
+  const [l, c] = I(""), d = L(!1), u = L(!1), h = L([]), g = L(s);
   Se(() => {
     n != null && c(String(n));
   }, [n]);
-  const g = String(
+  const p = String(
     n ?? l ?? ""
-  ).trim(), p = u.current && (o || i.length > 0 || g !== ""), f = D(
-    (b) => {
-      const S = b.trim();
-      if (!S) {
+  ).trim(), f = u.current && (o || i.length > 0 || p !== ""), C = D(
+    (S) => {
+      const y = S.trim();
+      if (!y) {
         u.current = !1, d.current = !1;
         return;
       }
-      u.current = !0, e && s && !d.current && (d.current = !0, e(s, S));
+      u.current = !0, e && s && !d.current && (d.current = !0, e(s, y));
     },
     [e, s]
-  ), C = D(() => {
-    d.current = !1, u.current = !1, h.current = [], t?.();
-  }, [t]), v = D(
-    (b) => {
-      const S = String(b ?? "");
-      c(S), r?.(S), S.trim() ? f(S) : C();
+  ), v = D(() => {
+    d.current = !1, u.current = !1, h.current = [], c(""), r?.(""), t?.();
+  }, [t, r]), w = D(
+    (S) => {
+      const y = String(S ?? "");
+      c(y), r?.(y), y.trim() ? C(y) : v();
     },
-    [r, f, C]
+    [r, C, v]
   );
   Se(() => {
-    u.current && C();
-  }, [s, C]), Se(() => {
+    g.current !== s && (g.current = s, (u.current || p) && v());
+  }, [s, v, p]), Se(() => {
     i.length > 0 && h.current.length === 0 && (h.current = i);
   }, [i]);
-  const w = B(() => {
+  const b = B(() => {
     if (e) {
-      const S = h.current.length > 0 ? h.current : i;
-      return !g || S.length === 0 ? S : zg(S, g);
+      const y = h.current.length > 0 ? h.current : i;
+      return !p || y.length === 0 ? y : zg(y, p);
     }
-    if (!g || !a.length)
+    if (!p || !a.length)
       return [];
-    const b = i7(a);
-    return zg(b, g);
-  }, [e, i, g, a]);
+    const S = i7(a);
+    return zg(S, p);
+  }, [e, i, p, a]);
   return {
-    isSearchMode: p,
+    isSearchMode: f,
     searchValue: l,
-    effectiveSearchValue: g,
+    effectiveSearchValue: p,
     setSearchValue: c,
-    handleSearchChange: v,
-    handleSearchActivate: f,
-    handleSearchClear: C,
-    searchResultsRows: w
+    handleSearchChange: w,
+    handleSearchActivate: C,
+    handleSearchClear: v,
+    searchResultsRows: b
   };
 }
 function n7({
@@ -49844,7 +49864,7 @@ const r7 = ({
       const ts = Si(s, Pt);
       ts && Ne.set(Pt, ts);
     }), Ne;
-  }, [$, s]), { currentPath: Re, setCurrentPath: Ie, handlePathChange: ge } = WL({
+  }, [$, s]), { currentPath: Re, setCurrentPath: Ie, handlePathChange: pe } = WL({
     path: o,
     defaultPath: n,
     onPathChange: S,
@@ -50069,19 +50089,19 @@ const r7 = ({
     Ms
   ]), Is = D(
     (Ne) => {
-      ge(Ne.path);
+      pe(Ne.path);
     },
-    [ge]
+    [pe]
   ), As = D(
     (Ne) => {
-      ge(Ne);
+      pe(Ne);
     },
-    [ge]
+    [pe]
   ), Ho = D(
     (Ne) => {
-      Ne.nodeType === Le.FOLDER ? ge(Ne.path) : y?.(Ne);
+      Ne.nodeType === Le.FOLDER ? pe(Ne.path) : y?.(Ne);
     },
-    [ge, y]
+    [pe, y]
   ), { expandedPaths: Zn, setExpandedPaths: nl, collapseAll: Qs } = dv({
     expandedPaths: h?.expandedPaths,
     onExpandedPathsChange: h?.onExpandedPathsChange
@@ -50160,7 +50180,7 @@ const r7 = ({
     confirmDelete: Do,
     deleteConfirmationOpen: Vn,
     itemsToDelete: zn,
-    handlePathChange: ge,
+    handlePathChange: pe,
     handleTreeItemClick: Is,
     handleBreadcrumbItemClick: As,
     handleSearchChange: Ga,
@@ -51108,7 +51128,7 @@ const C7 = ({
     onRenameCancel: ye,
     onRenameValidate: Re,
     getDisplayName: Ie,
-    isDragging: ge,
+    isDragging: pe,
     isDraggingOverWindow: Pe,
     handleDragEnter: j,
     handleDragLeave: xe,
@@ -51205,7 +51225,7 @@ const C7 = ({
               validate: As,
               onSave: Is,
               onCancel: Ho,
-              inputContainerClassName: pe([
+              inputContainerClassName: ge([
                 "!h-9",
                 it && Te === Le.ITEM && "!h-10"
               ])
@@ -51234,7 +51254,7 @@ const C7 = ({
               validate: (ts) => Qn(ts, Go),
               onSave: cl,
               onCancel: dl,
-              inputContainerClassName: pe([
+              inputContainerClassName: ge([
                 "!h-9",
                 it && Te === Le.ITEM && "!h-10"
               ])
@@ -51593,7 +51613,7 @@ const C7 = ({
     "section",
     {
       ref: Xa,
-      className: pe(
+      className: ge(
         aL,
         {
           "gap-3 pt-4": l && y.size > 0,
@@ -51609,7 +51629,7 @@ const C7 = ({
           /* @__PURE__ */ z(
             "div",
             {
-              className: pe(cL, {
+              className: ge(cL, {
                 "gap-3": it
               }),
               children: [
@@ -51632,7 +51652,7 @@ const C7 = ({
                   {
                     role: "region",
                     "aria-label": "File Manager Grid View",
-                    className: pe(uL),
+                    className: ge(uL),
                     onDragEnter: j,
                     onDragLeave: xe,
                     onDragOver: ve,
@@ -51648,8 +51668,8 @@ const C7 = ({
                         withoutHeaderBorders: it,
                         selectionOnHover: !it,
                         className: ee(
-                          ge ? "border border-dashed border-accent-primary" : "",
-                          Pe && !ge ? "border border-dashed border-primary" : ""
+                          pe ? "border border-dashed border-accent-primary" : "",
+                          Pe && !pe ? "border border-dashed border-primary" : ""
                         ),
                         ...Io,
                         additionalGridOptions: {
@@ -51677,7 +51697,7 @@ const C7 = ({
                         },
                         selectedRows: el,
                         onSelectionChangeWithMap: sl,
-                        wrapperBorder: !ge && !Pe,
+                        wrapperBorder: !pe && !Pe,
                         disabledRowIds: tl
                       }
                     )
@@ -51865,7 +51885,7 @@ export {
   Wt as StepStatus,
   td as TabOrientation,
   Fd as TagVariant,
-  pe as mergeClasses,
+  ge as mergeClasses,
   j7 as useDialFileManagerTabs,
   PL as useEditableItem,
   a7 as useFileManagerContext