@epam/ai-dial-ui-kit 0.3.0-rc.36 → 0.3.0-rc.37

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

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as v, Fragment as Ce } from "react/jsx-runtime";
+import { jsx as o, jsxs as w, Fragment as Ce } from "react/jsx-runtime";
 import g from "classnames";
 import { useFloating as s1, offset as O1, flip as V1, shift as P1, arrow as yr, autoUpdate as H1, useHover as E1, useFocus as xr, useDismiss as a1, useRole as i1, useInteractions as l1, useMergeRefs as z1, FloatingPortal as c1, FloatingArrow as wr, autoPlacement as vr, size as Lr, useClick as kr, FloatingFocusManager as F1, FloatingOverlay as Dr } from "@floating-ui/react";
 import * as S from "react";
@@ -41,7 +41,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
     delay: { open: 500, close: 0 }
   }), y = xr(u.context, {
     enabled: n == null
-  }), f = a1(u.context), w = i1(u.context, { role: "tooltip" }), x = l1([p, y, f, w]);
+  }), f = a1(u.context), v = i1(u.context, { role: "tooltip" }), x = l1([p, y, f, v]);
   return A(
     () => ({
       open: l,
@@ -60,7 +60,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
   return /* @__PURE__ */ o(q1.Provider, { value: t, children: e });
 }, Y1 = B1(function({ style: r, ...t }, n) {
   const s = K1(), a = z1([s.refs.setFloating, n]);
-  return s.open ? /* @__PURE__ */ o(c1, { id: "tooltip-portal", children: /* @__PURE__ */ v(
+  return s.open ? /* @__PURE__ */ o(c1, { id: "tooltip-portal", children: /* @__PURE__ */ w(
     "div",
     {
       ref: a,
@@ -113,7 +113,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
   triggerClassName: n,
   contentClassName: s,
   ...a
-}) => /* @__PURE__ */ v(X1, { ...a, children: [
+}) => /* @__PURE__ */ w(X1, { ...a, children: [
   /* @__PURE__ */ o(J1, { className: g(n, "truncate"), children: t }),
   /* @__PURE__ */ o(
     Y1,
@@ -134,7 +134,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
   optionalText: n,
   cssClass: s,
   description: a
-}) => e ? /* @__PURE__ */ v(
+}) => e ? /* @__PURE__ */ w(
   "label",
   {
     className: g(
@@ -185,7 +185,7 @@ const mt = {
     t,
     "focus-visible:outline outline-offset-0"
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "button",
     {
       ref: s,
@@ -219,7 +219,7 @@ const gt = {
   cssClass: t,
   closable: n = !1,
   onClose: s
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ w(
   "div",
   {
     role: "alert",
@@ -229,7 +229,7 @@ const gt = {
       t
     ),
     children: [
-      /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ o(Z, { icon: gt[e] }),
         /* @__PURE__ */ o("div", { className: "text-primary", children: r })
       ] }),
@@ -302,7 +302,7 @@ const gt = {
     "mr-2 border rounded",
     s ? "bg-layer-4 border-icon-secondary" : ""
   );
-  return /* @__PURE__ */ v("label", { className: d, htmlFor: r, children: [
+  return /* @__PURE__ */ w("label", { className: d, htmlFor: r, children: [
     n ? /* @__PURE__ */ o(Rr, { className: u, ...Q }) : t ? /* @__PURE__ */ o(G1, { className: u, ...Q }) : null,
     e && (typeof e == "string" ? /* @__PURE__ */ o(me, { tooltip: e, triggerClassName: "flex-1 min-w-0", children: /* @__PURE__ */ o("span", { className: "text-primary w-full truncate", children: e }) }) : e),
     /* @__PURE__ */ o(
@@ -366,7 +366,7 @@ const wt = (e, r) => {
   onChangeStep: n
 }) => {
   const s = "h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer", a = "w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white", i = () => t === e.id && e.status === re.ERROR ? /* @__PURE__ */ o($1, { stroke: 2, size: 16 }) : t !== e.id && e.status === re.VALID ? /* @__PURE__ */ o(G1, { stroke: 2, size: 16 }) : r + 1;
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "button",
     {
       className: g(s, wt(e, t)),
@@ -423,12 +423,12 @@ const wt = (e, r) => {
     "cursor-pointer dial-input-radio",
     t && "mr-2",
     i
-  ), w = g("flex flex-col", !!n && "mb-2"), x = g(
+  ), v = g("flex flex-col", !!n && "mb-2"), x = g(
     "dial-tiny mt-2 ml-[26px] text-secondary",
     u
   );
-  return /* @__PURE__ */ v("div", { className: w, children: [
-    /* @__PURE__ */ v("div", { className: "flex flex-row items-center", children: [
+  return /* @__PURE__ */ w("div", { className: v, children: [
+    /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ o(
         "input",
         {
@@ -565,15 +565,15 @@ const St = "w-full flex", Tt = {
   let n = (s) => {
     const a = [];
     let i = 0, c = 0, l = 0, d;
-    for (let w = 0; w < s.length; w++) {
-      let x = s[w];
+    for (let v = 0; v < s.length; v++) {
+      let x = s[v];
       if (i === 0 && c === 0) {
         if (x === e1) {
-          a.push(s.slice(l, w)), l = w + Ht;
+          a.push(s.slice(l, v)), l = v + Ht;
           continue;
         }
         if (x === "/") {
-          d = w;
+          d = v;
           continue;
         }
       }
@@ -634,20 +634,20 @@ const St = "w-full flex", Tt = {
       isExternal: p,
       modifiers: y,
       hasImportantModifier: f,
-      baseClassName: w,
+      baseClassName: v,
       maybePostfixModifierPosition: x
     } = t(u);
     if (p) {
       l = u + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let T = !!x, R = n(T ? w.substring(0, x) : w);
+    let T = !!x, R = n(T ? v.substring(0, x) : v);
     if (!R) {
       if (!T) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (R = n(w), !R) {
+      if (R = n(v), !R) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
@@ -712,7 +712,7 @@ const G = (e) => {
   const n = nr.exec(e);
   return n ? n[1] ? r(n[1]) : t : !1;
 }, sr = (e) => e === "position" || e === "percentage", ar = (e) => e === "image" || e === "url", ir = (e) => e === "length" || e === "size" || e === "bg-size", lr = (e) => e === "length", an = (e) => e === "number", ln = (e) => e === "family-name", cr = (e) => e === "shadow", cn = () => {
-  const e = G("color"), r = G("font"), t = G("text"), n = G("font-weight"), s = G("tracking"), a = G("leading"), i = G("breakpoint"), c = G("container"), l = G("spacing"), d = G("radius"), u = G("shadow"), p = G("inset-shadow"), y = G("text-shadow"), f = G("drop-shadow"), w = G("blur"), x = G("perspective"), T = G("aspect"), R = G("ease"), m = G("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
+  const e = G("color"), r = G("font"), t = G("text"), n = G("font-weight"), s = G("tracking"), a = G("leading"), i = G("breakpoint"), c = G("container"), l = G("spacing"), d = G("radius"), u = G("shadow"), p = G("inset-shadow"), y = G("text-shadow"), f = G("drop-shadow"), v = G("blur"), x = G("perspective"), T = G("aspect"), R = G("ease"), m = G("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
     "center",
     "top",
     "bottom",
@@ -750,7 +750,7 @@ const G = (e) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    w,
+    v,
     b,
     C
   ], Oe = () => ["none", M, b, C], Ve = () => ["none", M, b, C], Ge = () => [M, b, C], Pe = () => [xe, "full", ...k()];
@@ -3200,7 +3200,7 @@ const p1 = ({
   captionDescription: p,
   readonly: y,
   value: f,
-  defaultEmptyText: w,
+  defaultEmptyText: v,
   children: x
 }) => {
   const T = `${e}-label`, R = s ? `${e}-desc` : void 0, m = a ? `${e}-err` : void 0, L = `${e}-caption-desc`, N = [R, m].filter(Boolean).join(" ") || void 0, V = E(() => typeof a == "boolean" ? null : typeof a == "string" || typeof a > "u" ? a ? /* @__PURE__ */ o(
@@ -3221,8 +3221,8 @@ const p1 = ({
       className: u,
       children: a
     }
-  ), [a, u, m]), z = E(() => f ? typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ o("span", { "aria-readonly": "true", children: f }) : f : /* @__PURE__ */ o("span", { "aria-readonly": "true", children: w ?? "None" }), [f, w]);
-  return /* @__PURE__ */ v(
+  ), [a, u, m]), z = E(() => f ? typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ o("span", { "aria-readonly": "true", children: f }) : f : /* @__PURE__ */ o("span", { "aria-readonly": "true", children: v ?? "None" }), [f, v]);
+  return /* @__PURE__ */ w(
     "div",
     {
       role: "group",
@@ -3255,7 +3255,7 @@ const p1 = ({
             )
           }
         ),
-        /* @__PURE__ */ v("div", { className: "min-w-0 w-full", children: [
+        /* @__PURE__ */ w("div", { className: "min-w-0 w-full", children: [
           y ? /* @__PURE__ */ o("div", { className: "dial-input px-3 py-2", children: z() }) : x,
           p && /* @__PURE__ */ o(
             "div",
@@ -3299,7 +3299,7 @@ const p1 = ({
           Dt,
           Nt[c]
         ),
-        children: a.map((d) => /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+        children: a.map((d) => /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ o(
             kt,
             {
@@ -3323,7 +3323,7 @@ const p1 = ({
   icon: e,
   title: r,
   description: t
-}) => /* @__PURE__ */ v("div", { className: "h-full w-full flex flex-col items-center justify-center text-secondary", children: [
+}) => /* @__PURE__ */ w("div", { className: "h-full w-full flex flex-col items-center justify-center text-secondary", children: [
   e || /* @__PURE__ */ o(_1, { width: 60, height: 60 }),
   /* @__PURE__ */ o("span", { className: "dial-small mt-2 text-primary", children: r }),
   t && /* @__PURE__ */ o("span", { className: "mt-1 text-primary", children: t })
@@ -3346,7 +3346,7 @@ const p1 = ({
   ]), f = () => {
     l(d ? fn : t), u(!d);
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: g([
@@ -3366,7 +3366,7 @@ const p1 = ({
           }
         ),
         /* @__PURE__ */ o("div", { className: p, children: n }),
-        /* @__PURE__ */ v("div", { className: y, children: [
+        /* @__PURE__ */ w("div", { className: y, children: [
           d && i,
           /* @__PURE__ */ o(
             te,
@@ -3397,13 +3397,13 @@ const p1 = ({
   text: r,
   children: t,
   postfix: n
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ w(
   "div",
   {
     className: g("flex flex-col", t ? "" : "max-w-[200px]"),
     children: [
       /* @__PURE__ */ o("label", { className: "dial-tiny mb-2 text-secondary", children: e }),
-      t || /* @__PURE__ */ v("div", { className: "flex flex-row items-center", children: [
+      t || /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
         /* @__PURE__ */ o(me, { triggerClassName: "text-primary", tooltip: r, children: r }),
         n || null
       ] })
@@ -3442,8 +3442,8 @@ const mn = {
   const f = A(
     () => typeof e == "string" ? e : l,
     [l, e]
-  ), w = A(() => n ? "" : i ? f : "", [f, n, i]);
-  return /* @__PURE__ */ v(X1, { ...s, children: [
+  ), v = A(() => n ? "" : i ? f : "", [f, n, i]);
+  return /* @__PURE__ */ w(X1, { ...s, children: [
     /* @__PURE__ */ o(
       J1,
       {
@@ -3472,9 +3472,9 @@ const mn = {
         className: U(
           gn,
           t,
-          !w && "hidden"
+          !v && "hidden"
         ),
-        children: w
+        children: v
       }
     )
   ] });
@@ -3492,7 +3492,7 @@ const mn = {
     a ? "border" : "border-transparent",
     r
   );
-  return /* @__PURE__ */ v("div", { className: c, children: [
+  return /* @__PURE__ */ w("div", { className: c, children: [
     /* @__PURE__ */ o(Z, { icon: s }),
     /* @__PURE__ */ o(Se, { text: e }),
     t && /* @__PURE__ */ o(
@@ -4171,14 +4171,14 @@ const k1 = "column", Xn = "flex items-center", Yn = "mr-3 cursor-move text-secon
       type: k1,
       item: { id: e, originalIndex: l },
       collect: (f) => {
-        const w = f.getItem();
+        const v = f.getItem();
         return {
-          isDragging: f.isDragging() && w?.id === e
+          isDragging: f.isDragging() && v?.id === e
         };
       },
-      end: (f, w) => {
+      end: (f, v) => {
         if (!f) return;
-        !w.didDrop() && typeof s == "function" && f.originalIndex > -1 && s(f.id, f.originalIndex);
+        !v.didDrop() && typeof s == "function" && f.originalIndex > -1 && s(f.id, f.originalIndex);
       }
     }),
     [e, l, s]
@@ -4187,14 +4187,14 @@ const k1 = "column", Xn = "flex items-center", Yn = "mr-3 cursor-move text-secon
       accept: k1,
       hover: (f) => {
         if (!(!f || f.id === e) && typeof n == "function" && typeof s == "function") {
-          const w = n(e);
-          s(f.id, w);
+          const v = n(e);
+          s(f.id, v);
         }
       }
     }),
     [n, s, e]
   );
-  return p(y(c)), u(i), /* @__PURE__ */ v(
+  return p(y(c)), u(i), /* @__PURE__ */ w(
     "div",
     {
       ref: c,
@@ -4267,21 +4267,25 @@ const k1 = "column", Xn = "flex items-center", Yn = "mr-3 cursor-move text-secon
   stroke: t = Q.stroke,
   cssClass: n,
   decorative: s = !1,
-  label: a
+  label: a,
+  indicator: i
 }) => {
-  const i = (() => {
-    const u = e.trim().toLowerCase();
-    return u.startsWith(".") ? u : `.${u}`;
-  })(), l = (D1[i] ?? D1.default)({
+  const c = (() => {
+    const p = e.trim().toLowerCase();
+    return p.startsWith(".") ? p : `.${p}`;
+  })(), d = (D1[c] ?? D1.default)({
     size: r,
     stroke: t
-  }), d = a ?? `${i.slice(1).toUpperCase()} file icon`;
-  return /* @__PURE__ */ o(
+  }), u = a ?? `${c.slice(1).toUpperCase()} file icon`;
+  return /* @__PURE__ */ w(
     "span",
     {
-      className: g("inline-flex", n),
-      ...s ? { "aria-hidden": !0 } : { role: "img", "aria-label": d },
-      children: /* @__PURE__ */ o(Z, { icon: l, className: "inline-block align-middle" })
+      className: g("inline-flex relative", n),
+      ...s ? { "aria-hidden": !0 } : { role: "img", "aria-label": u },
+      children: [
+        /* @__PURE__ */ o(Z, { icon: d, className: "inline-block align-middle" }),
+        i && /* @__PURE__ */ o("span", { className: "absolute bottom-0 left-0", children: i })
+      ]
     }
   );
 };
@@ -4333,7 +4337,7 @@ const io = g(
   cssClass: p,
   listClassName: y,
   outsidePressIgnoreRef: f,
-  outsideClosable: w = !0,
+  outsideClosable: v = !0,
   allowedPlacements: x
 }) => {
   const [T, R] = j(c), m = i !== void 0, L = m ? !!i : T, N = E(
@@ -4380,7 +4384,7 @@ const io = g(
     bubbles: !0,
     referencePress: !1,
     outsidePress: (I) => {
-      if (!w) return !1;
+      if (!v) return !1;
       const _ = I.target;
       return !(f?.current && _ instanceof Node && f.current.contains(_));
     }
@@ -4397,7 +4401,7 @@ const io = g(
   }, [a, L, N]);
   const D = (I) => (_) => {
     I.disabled || (I.onClick?.({ key: I.key, domEvent: _ }), r?.onClick?.({ key: I.key, domEvent: _ }), N(!1));
-  }, ce = t ? t() : r && /* @__PURE__ */ v(Ce, { children: [
+  }, ce = t ? t() : r && /* @__PURE__ */ w(Ce, { children: [
     r.header && /* @__PURE__ */ o(Ce, { children: typeof r.header == "function" ? r.header() : r.header }),
     /* @__PURE__ */ o("div", { role: "none", className: "py-1", children: r.items.map((I) => I.type === fr.Divider ? /* @__PURE__ */ o(
       "div",
@@ -4406,7 +4410,7 @@ const io = g(
         className: fo
       },
       I.key
-    ) : /* @__PURE__ */ v(
+    ) : /* @__PURE__ */ w(
       "button",
       {
         role: "menuitem",
@@ -4447,7 +4451,7 @@ const io = g(
     )) }),
     r.footer && /* @__PURE__ */ o(Ce, { children: typeof r.footer == "function" ? r.footer() : r.footer })
   ] });
-  return /* @__PURE__ */ v(Ce, { children: [
+  return /* @__PURE__ */ w(Ce, { children: [
     /* @__PURE__ */ o(
       "span",
       {
@@ -4472,7 +4476,7 @@ const io = g(
         modal: !1,
         initialFocus: -1,
         returnFocus: !0,
-        children: /* @__PURE__ */ v(
+        children: /* @__PURE__ */ w(
           "div",
           {
             id: V,
@@ -4518,7 +4522,7 @@ const io = g(
     },
     s
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "button",
     {
       role: "tab",
@@ -4544,7 +4548,7 @@ const io = g(
   onClick: t,
   orientation: n = n1.Horizontal
 }) => {
-  const [s, a] = j(!1), [i, c] = j(!1), [l, d] = j(!1), u = so(), p = n === n1.Horizontal, y = le(null), f = le(null), w = le(null), x = e.find((m) => m.id === r), T = A(
+  const [s, a] = j(!1), [i, c] = j(!1), [l, d] = j(!1), u = so(), p = n === n1.Horizontal, y = le(null), f = le(null), v = le(null), x = e.find((m) => m.id === r), T = A(
     () => g(
       "flex gap-3",
       p ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -4559,7 +4563,7 @@ const io = g(
     const m = new ResizeObserver(R), L = f.current;
     return L && m.observe(L), () => m.disconnect();
   }, [e, R]), se(() => {
-    const m = w.current, L = f.current;
+    const m = v.current, L = f.current;
     if (!m || !L) return;
     const N = m.offsetLeft, V = N + m.offsetWidth, z = L.scrollLeft, $ = z + L.clientWidth;
     N < z ? L.scrollTo({
@@ -4589,7 +4593,7 @@ const io = g(
         },
         m.id
       )),
-      children: /* @__PURE__ */ v("div", { className: "flex gap-2 items-center h-11 cursor-pointer", children: [
+      children: /* @__PURE__ */ w("div", { className: "flex gap-2 items-center h-11 cursor-pointer", children: [
         /* @__PURE__ */ o(
           ze,
           {
@@ -4614,11 +4618,11 @@ const io = g(
     }
   ) }) : (
     // Desktop
-    /* @__PURE__ */ v("div", { ref: y, className: "flex w-full items-start", children: [
+    /* @__PURE__ */ w("div", { ref: y, className: "flex w-full items-start", children: [
       /* @__PURE__ */ o("div", { ref: f, className: T, children: e.map((m) => /* @__PURE__ */ o(
         "div",
         {
-          ref: r === m.id ? w : void 0,
+          ref: r === m.id ? v : void 0,
           className: "w-full",
           children: /* @__PURE__ */ o(
             ze,
@@ -4678,8 +4682,8 @@ const io = g(
   titleCssClass: l
 }) => {
   const d = U(ho, i), u = !!r && !s && !n, p = typeof e == "string" ? /* @__PURE__ */ o(Se, { text: e }) : e;
-  return /* @__PURE__ */ v("li", { className: d, children: [
-    u ? /* @__PURE__ */ v(
+  return /* @__PURE__ */ w("li", { className: d, children: [
+    u ? /* @__PURE__ */ w(
       "a",
       {
         className: U(
@@ -4694,7 +4698,7 @@ const io = g(
           p
         ]
       }
-    ) : /* @__PURE__ */ v(
+    ) : /* @__PURE__ */ w(
       "span",
       {
         className: U(
@@ -4827,7 +4831,7 @@ const io = g(
   readonly: p,
   invalid: y,
   onChange: f,
-  min: w,
+  min: v,
   max: x,
   prefix: T,
   suffix: R,
@@ -4837,18 +4841,18 @@ const io = g(
   defaultValue: V,
   tooltipText: z
 }) => {
-  const $ = (B) => B.target.blur(), k = d === "number" || w !== void 0 || x !== void 0, O = (B) => {
-    Lo(B, d, w, x);
+  const $ = (B) => B.target.blur(), k = d === "number" || v !== void 0 || x !== void 0, O = (B) => {
+    Lo(B, d, v, x);
   }, q = (B) => {
     const K = B.currentTarget.value;
     if (k && K !== "") {
       const ee = parseFloat(K);
-      if (isNaN(ee) && K !== "-" && K !== "." || !isNaN(ee) && (w !== void 0 && ee < w || x !== void 0 && ee > x))
+      if (isNaN(ee) && K !== "-" && K !== "." || !isNaN(ee) && (v !== void 0 && ee < v || x !== void 0 && ee > x))
         return;
     }
     f?.(K);
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: g(
@@ -4873,7 +4877,7 @@ const io = g(
             elementId: m + "textBefore"
           }
         ) }),
-        T && /* @__PURE__ */ v("p", { className: "text-secondary dial-small mr-2", children: [
+        T && /* @__PURE__ */ w("p", { className: "text-secondary dial-small mr-2", children: [
           " ",
           T
         ] }),
@@ -4897,7 +4901,7 @@ const io = g(
                 onKeyDown: O,
                 onWheel: $,
                 onBlur: N,
-                min: w,
+                min: v,
                 max: x,
                 defaultValue: V
               }
@@ -4905,7 +4909,7 @@ const io = g(
           }
         ),
         /* @__PURE__ */ o(Z, { icon: r }),
-        R && /* @__PURE__ */ v("p", { className: "text-secondary dial-small ml-2", children: [
+        R && /* @__PURE__ */ w("p", { className: "text-secondary dial-small ml-2", children: [
           " ",
           R
         ] }),
@@ -4994,7 +4998,7 @@ const io = g(
   elementContainerCssClass: a,
   errorText: i,
   ...c
-}) => /* @__PURE__ */ v("div", { className: U("flex flex-col", s), children: [
+}) => /* @__PURE__ */ w("div", { className: U("flex flex-col", s), children: [
   /* @__PURE__ */ o(
     Re,
     {
@@ -5031,7 +5035,7 @@ const io = g(
     },
     [s, t]
   );
-  return /* @__PURE__ */ v("div", { className: "flex flex-row items-center", children: [
+  return /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
     /* @__PURE__ */ o(
       "input",
       {
@@ -5078,7 +5082,7 @@ const Io = "z-[52] flex items-center justify-center bg-blackout md:p-4", No = "d
     onOpenChange: (m) => {
       m || d?.(null);
     }
-  }), f = i1(y, { role: "dialog" }), w = a1(y, { outsidePress: !0 }), { getFloatingProps: x } = l1([f, w]);
+  }), f = i1(y, { role: "dialog" }), v = a1(y, { outsidePress: !0 }), { getFloatingProps: x } = l1([f, v]);
   if (!e) return null;
   const T = typeof r == "string" ? "dial-popup-heading" : void 0, R = (m) => m ? typeof m == "string" ? /* @__PURE__ */ o(
     "h3",
@@ -5091,7 +5095,7 @@ const Io = "z-[52] flex items-center justify-center bg-blackout md:p-4", No = "d
       children: /* @__PURE__ */ o(me, { tooltip: m, children: m })
     }
   ) : m : /* @__PURE__ */ o("span", {});
-  return /* @__PURE__ */ o(c1, { id: t, children: /* @__PURE__ */ o(Dr, { className: g(Io, s), children: /* @__PURE__ */ o(F1, { context: y, children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ o(c1, { id: t, children: /* @__PURE__ */ o(Dr, { className: g(Io, s), children: /* @__PURE__ */ o(F1, { context: y, children: /* @__PURE__ */ w(
     "div",
     {
       ref: p.setFloating,
@@ -5106,7 +5110,7 @@ const Io = "z-[52] flex items-center justify-center bg-blackout md:p-4", No = "d
         n
       ),
       children: [
-        /* @__PURE__ */ v("div", { className: So, children: [
+        /* @__PURE__ */ w("div", { className: So, children: [
           R(r),
           /* @__PURE__ */ o(
             mr,
@@ -5148,12 +5152,12 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
   onConfirm: p,
   onCancel: y,
   children: f,
-  dividers: w = !1,
+  dividers: v = !1,
   variant: x = We.Info,
   size: T = pe.Sm,
   footer: R
 }) => {
-  const m = i ? null : /* @__PURE__ */ v("div", { className: Mo, children: [
+  const m = i ? null : /* @__PURE__ */ w("div", { className: Mo, children: [
     /* @__PURE__ */ o(
       te,
       {
@@ -5185,7 +5189,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
       open: n,
       title: e,
       cssClass: g(T1[x].container, l),
-      dividers: w,
+      dividers: v,
       onClose: () => u?.(),
       footer: R ?? m,
       size: T,
@@ -5221,8 +5225,8 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
   emptyValueText: d
 }) => {
   const u = Array.isArray(n) && n.length > 0, p = typeof n == "string" && !!n.trim(), y = u || p ? n : d, f = t ? void 0 : i;
-  return /* @__PURE__ */ v(Ce, { children: [
-    u ? /* @__PURE__ */ o("div", { className: "w-full", onClick: f, children: /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(Ce, { children: [
+    u ? /* @__PURE__ */ o("div", { className: "w-full", onClick: f, children: /* @__PURE__ */ w(
       "div",
       {
         className: g(
@@ -5246,7 +5250,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
           ) })
         ]
       }
-    ) }) : /* @__PURE__ */ v(Ce, { children: [
+    ) }) : /* @__PURE__ */ w(Ce, { children: [
       /* @__PURE__ */ o(
         "button",
         {
@@ -5255,7 +5259,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
           onClick: f,
           "aria-label": "open-popup",
           id: c,
-          children: /* @__PURE__ */ v(
+          children: /* @__PURE__ */ w(
             "div",
             {
               className: g(
@@ -5303,7 +5307,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
   portalId: p,
   onApply: y,
   cancelButtonTitle: f = "Cancel",
-  applyButtonTitle: w = "Apply",
+  applyButtonTitle: v = "Apply",
   isValid: x,
   selectedRadioValue: T,
   onChangeRadioField: R,
@@ -5317,7 +5321,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
   }, [d]), k = E(() => {
     y(), $();
   }, [y, $]);
-  return /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+  return /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ o(Re, { fieldTitle: e, htmlFor: r }),
     /* @__PURE__ */ o(
       Po,
@@ -5337,7 +5341,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
             title: u,
             portalId: p,
             size: L,
-            footer: /* @__PURE__ */ v("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
+            footer: /* @__PURE__ */ w("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
               /* @__PURE__ */ o(
                 te,
                 {
@@ -5350,7 +5354,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
                 te,
                 {
                   variant: J.Primary,
-                  title: w,
+                  title: v,
                   onClick: k,
                   disable: !x
                 }
@@ -5387,9 +5391,9 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
   children: p,
   dividers: y = !0,
   size: f = pe.Md,
-  footer: w
+  footer: v
 }) => {
-  const x = s ? null : /* @__PURE__ */ v("div", { className: zo, children: [
+  const x = s ? null : /* @__PURE__ */ w("div", { className: zo, children: [
     /* @__PURE__ */ o(
       te,
       {
@@ -5417,7 +5421,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
       cssClass: i,
       dividers: y,
       onClose: () => l?.(),
-      footer: w ?? x,
+      footer: v ?? x,
       size: f,
       children: T()
     }
@@ -5459,7 +5463,7 @@ const Mo = "flex justify-end gap-2 px-6 py-4", Ro = "text-secondary dial-small-1
   elementId: n,
   errorText: s,
   ...a
-}) => /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+}) => /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
   /* @__PURE__ */ o(
     Re,
     {
@@ -5514,10 +5518,10 @@ const Bo = {
       p(x), l?.(x);
     },
     [l]
-  ), f = Bo[d], w = E(() => {
+  ), f = Bo[d], v = E(() => {
     y("");
   }, [y]);
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: g(
@@ -5569,7 +5573,7 @@ const Bo = {
               {
                 size: f.iconSize,
                 stroke: f.iconStroke,
-                onClick: w,
+                onClick: v,
                 "aria-label": "Clear search",
                 role: "button"
               }
@@ -5599,7 +5603,7 @@ const Bo = {
     },
     [l]
   );
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: g([
@@ -5640,7 +5644,7 @@ const Bo = {
   disabled: c,
   onChange: l
 }) => {
-  const d = le(null), [u, p] = j(e), [y, f] = j(""), [w, x] = j(!1), T = (L) => {
+  const d = le(null), [u, p] = j(e), [y, f] = j(""), [v, x] = j(!1), T = (L) => {
     const N = L.trim().replace(/,$/, "");
     if (N && !u.includes(N)) {
       const V = [N, ...u];
@@ -5660,7 +5664,7 @@ const Bo = {
       }
     });
     return d.current && L.observe(d.current), () => L.disconnect();
-  }, [u]), /* @__PURE__ */ v("div", { className: g("flex flex-col w-full"), children: [
+  }, [u]), /* @__PURE__ */ w("div", { className: g("flex flex-col w-full"), children: [
     /* @__PURE__ */ o(
       Re,
       {
@@ -5677,13 +5681,13 @@ const Bo = {
           i && "dial-input-error",
           c && "dial-input-disable"
         ),
-        children: /* @__PURE__ */ v(
+        children: /* @__PURE__ */ w(
           "div",
           {
             ref: d,
             className: g(
               "flex flex-wrap gap-2 items-center",
-              w ? "flex-col-reverse" : "flex-row"
+              v ? "flex-col-reverse" : "flex-row"
             ),
             children: [
               u.map((L, N) => /* @__PURE__ */ o(
@@ -5746,7 +5750,7 @@ const Bo = {
   disabled: p = !1,
   cssClass: y,
   closable: f = !1,
-  onClose: w,
+  onClose: v,
   onChange: x
 }) => {
   const [T, R] = j(!1), [m, L] = j(""), N = W1(), V = t !== void 0, [z, $] = j(n), k = V ? t : z, O = A(() => r ? Array.isArray(k) ? k : [] : typeof k == "string" ? [k] : [], [k, r]), q = A(() => {
@@ -5802,7 +5806,7 @@ const Bo = {
       selectedValues: O,
       handleRemoveTag: ee
     }
-  ), [r, e, O, ee]), H = E(() => r ? ce ? ae() : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }) : _ ? /* @__PURE__ */ v(Ce, { children: [
+  ), [r, e, O, ee]), H = E(() => r ? ce ? ae() : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }) : _ ? /* @__PURE__ */ w(Ce, { children: [
     _.icon && /* @__PURE__ */ o(Z, { icon: _.icon }),
     /* @__PURE__ */ o(Se, { text: _.label })
   ] }) : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }), [ce, r, s, ae, _]);
@@ -5813,10 +5817,10 @@ const Bo = {
       onOpenChange: R,
       disabled: p,
       closable: f,
-      onClose: w,
+      onClose: v,
       placement: "bottom-start",
       allowedPlacements: ["bottom-start", "top-start"],
-      renderOverlay: () => /* @__PURE__ */ v(
+      renderOverlay: () => /* @__PURE__ */ w(
         "div",
         {
           id: N,
@@ -5824,7 +5828,7 @@ const Bo = {
           "aria-multiselectable": r || void 0,
           className: Go,
           children: [
-            (a || f) && /* @__PURE__ */ v("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
+            (a || f) && /* @__PURE__ */ w("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
               a && /* @__PURE__ */ o(
                 Wo,
                 {
@@ -5840,7 +5844,7 @@ const Bo = {
                   cssClass: "shrink-0",
                   iconBefore: /* @__PURE__ */ o(Te, { size: 16 }),
                   onClick: (h) => {
-                    w?.(h), R(!1);
+                    v?.(h), R(!1);
                   }
                 }
               )
@@ -5878,7 +5882,7 @@ const Bo = {
                     C1,
                     {
                       id: `${N}-${h.value}`,
-                      label: /* @__PURE__ */ v("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
+                      label: /* @__PURE__ */ w("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
                         h.icon && /* @__PURE__ */ o(Z, { icon: h.icon }),
                         /* @__PURE__ */ o("span", { className: "truncate", children: h.label })
                       ] }),
@@ -5904,7 +5908,7 @@ const Bo = {
                     h.disabled && R1
                   ),
                   onClick: () => !h.disabled && K(h.value),
-                  children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2 w-full", children: [
+                  children: /* @__PURE__ */ w("div", { className: "flex items-center gap-2 w-full", children: [
                     h.icon && /* @__PURE__ */ o(Z, { icon: h.icon }),
                     /* @__PURE__ */ o(Se, { text: h.label })
                   ] })
@@ -5915,7 +5919,7 @@ const Bo = {
           ]
         }
       ),
-      children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ w(
         "button",
         {
           type: "button",
@@ -5969,7 +5973,7 @@ const Bo = {
       );
     {
       const f = p.options?.find(
-        (w) => w.value === d
+        (v) => v.value === d
       );
       return /* @__PURE__ */ o("span", { "aria-readonly": !0, className: "text-primary", children: f?.label || d });
     }