@epam/ai-dial-ui-kit 0.3.0-rc.45 → 0.3.0-rc.46

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

@@ -5,7 +5,7 @@ import * as E from "react";
 import { createContext as xr, useState as G, useRef as le, useMemo as B, useContext as Dr, forwardRef as Sr, isValidElement as Ot, cloneElement as qe, useCallback as A, useEffect as ne, memo as Ln, useLayoutEffect as In, useId as Lr, Children as Tn } from "react";
 import { IconInfoCircle as Ir, IconCircleCheck as On, IconAlertTriangle as En, IconAlertCircle as Nn, IconX as _e, IconMinus as kn, IconCheck as Tr, IconExclamationCircle as Et, IconClipboardX as Or, IconChevronsLeft as Rn, IconChevronsRight as Pn, IconGripVertical as Mn, IconFile as Vn, IconFileTypeZip as Hn, IconFileTypeXml as An, IconFileTypeXls as Fn, IconFileTypeVue as _n, IconFileTypeTxt as zn, IconFileTypeTsx as jn, IconFileTypeTs as Bn, IconFileTypeSvg as Gn, IconFileTypeSql as $n, IconFileTypeRs as Wn, IconFileTypePpt as Un, IconFileTypePng as qn, IconFileTypePhp as Zn, IconFileTypePdf as Xn, IconFileTypeJsx as Yn, IconFileTypeJs as Kn, IconFileTypeJpg as Jn, IconFileTypeHtml as Qn, IconFileTypeDocx as eo, IconFileTypeDoc as to, IconFileTypeCsv as ro, IconFileTypeCss as no, IconFileTypeBmp as oo, IconArrowUpRight as so, IconChevronDown as Er, IconDotsVertical as io, IconChevronRight as ao, IconTrashX as Nr, IconEyeOff as lo, IconEye as co, IconSearch as uo, IconPlus as fo } from "@tabler/icons-react";
 import { createPortal as po } from "react-dom";
-const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "text-error dial-tiny mt-1", children: e }), go = 7, ho = 2, kr = xr(null), Rr = () => {
+const xe = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "text-error dial-tiny mt-1", children: e }), go = 7, ho = 2, kr = xr(null), Rr = () => {
   const e = Dr(kr);
   if (e == null)
     throw new Error("Tooltip components must be wrapped in <Tooltip />");
@@ -106,7 +106,7 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
       children: t
     }
   );
-}), ve = ({
+}), Le = ({
   hideTooltip: e,
   tooltip: t,
   children: r,
@@ -146,7 +146,7 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
     children: [
       typeof e == "string" ? /* @__PURE__ */ i("span", { className: "min-h-4", children: e }) : e,
       r && /* @__PURE__ */ i("span", { children: n ?? "(Optional)" }),
-      s && /* @__PURE__ */ i(ve, { tooltip: s, children: /* @__PURE__ */ i(
+      s && /* @__PURE__ */ i(Le, { tooltip: s, children: /* @__PURE__ */ i(
         W,
         {
           icon: /* @__PURE__ */ i(Ir, { size: 14, className: "text-secondary" })
@@ -202,19 +202,19 @@ const Co = {
     }
   );
 };
-var Oe = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(Oe || {});
+var Ee = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(Ee || {});
 const vo = {
   info: /* @__PURE__ */ i(Ir, { size: 24, stroke: 2 }),
   error: /* @__PURE__ */ i(Nn, { size: 24, stroke: 2 }),
   warning: /* @__PURE__ */ i(En, { size: 24, stroke: 2 }),
   success: /* @__PURE__ */ i(On, { size: 24, stroke: 2 })
 }, bo = {
-  [Oe.Info]: "bg-info border-info text-info",
-  [Oe.Success]: "bg-success border-success text-success",
-  [Oe.Warning]: "bg-warning border-warning text-warning",
-  [Oe.Error]: "bg-error border-error text-error"
+  [Ee.Info]: "bg-info border-info text-info",
+  [Ee.Success]: "bg-success border-success text-success",
+  [Ee.Warning]: "bg-warning border-warning text-warning",
+  [Ee.Error]: "bg-error border-error text-error"
 }, yo = "items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex", Ba = ({
-  variant: e = Oe.Info,
+  variant: e = Ee.Info,
   message: t,
   cssClass: r,
   closable: n = !1,
@@ -275,199 +275,18 @@ const vo = {
       }
     )
   }
-), Ee = 18, X = {
-  size: Ee,
+), Ne = 18, X = {
+  size: Ne,
   stroke: 2
-}, Bt = ({
-  label: e,
-  id: t,
-  checked: r,
-  indeterminate: n,
-  disabled: o,
-  ariaLabel: s,
-  onChange: a,
-  cssClass: l
-}) => {
-  const c = A(
-    (h) => {
-      a?.(h.target.checked, t);
-    },
-    [a, t]
-  ), d = b(
-    "flex flex-row items-center cursor-pointer text-accent-primary small-medium flex-1 min-w-0",
-    `${r || n ? "" : 'before:content-[""] before:inline-block before:w-[18px] before:h-[18px] before:border before:border-hover before:rounded before:mr-2'}`,
-    o ? "pointer-events-none text-secondary before:border-icon-secondary before:bg-layer-4" : "",
-    l
-  ), u = b(
-    "mr-2 border rounded",
-    o ? "bg-layer-4 border-icon-secondary" : ""
-  );
-  return /* @__PURE__ */ w("label", { className: d, htmlFor: t, children: [
-    n ? /* @__PURE__ */ i(kn, { className: u, ...X }) : r ? /* @__PURE__ */ i(Tr, { className: u, ...X }) : null,
-    e && (typeof e == "string" ? /* @__PURE__ */ i(ve, { tooltip: e, triggerClassName: "flex-1 min-w-0", children: /* @__PURE__ */ i("span", { className: "text-primary w-full truncate", children: e }) }) : e),
-    /* @__PURE__ */ i(
-      "input",
-      {
-        type: "checkbox",
-        role: "checkbox",
-        name: t,
-        onChange: c,
-        id: t,
-        checked: r,
-        "aria-checked": n ? "mixed" : r,
-        "aria-disabled": o || void 0,
-        "aria-label": e ? void 0 : s,
-        className: "invisible w-0 h-0"
-      }
-    )
-  ] });
-};
-var ae = /* @__PURE__ */ ((e) => (e.VALID = "valid", e.ERROR = "error", e))(ae || {});
-const So = (e, t) => {
-  if (t === e.id)
-    switch (e.status) {
-      case ae.VALID:
-        return "border-accent-secondary text-primary";
-      case ae.ERROR:
-        return "border-red-900 text-primary";
-      default:
-        return "border-accent-primary text-primary";
-    }
-  switch (e.status) {
-    case ae.VALID:
-      return "border-primary text-white";
-    case ae.ERROR:
-      return "border-red-900 text-error";
-    default:
-      return "border-primary text-secondary";
-  }
-}, Lo = (e, t) => {
-  if (t === e.id)
-    switch (e.status) {
-      case ae.VALID:
-        return "bg-accent-secondary";
-      case ae.ERROR:
-        return "bg-red-400";
-      default:
-        return "bg-accent-primary";
-    }
-  switch (e.status) {
-    case ae.VALID:
-      return "bg-accent-secondary";
-    case ae.ERROR:
-      return "bg-red-400";
-    default:
-      return "bg-layer-4";
-  }
-}, Io = ({
-  step: e,
-  index: t,
-  currentStep: r,
-  onChangeStep: n
-}) => {
-  const o = "h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer", s = "w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white", a = () => r === e.id && e.status === ae.ERROR ? /* @__PURE__ */ i(Et, { stroke: 2, size: 16 }) : r !== e.id && e.status === ae.VALID ? /* @__PURE__ */ i(Tr, { stroke: 2, size: 16 }) : t + 1;
-  return /* @__PURE__ */ w(
-    "button",
-    {
-      className: b(o, So(e, r)),
-      onClick: () => n(e.id),
-      children: [
-        /* @__PURE__ */ i(
-          "span",
-          {
-            className: b(s, Lo(e, r)),
-            children: a()
-          }
-        ),
-        /* @__PURE__ */ i("span", { children: e.name })
-      ]
-    }
-  );
-}, Ga = ({
-  steps: e,
-  currentStep: t,
-  onChangeStep: r
-}) => {
-  const n = (o) => {
-    const s = e.findIndex((l) => l.id === t), a = e.findIndex((l) => l.id === o);
-    (o !== t && e[s].status === ae.VALID || a < s) && r(o);
-  };
-  return /* @__PURE__ */ i("div", { id: "steps", className: "flex gap-x-3", children: e.map((o, s) => /* @__PURE__ */ i(
-    Io,
-    {
-      currentStep: t,
-      onChangeStep: n,
-      step: o,
-      index: s
-    },
-    o.id
-  )) });
-}, To = ({
-  name: e,
-  value: t,
-  title: r,
-  description: n,
-  checked: o = !1,
-  inputId: s,
-  cssClass: a,
-  labelCssClass: l,
-  disabled: c,
-  onChange: d,
-  descriptionCssClass: u
-}) => {
-  const p = `${s}-desc`, h = b(
-    "dial-small cursor-pointer",
-    c ? "text-secondary" : "text-primary",
-    l
-  ), f = b(
-    "cursor-pointer dial-input-radio",
-    r && "mr-2",
-    a
-  ), v = b("flex flex-col", !!n && "mb-2"), m = b(
-    "dial-tiny mt-2 ml-[26px] text-secondary",
-    u
-  );
-  return /* @__PURE__ */ w("div", { className: v, children: [
-    /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
-      /* @__PURE__ */ i(
-        "input",
-        {
-          type: "radio",
-          id: s,
-          name: e,
-          value: t,
-          checked: o,
-          disabled: c,
-          "aria-describedby": o && n ? p : void 0,
-          className: f,
-          onChange: (L) => {
-            c || L.target.checked && d?.(t);
-          }
-        }
-      ),
-      r ? /* @__PURE__ */ i("label", { className: h, htmlFor: s, children: r }) : null
-    ] }),
-    o && n && /* @__PURE__ */ i("div", { id: p, className: m, children: n })
-  ] });
-};
-var Ze = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Ze || {});
-const Oo = "flex", Eo = "pb-1 mt-2", No = {
-  [Ze.Column]: "flex-col gap-y-3",
-  [Ze.Row]: "flex-row gap-x-6"
-};
-var Xe = /* @__PURE__ */ ((e) => (e.Vertical = "vertical", e.Horizontal = "horizontal", e))(Xe || {});
-const ko = "w-full flex", Ro = {
-  [Xe.Vertical]: "flex-col",
-  [Xe.Horizontal]: "flex-row items-end"
-}, Nt = "-", Po = (e) => {
-  const t = Vo(e), {
+}, So = "text-primary", Nt = "-", Lo = (e) => {
+  const t = To(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: n
   } = e;
   return {
     getClassGroupId: (a) => {
       const l = a.split(Nt);
-      return l[0] === "" && l.length !== 1 && l.shift(), Ar(l, t) || Mo(a);
+      return l[0] === "" && l.length !== 1 && l.shift(), Ar(l, t) || Io(a);
     },
     getConflictingClassGroupIds: (a, l) => {
       const c = r[a] || [];
@@ -486,13 +305,13 @@ const ko = "w-full flex", Ro = {
   return t.validators.find(({
     validator: a
   }) => a(s))?.classGroupId;
-}, Gt = /^\[(.+)\]$/, Mo = (e) => {
-  if (Gt.test(e)) {
-    const t = Gt.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
+}, Bt = /^\[(.+)\]$/, Io = (e) => {
+  if (Bt.test(e)) {
+    const t = Bt.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
-}, Vo = (e) => {
+}, To = (e) => {
   const {
     theme: t,
     classGroups: r
@@ -506,12 +325,12 @@ const ko = "w-full flex", Ro = {
 }, pt = (e, t, r, n) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const s = o === "" ? t : $t(t, o);
+      const s = o === "" ? t : Gt(t, o);
       s.classGroupId = r;
       return;
     }
     if (typeof o == "function") {
-      if (Ho(o)) {
+      if (Oo(o)) {
         pt(o(n), t, r, n);
         return;
       }
@@ -522,10 +341,10 @@ const ko = "w-full flex", Ro = {
       return;
     }
     Object.entries(o).forEach(([s, a]) => {
-      pt(a, $t(t, s), r, n);
+      pt(a, Gt(t, s), r, n);
     });
   });
-}, $t = (e, t) => {
+}, Gt = (e, t) => {
   let r = e;
   return t.split(Nt).forEach((n) => {
     r.nextPart.has(n) || r.nextPart.set(n, {
@@ -533,7 +352,7 @@ const ko = "w-full flex", Ro = {
       validators: []
     }), r = r.nextPart.get(n);
   }), r;
-}, Ho = (e) => e.isThemeGetter, Ao = (e) => {
+}, Oo = (e) => e.isThemeGetter, Eo = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -557,7 +376,7 @@ const ko = "w-full flex", Ro = {
       r.has(s) ? r.set(s, a) : o(s, a);
     }
   };
-}, gt = "!", ht = ":", Fo = ht.length, _o = (e) => {
+}, gt = "!", ht = ":", No = ht.length, ko = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
@@ -569,7 +388,7 @@ const ko = "w-full flex", Ro = {
       let m = o[v];
       if (a === 0 && l === 0) {
         if (m === ht) {
-          s.push(o.slice(c, v)), c = v + Fo;
+          s.push(o.slice(c, v)), c = v + No;
           continue;
         }
         if (m === "/") {
@@ -579,7 +398,7 @@ const ko = "w-full flex", Ro = {
       }
       m === "[" ? a++ : m === "]" ? a-- : m === "(" ? l++ : m === ")" && l--;
     }
-    const u = s.length === 0 ? o : o.substring(c), p = zo(u), h = p !== u, f = d && d > c ? d - c : void 0;
+    const u = s.length === 0 ? o : o.substring(c), p = Ro(u), h = p !== u, f = d && d > c ? d - c : void 0;
     return {
       modifiers: s,
       hasImportantModifier: h,
@@ -605,7 +424,7 @@ const ko = "w-full flex", Ro = {
     });
   }
   return n;
-}, zo = (e) => e.endsWith(gt) ? e.substring(0, e.length - 1) : e.startsWith(gt) ? e.substring(1) : e, jo = (e) => {
+}, Ro = (e) => e.endsWith(gt) ? e.substring(0, e.length - 1) : e.startsWith(gt) ? e.substring(1) : e, Po = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((n) => [n, !0]));
   return (n) => {
     if (n.length <= 1)
@@ -616,18 +435,18 @@ const ko = "w-full flex", Ro = {
       a[0] === "[" || t[a] ? (o.push(...s.sort(), a), s = []) : s.push(a);
     }), o.push(...s.sort()), o;
   };
-}, Bo = (e) => ({
-  cache: Ao(e.cacheSize),
-  parseClassName: _o(e),
-  sortModifiers: jo(e),
-  ...Po(e)
-}), Go = /\s+/, $o = (e, t) => {
+}, Mo = (e) => ({
+  cache: Eo(e.cacheSize),
+  parseClassName: ko(e),
+  sortModifiers: Po(e),
+  ...Lo(e)
+}), Vo = /\s+/, Ho = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: n,
     getConflictingClassGroupIds: o,
     sortModifiers: s
-  } = t, a = [], l = e.trim().split(Go);
+  } = t, a = [], l = e.trim().split(Vo);
   let c = "";
   for (let d = l.length - 1; d >= 0; d -= 1) {
     const u = l[d], {
@@ -666,7 +485,7 @@ const ko = "w-full flex", Ro = {
   }
   return c;
 };
-function Wo() {
+function Ao() {
   let e = 0, t, r, n = "";
   for (; e < arguments.length; )
     (t = arguments[e++]) && (r = Fr(t)) && (n && (n += " "), n += r);
@@ -680,38 +499,38 @@ const Fr = (e) => {
     e[n] && (t = Fr(e[n])) && (r && (r += " "), r += t);
   return r;
 };
-function Uo(e, ...t) {
+function Fo(e, ...t) {
   let r, n, o, s = a;
   function a(c) {
     const d = t.reduce((u, p) => p(u), e());
-    return r = Bo(d), n = r.cache.get, o = r.cache.set, s = l, l(c);
+    return r = Mo(d), n = r.cache.get, o = r.cache.set, s = l, l(c);
   }
   function l(c) {
     const d = n(c);
     if (d)
       return d;
-    const u = $o(c, r);
+    const u = Ho(c, r);
     return o(c, u), u;
   }
   return function() {
-    return s(Wo.apply(null, arguments));
+    return s(Ao.apply(null, arguments));
   };
 }
 const q = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, _r = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, zr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, qo = /^\d+\/\d+$/, Zo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Xo = /\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$/, Yo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ko = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Jo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Le = (e) => qo.test(e), k = (e) => !!e && !Number.isNaN(Number(e)), me = (e) => !!e && Number.isInteger(Number(e)), ot = (e) => e.endsWith("%") && k(e.slice(0, -1)), fe = (e) => Zo.test(e), Qo = () => !0, es = (e) => (
+}, _r = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, zr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, _o = /^\d+\/\d+$/, zo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, jo = /\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$/, Bo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Go = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $o = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ie = (e) => _o.test(e), k = (e) => !!e && !Number.isNaN(Number(e)), me = (e) => !!e && Number.isInteger(Number(e)), ot = (e) => e.endsWith("%") && k(e.slice(0, -1)), fe = (e) => zo.test(e), Wo = () => !0, Uo = (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.
-  Xo.test(e) && !Yo.test(e)
-), jr = () => !1, ts = (e) => Ko.test(e), rs = (e) => Jo.test(e), ns = (e) => !D(e) && !S(e), os = (e) => Re(e, $r, jr), D = (e) => _r.test(e), ye = (e) => Re(e, Wr, es), st = (e) => Re(e, cs, k), Wt = (e) => Re(e, Br, jr), ss = (e) => Re(e, Gr, rs), Be = (e) => Re(e, Ur, ts), S = (e) => zr.test(e), Ve = (e) => Pe(e, Wr), is = (e) => Pe(e, ds), Ut = (e) => Pe(e, Br), as = (e) => Pe(e, $r), ls = (e) => Pe(e, Gr), Ge = (e) => Pe(e, Ur, !0), Re = (e, t, r) => {
+  jo.test(e) && !Bo.test(e)
+), jr = () => !1, qo = (e) => Go.test(e), Zo = (e) => $o.test(e), Xo = (e) => !D(e) && !S(e), Yo = (e) => Re(e, $r, jr), D = (e) => _r.test(e), be = (e) => Re(e, Wr, Uo), st = (e) => Re(e, ts, k), $t = (e) => Re(e, Br, jr), Ko = (e) => Re(e, Gr, Zo), Be = (e) => Re(e, Ur, qo), S = (e) => zr.test(e), Ve = (e) => Pe(e, Wr), Jo = (e) => Pe(e, rs), Wt = (e) => Pe(e, Br), Qo = (e) => Pe(e, $r), es = (e) => Pe(e, Gr), Ge = (e) => Pe(e, Ur, !0), Re = (e, t, r) => {
   const n = _r.exec(e);
   return n ? n[1] ? t(n[1]) : r(n[2]) : !1;
 }, Pe = (e, t, r = !1) => {
   const n = zr.exec(e);
   return n ? n[1] ? t(n[1]) : r : !1;
-}, Br = (e) => e === "position" || e === "percentage", Gr = (e) => e === "image" || e === "url", $r = (e) => e === "length" || e === "size" || e === "bg-size", Wr = (e) => e === "length", cs = (e) => e === "number", ds = (e) => e === "family-name", Ur = (e) => e === "shadow", us = () => {
+}, Br = (e) => e === "position" || e === "percentage", Gr = (e) => e === "image" || e === "url", $r = (e) => e === "length" || e === "size" || e === "bg-size", Wr = (e) => e === "length", ts = (e) => e === "number", rs = (e) => e === "family-name", Ur = (e) => e === "shadow", ns = () => {
   const e = q("color"), t = q("font"), r = q("text"), n = q("font-weight"), o = q("tracking"), s = q("leading"), a = q("breakpoint"), l = q("container"), c = q("spacing"), d = q("radius"), u = q("shadow"), p = q("inset-shadow"), h = q("text-shadow"), f = q("drop-shadow"), v = q("blur"), m = q("perspective"), x = q("aspect"), L = q("ease"), C = q("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
     "center",
     "top",
@@ -730,15 +549,15 @@ const q = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], R = () => [...O(), S, D], P = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], I = () => [S, D, c], j = () => [Le, "full", "auto", ...I()], _ = () => [me, "none", "subgrid", S, D], M = () => ["auto", {
+  ], R = () => [...O(), S, D], P = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], I = () => [S, D, c], j = () => [Ie, "full", "auto", ...I()], _ = () => [me, "none", "subgrid", S, D], M = () => ["auto", {
     span: ["full", me, S, D]
-  }, me, S, D], V = () => [me, "auto", S, D], ee = () => ["auto", "min", "max", "fr", S, D], de = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Y = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], te = () => ["auto", ...I()], re = () => [Le, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...I()], T = () => [e, S, D], ue = () => [...O(), Ut, Wt, {
+  }, me, S, D], V = () => [me, "auto", S, D], ee = () => ["auto", "min", "max", "fr", S, D], de = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Y = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], te = () => ["auto", ...I()], re = () => [Ie, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...I()], T = () => [e, S, D], ue = () => [...O(), Wt, $t, {
     position: [S, D]
   }], ge = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], he = () => ["auto", "cover", "contain", as, os, {
+  }], he = () => ["auto", "cover", "contain", Qo, Yo, {
     size: [S, D]
-  }], oe = () => [ot, Ve, ye], U = () => [
+  }], oe = () => [ot, Ve, be], U = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -746,14 +565,14 @@ const q = (e) => {
     d,
     S,
     D
-  ], K = () => ["", k, Ve, ye], g = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [k, ot, Ut, Wt], ce = () => [
+  ], K = () => ["", k, Ve, be], g = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [k, ot, Wt, $t], ce = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     v,
     S,
     D
-  ], be = () => ["none", k, S, D], ze = () => ["none", k, S, D], nt = () => [k, S, D], je = () => [Le, "full", ...I()];
+  ], ve = () => ["none", k, S, D], ze = () => ["none", k, S, D], nt = () => [k, S, D], je = () => [Ie, "full", ...I()];
   return {
     cacheSize: 500,
     theme: {
@@ -761,11 +580,11 @@ const q = (e) => {
       aspect: ["video"],
       blur: [fe],
       breakpoint: [fe],
-      color: [Qo],
+      color: [Wo],
       container: [fe],
       "drop-shadow": [fe],
       ease: ["in", "out", "in-out"],
-      font: [ns],
+      font: [Xo],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [fe],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -786,7 +605,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Le, D, S, x]
+        aspect: ["auto", "square", Ie, D, S, x]
       }],
       /**
        * Container
@@ -1009,7 +828,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Le, "full", "auto", l, ...I()]
+        basis: [Ie, "full", "auto", l, ...I()]
       }],
       /**
        * Flex Direction
@@ -1030,7 +849,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [k, Le, "auto", "initial", "none", D]
+        flex: [k, Ie, "auto", "initial", "none", D]
       }],
       /**
        * Flex Grow
@@ -1446,7 +1265,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, Ve, ye]
+        text: ["base", r, Ve, be]
       }],
       /**
        * Font Smoothing
@@ -1477,7 +1296,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [is, D, t]
+        font: [Jo, D, t]
       }],
       /**
        * Font Variant Numeric
@@ -1594,7 +1413,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [k, "from-font", "auto", S, ye]
+        decoration: [k, "from-font", "auto", S, be]
       }],
       /**
        * Text Decoration Color
@@ -1732,7 +1551,7 @@ const q = (e) => {
           }, me, S, D],
           radial: ["", S, D],
           conic: [me, S, D]
-        }, ls, ss]
+        }, es, Ko]
       }],
       /**
        * Background Color
@@ -2081,7 +1900,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", k, Ve, ye]
+        outline: ["", k, Ve, be]
       }],
       /**
        * Outline Color
@@ -2156,7 +1975,7 @@ const q = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [k, ye]
+        "ring-offset": [k, be]
       }],
       /**
        * Ring Offset Color
@@ -2700,28 +2519,28 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: be()
+        rotate: ve()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": be()
+        "rotate-x": ve()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": be()
+        "rotate-y": ve()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": be()
+        "rotate-z": ve()
       }],
       /**
        * Scale
@@ -3106,7 +2925,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [k, Ve, ye, st]
+        stroke: [k, Ve, be, st]
       }],
       /**
        * Stroke
@@ -3181,11 +3000,256 @@ const q = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, fs = /* @__PURE__ */ Uo(us);
+}, os = /* @__PURE__ */ Fo(ns);
 function Z(...e) {
-  return fs(b(e));
+  return os(b(e));
 }
-const kt = ({
+const De = ({
+  text: e,
+  cssClass: t,
+  contentClassName: r,
+  hideTooltip: n,
+  ...o
+}) => {
+  const s = le(null), [a, l] = G(!1), [c, d] = G(""), u = le(null), p = () => {
+    const m = s.current;
+    if (!m) return;
+    d(m.textContent ?? "");
+    const x = m.clientWidth, L = m.scrollWidth, C = Math.ceil(m.getBoundingClientRect().width);
+    l(L > x || L > C);
+  }, h = A(() => {
+    u.current && cancelAnimationFrame(u.current), u.current = requestAnimationFrame(p);
+  }, []);
+  ne(() => {
+    h();
+    const m = () => h();
+    window.addEventListener("resize", m);
+    let x = null;
+    return "ResizeObserver" in window && s.current && (x = new ResizeObserver(() => h()), x.observe(s.current)), () => {
+      window.removeEventListener("resize", m), x && x.disconnect(), u.current && cancelAnimationFrame(u.current);
+    };
+  }, [e, h]);
+  const f = B(
+    () => typeof e == "string" ? e : c,
+    [c, e]
+  ), v = B(() => n ? "" : a ? f : "", [f, n, a]);
+  return /* @__PURE__ */ w(Pr, { ...o, children: [
+    /* @__PURE__ */ i(
+      Vr,
+      {
+        asChild: !0,
+        ref: s,
+        onMouseEnter: h,
+        onFocusCapture: h,
+        children: /* @__PURE__ */ i(
+          "span",
+          {
+            className: Z(
+              "block truncate min-w-0 max-w-full",
+              t
+            ),
+            "aria-label": a ? f : void 0,
+            onMouseEnter: h,
+            onFocus: h,
+            children: e
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i(
+      Mr,
+      {
+        className: Z(
+          So,
+          r,
+          !v && "hidden"
+        ),
+        children: v
+      }
+    )
+  ] });
+}, Ut = ({
+  label: e,
+  id: t,
+  checked: r,
+  indeterminate: n,
+  disabled: o,
+  ariaLabel: s,
+  onChange: a,
+  cssClass: l
+}) => {
+  const c = A(
+    (h) => {
+      a?.(h.target.checked, t);
+    },
+    [a, t]
+  ), d = b(
+    "flex flex-row items-center cursor-pointer text-accent-primary small-medium flex-1 min-w-0",
+    `${r || n ? "" : 'before:content-[""] before:inline-block before:w-[18px] before:h-[18px] before:border before:border-hover before:rounded before:mr-2'}`,
+    o ? "pointer-events-none text-secondary before:border-icon-secondary before:bg-layer-4" : "",
+    l
+  ), u = b(
+    "mr-2 border rounded",
+    o ? "bg-layer-4 border-icon-secondary" : ""
+  );
+  return /* @__PURE__ */ w("label", { className: d, htmlFor: t, children: [
+    n ? /* @__PURE__ */ i(kn, { className: u, ...X }) : r ? /* @__PURE__ */ i(Tr, { className: u, ...X }) : null,
+    e && (typeof e == "string" ? /* @__PURE__ */ i(De, { text: e }) : e),
+    /* @__PURE__ */ i(
+      "input",
+      {
+        type: "checkbox",
+        role: "checkbox",
+        name: t,
+        onChange: c,
+        id: t,
+        checked: r,
+        "aria-checked": n ? "mixed" : r,
+        "aria-disabled": o || void 0,
+        "aria-label": e ? void 0 : s,
+        className: "invisible w-0 h-0"
+      }
+    )
+  ] });
+};
+var ae = /* @__PURE__ */ ((e) => (e.VALID = "valid", e.ERROR = "error", e))(ae || {});
+const ss = (e, t) => {
+  if (t === e.id)
+    switch (e.status) {
+      case ae.VALID:
+        return "border-accent-secondary text-primary";
+      case ae.ERROR:
+        return "border-red-900 text-primary";
+      default:
+        return "border-accent-primary text-primary";
+    }
+  switch (e.status) {
+    case ae.VALID:
+      return "border-primary text-white";
+    case ae.ERROR:
+      return "border-red-900 text-error";
+    default:
+      return "border-primary text-secondary";
+  }
+}, is = (e, t) => {
+  if (t === e.id)
+    switch (e.status) {
+      case ae.VALID:
+        return "bg-accent-secondary";
+      case ae.ERROR:
+        return "bg-red-400";
+      default:
+        return "bg-accent-primary";
+    }
+  switch (e.status) {
+    case ae.VALID:
+      return "bg-accent-secondary";
+    case ae.ERROR:
+      return "bg-red-400";
+    default:
+      return "bg-layer-4";
+  }
+}, as = ({
+  step: e,
+  index: t,
+  currentStep: r,
+  onChangeStep: n
+}) => {
+  const o = "h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer", s = "w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white", a = () => r === e.id && e.status === ae.ERROR ? /* @__PURE__ */ i(Et, { stroke: 2, size: 16 }) : r !== e.id && e.status === ae.VALID ? /* @__PURE__ */ i(Tr, { stroke: 2, size: 16 }) : t + 1;
+  return /* @__PURE__ */ w(
+    "button",
+    {
+      className: b(o, ss(e, r)),
+      onClick: () => n(e.id),
+      children: [
+        /* @__PURE__ */ i(
+          "span",
+          {
+            className: b(s, is(e, r)),
+            children: a()
+          }
+        ),
+        /* @__PURE__ */ i("span", { children: e.name })
+      ]
+    }
+  );
+}, Ga = ({
+  steps: e,
+  currentStep: t,
+  onChangeStep: r
+}) => {
+  const n = (o) => {
+    const s = e.findIndex((l) => l.id === t), a = e.findIndex((l) => l.id === o);
+    (o !== t && e[s].status === ae.VALID || a < s) && r(o);
+  };
+  return /* @__PURE__ */ i("div", { id: "steps", className: "flex gap-x-3", children: e.map((o, s) => /* @__PURE__ */ i(
+    as,
+    {
+      currentStep: t,
+      onChangeStep: n,
+      step: o,
+      index: s
+    },
+    o.id
+  )) });
+}, ls = ({
+  name: e,
+  value: t,
+  title: r,
+  description: n,
+  checked: o = !1,
+  inputId: s,
+  cssClass: a,
+  labelCssClass: l,
+  disabled: c,
+  onChange: d,
+  descriptionCssClass: u
+}) => {
+  const p = `${s}-desc`, h = b(
+    "dial-small cursor-pointer",
+    c ? "text-secondary" : "text-primary",
+    l
+  ), f = b(
+    "cursor-pointer dial-input-radio",
+    r && "mr-2",
+    a
+  ), v = b("flex flex-col", !!n && "mb-2"), m = b(
+    "dial-tiny mt-2 ml-[26px] text-secondary",
+    u
+  );
+  return /* @__PURE__ */ w("div", { className: v, children: [
+    /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
+      /* @__PURE__ */ i(
+        "input",
+        {
+          type: "radio",
+          id: s,
+          name: e,
+          value: t,
+          checked: o,
+          disabled: c,
+          "aria-describedby": o && n ? p : void 0,
+          className: f,
+          onChange: (L) => {
+            c || L.target.checked && d?.(t);
+          }
+        }
+      ),
+      r ? /* @__PURE__ */ i("label", { className: h, htmlFor: s, children: r }) : null
+    ] }),
+    o && n && /* @__PURE__ */ i("div", { id: p, className: m, children: n })
+  ] });
+};
+var Ze = /* @__PURE__ */ ((e) => (e.Row = "Row", e.Column = "Column", e))(Ze || {});
+const cs = "flex", ds = "pb-1 mt-2", us = {
+  [Ze.Column]: "flex-col gap-y-3",
+  [Ze.Row]: "flex-row gap-x-6"
+};
+var Xe = /* @__PURE__ */ ((e) => (e.Vertical = "vertical", e.Horizontal = "horizontal", e))(Xe || {});
+const fs = "w-full flex", ps = {
+  [Xe.Vertical]: "flex-col",
+  [Xe.Horizontal]: "flex-row items-end"
+}, kt = ({
   elementId: e,
   label: t,
   optional: r,
@@ -3210,7 +3274,7 @@ const kt = ({
       role: "alert",
       "aria-live": "polite",
       className: u,
-      children: /* @__PURE__ */ i(De, { errorText: s })
+      children: /* @__PURE__ */ i(xe, { errorText: s })
     }
   ) : null : /* @__PURE__ */ i(
     "div",
@@ -3229,8 +3293,8 @@ const kt = ({
       "aria-labelledby": t ? x : void 0,
       "aria-describedby": O,
       className: Z(
-        ko,
-        Ro[a],
+        fs,
+        ps[a],
         c
       ),
       children: [
@@ -3273,7 +3337,7 @@ const kt = ({
       ]
     }
   );
-}, ps = ({
+}, gs = ({
   fieldTitle: e,
   radioCssClass: t,
   labelCssClass: r,
@@ -3296,12 +3360,12 @@ const kt = ({
         "aria-label": e,
         "aria-disabled": n || void 0,
         className: b(
-          Oo,
-          No[l]
+          cs,
+          us[l]
         ),
         children: s.map((d) => /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ i(
-            To,
+            ls,
             {
               name: o,
               value: d.id,
@@ -3314,12 +3378,12 @@ const kt = ({
               onChange: () => c(d.id)
             }
           ),
-          d.id === a && d.content ? /* @__PURE__ */ i("div", { className: Eo, children: d.content }) : null
+          d.id === a && d.content ? /* @__PURE__ */ i("div", { className: ds, children: d.content }) : null
         ] }, d.id))
       }
     )
   }
-), gs = ({
+), hs = ({
   icon: e,
   title: t,
   description: r
@@ -3327,12 +3391,12 @@ const kt = ({
   e || /* @__PURE__ */ i(Or, { width: 60, height: 60 }),
   /* @__PURE__ */ i("span", { className: "dial-small mt-2 text-primary", children: t }),
   r && /* @__PURE__ */ i("span", { className: "mt-1 text-primary", children: r })
-] }), hs = 60, $a = ({
+] }), ms = 60, $a = ({
   containerCssClass: e,
   children: t,
   width: r,
   title: n,
-  iconSize: o = Ee,
+  iconSize: o = Ne,
   titleCssClass: s,
   additionalButtons: a
 }) => {
@@ -3344,7 +3408,7 @@ const kt = ({
     "flex flex-row gap-2 cursor-pointer text-secondary",
     d ? "justify-end" : "justify-center"
   ]), f = () => {
-    c(d ? hs : r), u(!d);
+    c(d ? ms : r), u(!d);
   };
   return /* @__PURE__ */ w(
     "div",
@@ -3404,80 +3468,16 @@ const kt = ({
     children: [
       /* @__PURE__ */ i("label", { className: "dial-tiny mb-2 text-secondary", children: e }),
       r || /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
-        /* @__PURE__ */ i(ve, { triggerClassName: "text-primary", tooltip: t, children: t }),
+        /* @__PURE__ */ i(Le, { triggerClassName: "text-primary", tooltip: t, children: t }),
         n || null
       ] })
     ]
   }
 );
 var Rt = /* @__PURE__ */ ((e) => (e.Default = "default", e))(Rt || {});
-const ms = {
+const Cs = {
   [Rt.Default]: "border-icon-secondary bg-layer-3"
   // TODO: Add other variants here once they are finalized with the UI/UX team
-}, Cs = "text-primary", Ne = ({
-  text: e,
-  cssClass: t,
-  contentClassName: r,
-  hideTooltip: n,
-  ...o
-}) => {
-  const s = le(null), [a, l] = G(!1), [c, d] = G(""), u = le(null), p = () => {
-    const m = s.current;
-    if (!m) return;
-    d(m.textContent ?? "");
-    const x = m.clientWidth, L = m.scrollWidth, C = Math.ceil(m.getBoundingClientRect().width);
-    l(L > x || L > C);
-  }, h = A(() => {
-    u.current && cancelAnimationFrame(u.current), u.current = requestAnimationFrame(p);
-  }, []);
-  ne(() => {
-    h();
-    const m = () => h();
-    window.addEventListener("resize", m);
-    let x = null;
-    return "ResizeObserver" in window && s.current && (x = new ResizeObserver(() => h()), x.observe(s.current)), () => {
-      window.removeEventListener("resize", m), x && x.disconnect(), u.current && cancelAnimationFrame(u.current);
-    };
-  }, [e, h]);
-  const f = B(
-    () => typeof e == "string" ? e : c,
-    [c, e]
-  ), v = B(() => n ? "" : a ? f : "", [f, n, a]);
-  return /* @__PURE__ */ w(Pr, { ...o, children: [
-    /* @__PURE__ */ i(
-      Vr,
-      {
-        asChild: !0,
-        ref: s,
-        onMouseEnter: h,
-        onFocusCapture: h,
-        children: /* @__PURE__ */ i(
-          "span",
-          {
-            className: Z(
-              "block truncate min-w-0 max-w-full",
-              t
-            ),
-            "aria-label": a ? f : void 0,
-            onMouseEnter: h,
-            onFocus: h,
-            children: e
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ i(
-      Mr,
-      {
-        className: Z(
-          Cs,
-          r,
-          !v && "hidden"
-        ),
-        children: v
-      }
-    )
-  ] });
 }, Pt = ({
   tag: e,
   cssClass: t,
@@ -3486,7 +3486,7 @@ const ms = {
   iconBefore: o,
   bordered: s = !0
 }) => {
-  const a = ms[n], l = Z(
+  const a = Cs[n], l = Z(
     "flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",
     a,
     s ? "border" : "border-transparent",
@@ -3494,7 +3494,7 @@ const ms = {
   );
   return /* @__PURE__ */ w("div", { className: l, children: [
     /* @__PURE__ */ i(W, { icon: o }),
-    /* @__PURE__ */ i(Ne, { text: e }),
+    /* @__PURE__ */ i(De, { text: e }),
     r && /* @__PURE__ */ i(
       Q,
       {
@@ -3559,7 +3559,7 @@ function ws(e) {
 function xs(e) {
   return e instanceof Date ? !0 : typeof e.toDateString == "function" && typeof e.getDate == "function" && typeof e.setDate == "function";
 }
-function Ie(e) {
+function Te(e) {
   var t = typeof e;
   return process.env.NODE_ENV !== "production" && (t = bs(e)), t;
 }
@@ -3569,11 +3569,11 @@ function Zr(e, t, r) {
     throw new Error(process.env.NODE_ENV === "production" ? se(0) : "It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");
   if (typeof t == "function" && typeof r > "u" && (r = t, t = void 0), typeof r < "u") {
     if (typeof r != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? se(1) : "Expected the enhancer to be a function. Instead, received: '" + Ie(r) + "'");
+      throw new Error(process.env.NODE_ENV === "production" ? se(1) : "Expected the enhancer to be a function. Instead, received: '" + Te(r) + "'");
     return r(Zr)(e, t);
   }
   if (typeof e != "function")
-    throw new Error(process.env.NODE_ENV === "production" ? se(2) : "Expected the root reducer to be a function. Instead, received: '" + Ie(e) + "'");
+    throw new Error(process.env.NODE_ENV === "production" ? se(2) : "Expected the root reducer to be a function. Instead, received: '" + Te(e) + "'");
   var o = e, s = t, a = [], l = a, c = !1;
   function d() {
     l === a && (l = a.slice());
@@ -3585,7 +3585,7 @@ function Zr(e, t, r) {
   }
   function p(m) {
     if (typeof m != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? se(4) : "Expected the listener to be a function. Instead, received: '" + Ie(m) + "'");
+      throw new Error(process.env.NODE_ENV === "production" ? se(4) : "Expected the listener to be a function. Instead, received: '" + Te(m) + "'");
     if (c)
       throw new Error(process.env.NODE_ENV === "production" ? se(5) : "You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");
     var x = !0;
@@ -3601,7 +3601,7 @@ function Zr(e, t, r) {
   }
   function h(m) {
     if (!vs(m))
-      throw new Error(process.env.NODE_ENV === "production" ? se(7) : "Actions must be plain objects. Instead, the actual type was: '" + Ie(m) + "'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");
+      throw new Error(process.env.NODE_ENV === "production" ? se(7) : "Actions must be plain objects. Instead, the actual type was: '" + Te(m) + "'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");
     if (typeof m.type > "u")
       throw new Error(process.env.NODE_ENV === "production" ? se(8) : 'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');
     if (c)
@@ -3619,7 +3619,7 @@ function Zr(e, t, r) {
   }
   function f(m) {
     if (typeof m != "function")
-      throw new Error(process.env.NODE_ENV === "production" ? se(10) : "Expected the nextReducer to be a function. Instead, received: '" + Ie(m));
+      throw new Error(process.env.NODE_ENV === "production" ? se(10) : "Expected the nextReducer to be a function. Instead, received: '" + Te(m));
     o = m, h({
       type: Xt.REPLACE
     });
@@ -3637,7 +3637,7 @@ function Zr(e, t, r) {
        */
       subscribe: function(C) {
         if (typeof C != "object" || C === null)
-          throw new Error(process.env.NODE_ENV === "production" ? se(11) : "Expected the observer to be an object. Instead, received: '" + Ie(C) + "'");
+          throw new Error(process.env.NODE_ENV === "production" ? se(11) : "Expected the observer to be an object. Instead, received: '" + Te(C) + "'");
         function y() {
           C.next && C.next(u());
         }
@@ -4423,7 +4423,7 @@ function Ii(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function Te(e) {
+function Oe(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {}, n = Object.keys(r);
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
@@ -4447,7 +4447,7 @@ function Oi(e = Ti, t) {
   const { payload: r } = t;
   switch (t.type) {
     case Je:
-      return Te({}, e, {
+      return Oe({}, e, {
         itemType: r.itemType,
         item: r.item,
         sourceId: r.sourceId,
@@ -4456,25 +4456,25 @@ function Oi(e = Ti, t) {
         didDrop: !1
       });
     case Vt:
-      return Te({}, e, {
+      return Oe({}, e, {
         isSourcePublic: !0
       });
     case Qe:
-      return Te({}, e, {
+      return Oe({}, e, {
         targetIds: r.targetIds
       });
     case rt:
-      return e.targetIds.indexOf(r.targetId) === -1 ? e : Te({}, e, {
+      return e.targetIds.indexOf(r.targetId) === -1 ? e : Oe({}, e, {
         targetIds: Ls(e.targetIds, r.targetId)
       });
     case et:
-      return Te({}, e, {
+      return Oe({}, e, {
         dropResult: r.dropResult,
         didDrop: !0,
         targetIds: []
       });
     case tt:
-      return Te({}, e, {
+      return Oe({}, e, {
         itemType: null,
         item: null,
         sourceId: null,
@@ -5302,7 +5302,7 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
     stroke: t.stroke ?? X.stroke,
     className: t.className
   }
-), we = (e, t) => /* @__PURE__ */ i(
+), ye = (e, t) => /* @__PURE__ */ i(
   e,
   {
     width: Number(t.size ?? X.size),
@@ -5311,25 +5311,25 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
   }
 ), sr = {
   ".bmp": (e) => z(oo, e),
-  ".cpp": (e) => we(y1, e),
-  ".c": (e) => we(w1, e),
-  ".cs": (e) => we(x1, e),
+  ".cpp": (e) => ye(y1, e),
+  ".c": (e) => ye(w1, e),
+  ".cs": (e) => ye(x1, e),
   ".css": (e) => z(no, e),
   ".csv": (e) => z(ro, e),
   ".doc": (e) => z(to, e),
   ".docx": (e) => z(eo, e),
   ".html": (e) => z(Qn, e),
-  ".ini": (e) => we(D1, e),
+  ".ini": (e) => ye(D1, e),
   ".jpg": (e) => z(Jn, e),
   ".js": (e) => z(Kn, e),
-  ".json": (e) => we(S1, e),
+  ".json": (e) => ye(S1, e),
   ".jsx": (e) => z(Yn, e),
-  ".md": (e) => we(L1, e),
+  ".md": (e) => ye(L1, e),
   ".pdf": (e) => z(Xn, e),
   ".php": (e) => z(Zn, e),
   ".png": (e) => z(qn, e),
   ".ppt": (e) => z(Un, e),
-  ".py": (e) => we(I1, e),
+  ".py": (e) => ye(I1, e),
   ".rs": (e) => z(Wn, e),
   ".sql": (e) => z($n, e),
   ".svg": (e) => z(Gn, e),
@@ -5406,7 +5406,7 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
       }
     ),
     /* @__PURE__ */ i(
-      Ne,
+      De,
       {
         cssClass: "text-primary dial-small flex-1 min-w-0",
         text: e
@@ -5422,7 +5422,7 @@ const ir = () => typeof window < "u" && window.innerWidth < 1024, E1 = () => {
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
   }, []), e;
 };
-var N1 = /* @__PURE__ */ ((e) => (e.Dropdown = "dropdown", e.Menu = "menu", e))(N1 || {}), xe = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.ContextMenu = "contextMenu", e))(xe || {}), sn = /* @__PURE__ */ ((e) => (e.Item = "item", e.Divider = "divider", e))(sn || {});
+var N1 = /* @__PURE__ */ ((e) => (e.Dropdown = "dropdown", e.Menu = "menu", e))(N1 || {}), we = /* @__PURE__ */ ((e) => (e.Click = "click", e.Hover = "hover", e.ContextMenu = "contextMenu", e))(we || {}), sn = /* @__PURE__ */ ((e) => (e.Item = "item", e.Divider = "divider", e))(sn || {});
 const k1 = b(
   "flex items-center gap-2 align-middle",
   "h-auto px-0 bg-transparent border-0"
@@ -5451,7 +5451,7 @@ const k1 = b(
   children: e,
   menu: t,
   renderOverlay: r,
-  trigger: n = [xe.Click],
+  trigger: n = [we.Click],
   placement: o,
   disabled: s = !1,
   open: a,
@@ -5489,21 +5489,21 @@ const k1 = b(
       xn({
         padding: He,
         apply({ availableWidth: g, availableHeight: H, elements: F }) {
-          const ce = F.floating, be = j(F.reference);
+          const ce = F.floating, ve = j(F.reference);
           ce.style.setProperty(
             "--fui-available-height",
             `${Math.floor(H)}px`
           ), ce.style.setProperty(
             "--reference-width",
-            L ? `${Math.round(be)}px` : "0px"
-          ), L ? ce.style.minWidth = `${Math.round(be)}px` : ce.style.removeProperty("min-width"), ce.style.maxWidth = `${Math.floor(g)}px`, ce.style.maxHeight = `${Math.floor(H)}px`;
+            L ? `${Math.round(ve)}px` : "0px"
+          ), L ? ce.style.minWidth = `${Math.round(ve)}px` : ce.style.removeProperty("min-width"), ce.style.maxWidth = `${Math.floor(g)}px`, ce.style.maxHeight = `${Math.floor(H)}px`;
         }
       })
     ]
   }), ee = Dn(V, {
-    enabled: n.includes(xe.Click) && !s
+    enabled: n.includes(we.Click) && !s
   }), de = br(V, {
-    enabled: n.includes(xe.Hover) && !s,
+    enabled: n.includes(we.Hover) && !s,
     move: !1,
     restMs: 40,
     delay: { open: 80, close: 80 }
@@ -5538,7 +5538,7 @@ const k1 = b(
     [_]
   ), ge = A(
     (g) => {
-      !n.includes(xe.ContextMenu) || s || (g.preventDefault(), x && ue(g.clientX, g.clientY), P(!0));
+      !n.includes(we.ContextMenu) || s || (g.preventDefault(), x && ue(g.clientX, g.clientY), P(!0));
     },
     [x, s, P, ue, n]
   ), he = A(
@@ -5691,7 +5691,7 @@ const k1 = b(
       disabled: r,
       children: [
         /* @__PURE__ */ i(
-          Ne,
+          De,
           {
             text: e.name,
             contentClassName: "max-w-[200px]",
@@ -5736,7 +5736,7 @@ const k1 = b(
   }, [t]), u ? /* @__PURE__ */ i("div", { className: "h-11 flex items-center bg-layer-3 px-4", children: /* @__PURE__ */ i(
     wt,
     {
-      trigger: [xe.Click],
+      trigger: [we.Click],
       open: o,
       onOpenChange: s,
       placement: "bottom-start",
@@ -5800,7 +5800,7 @@ const k1 = b(
       c && /* @__PURE__ */ i("div", { className: "flex items-center ml-2", children: /* @__PURE__ */ i(
         wt,
         {
-          trigger: [xe.Click],
+          trigger: [we.Click],
           open: a,
           onOpenChange: l,
           placement: "bottom-end",
@@ -5841,7 +5841,7 @@ const k1 = b(
   iconBefore: l,
   titleCssClass: c
 }) => {
-  const d = Z(_1, a), u = !!t && !o && !n, p = typeof e == "string" ? /* @__PURE__ */ i(Ne, { text: e }) : e;
+  const d = Z(_1, a), u = !!t && !o && !n, p = typeof e == "string" ? /* @__PURE__ */ i(De, { text: e }) : e;
   return /* @__PURE__ */ w("li", { className: d, children: [
     u ? /* @__PURE__ */ w(
       "a",
@@ -5931,7 +5931,7 @@ const k1 = b(
   disableTooltip: c,
   onChange: d
 }) => /* @__PURE__ */ i(
-  ve,
+  Le,
   {
     tooltip: c ? null : e,
     triggerClassName: Z("flex", o),
@@ -6052,7 +6052,7 @@ const k1 = b(
         ] }),
         /* @__PURE__ */ i(W, { icon: e }),
         /* @__PURE__ */ i(
-          ve,
+          Le,
           {
             tooltip: P || n,
             triggerClassName: b(c, "flex-1"),
@@ -6065,7 +6065,10 @@ const k1 = b(
                 placeholder: s,
                 value: R ? void 0 : n ?? "",
                 disabled: u,
-                className: b("border-0 bg-transparent w-full", a),
+                className: b(
+                  "border-0 bg-transparent w-full truncate",
+                  a
+                ),
                 onChange: (M) => !p && _?.(M),
                 onKeyDown: j,
                 onWheel: $,
@@ -6185,7 +6188,7 @@ const k1 = b(
       ...l
     }
   ),
-  /* @__PURE__ */ i(De, { errorText: a })
+  /* @__PURE__ */ i(xe, { errorText: a })
 ] }), Qa = ({
   title: e,
   switchId: t,
@@ -6261,7 +6264,7 @@ const Y1 = "z-[52] flex items-center justify-center bg-blackout md:p-4", K1 = "d
         "flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",
         s
       ),
-      children: /* @__PURE__ */ i(ve, { tooltip: C, children: C })
+      children: /* @__PURE__ */ i(Le, { tooltip: C, children: C })
     }
   ) : C : /* @__PURE__ */ i("span", {});
   return /* @__PURE__ */ i(Tt, { id: r, children: /* @__PURE__ */ i(Sn, { className: b(Y1, o), children: /* @__PURE__ */ i(wr, { context: h, children: /* @__PURE__ */ w(
@@ -6373,7 +6376,7 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
       "flex gap-x-2 gap-y-1",
       t
     ),
-    children: e?.map((n) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(ve, { tooltip: n, children: /* @__PURE__ */ i(
+    children: e?.map((n) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(Le, { tooltip: n, children: /* @__PURE__ */ i(
       Pt,
       {
         tag: n,
@@ -6411,8 +6414,8 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
                 dr,
                 {
                   role: "img",
-                  width: Ee,
-                  height: Ee
+                  width: Ne,
+                  height: Ne
                 }
               )
             }
@@ -6438,7 +6441,7 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
                 c && "dial-input-error"
               ),
               children: [
-                /* @__PURE__ */ i(ve, { tooltip: String(h), children: /* @__PURE__ */ i("span", { className: o, children: h }) }),
+                /* @__PURE__ */ i(Le, { tooltip: String(h), children: /* @__PURE__ */ i("span", { className: o, children: h }) }),
                 !r && /* @__PURE__ */ i("div", { className: "flex-shrink-0", children: /* @__PURE__ */ i(
                   W,
                   {
@@ -6446,8 +6449,8 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
                       dr,
                       {
                         role: "img",
-                        width: Ee,
-                        height: Ee
+                        width: Ne,
+                        height: Ne
                       }
                     )
                   }
@@ -6457,7 +6460,7 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
           )
         }
       ),
-      c && /* @__PURE__ */ i(De, { errorText: c })
+      c && /* @__PURE__ */ i(xe, { errorText: c })
     ] }),
     t && po(e, document.body)
   ] });
@@ -6530,7 +6533,7 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
               )
             ] }),
             children: /* @__PURE__ */ i("div", { className: "px-6 py-4", children: /* @__PURE__ */ i(
-              ps,
+              gs,
               {
                 radioButtons: o,
                 labelCssClass: "dial-small",
@@ -6650,7 +6653,7 @@ const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-1
       ...s
     }
   ),
-  /* @__PURE__ */ i(De, { errorText: o })
+  /* @__PURE__ */ i(xe, { errorText: o })
 ] });
 var Ke = /* @__PURE__ */ ((e) => (e.Small = "small", e.Base = "base", e))(Ke || {});
 const ua = {
@@ -6886,7 +6889,7 @@ const ua = {
         )
       }
     ),
-    /* @__PURE__ */ i(De, { errorText: s })
+    /* @__PURE__ */ i(xe, { errorText: s })
   ] });
 }, pa = "dial-input flex px-3 py-2 w-full items-center justify-between gap-2 dial-small min-h-[38px]", ga = "w-full rounded", dt = "flex w-full items-center justify-between gap-2 px-3 h-[34px] dial-small text-primary truncate hover:bg-accent-primary-alpha focus:bg-accent-primary-alpha focus:outline-none", ha = "bg-accent-primary-alpha", ma = "bg-accent-primary-alpha border-l border-accent-primary border-1", ur = "opacity-75", Ca = /* @__PURE__ */ i(Er, { size: 16 }), un = ({
   options: e,
@@ -6978,7 +6981,7 @@ const ua = {
     }
   ), [t, e, _, de]), K = A(() => t ? ge ? U() : /* @__PURE__ */ i("span", { className: "text-secondary truncate", children: o }) : oe ? /* @__PURE__ */ w(pe, { children: [
     oe.icon && /* @__PURE__ */ i(W, { icon: oe.icon }),
-    /* @__PURE__ */ i(Ne, { text: oe.label })
+    /* @__PURE__ */ i(De, { text: oe.label })
   ] }) : /* @__PURE__ */ i("span", { className: "text-secondary truncate", children: o }), [ge, t, o, U, oe]);
   return /* @__PURE__ */ i(
     wt,
@@ -7021,7 +7024,7 @@ const ua = {
               )
             ] }),
             t && l && Y.length > 0 && /* @__PURE__ */ i("div", { className: b(dt, "mt-2"), children: /* @__PURE__ */ i(
-              Bt,
+              Ut,
               {
                 id: `${R}-selectAll`,
                 label: c,
@@ -7032,7 +7035,7 @@ const ua = {
               }
             ) }),
             /* @__PURE__ */ i("div", { className: "overflow-y-auto py-1", children: M.length === 0 ? /* @__PURE__ */ i("div", { className: "px-2 py-3", children: /* @__PURE__ */ i(
-              gs,
+              hs,
               {
                 icon: p ?? /* @__PURE__ */ i(Or, { size: 24 }),
                 title: d,
@@ -7050,7 +7053,7 @@ const ua = {
                     "w-full"
                   ),
                   children: /* @__PURE__ */ i(
-                    Bt,
+                    Ut,
                     {
                       id: `${R}-${g.value}`,
                       label: /* @__PURE__ */ w("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
@@ -7081,7 +7084,7 @@ const ua = {
                   onClick: () => !g.disabled && ee(g.value),
                   children: /* @__PURE__ */ w("div", { className: "flex items-center gap-2 w-full", children: [
                     g.icon && /* @__PURE__ */ i(W, { icon: g.icon }),
-                    /* @__PURE__ */ i(Ne, { text: g.label })
+                    /* @__PURE__ */ i(De, { text: g.label })
                   ] })
                 },
                 g.value
@@ -7836,7 +7839,7 @@ const Ra = function(t, r, n) {
         ]
       }
     ),
-    /* @__PURE__ */ i(pe, { children: v ? /* @__PURE__ */ i(De, { errorText: l }) : L(h) && /* @__PURE__ */ i(De, { errorText: c }) })
+    /* @__PURE__ */ i(pe, { children: v ? /* @__PURE__ */ i(xe, { errorText: l }) : L(h) && /* @__PURE__ */ i(xe, { errorText: c }) })
   ] });
 }, Ma = ({
   iconBefore: e,
@@ -7979,7 +7982,7 @@ const Ra = function(t, r, n) {
   ] });
 };
 export {
-  Oe as AlertVariant,
+  Ee as AlertVariant,
   J as ButtonVariant,
   Ye as ConfirmationPopupVariant,
   Ba as DialAlert,
@@ -7988,14 +7991,14 @@ export {
   Xa as DialBreadcrumb,
   G1 as DialBreadcrumbItem,
   Q as DialButton,
-  Bt as DialCheckbox,
+  Ut as DialCheckbox,
   an as DialCloseButton,
   $a as DialCollapsibleSidebar,
   el as DialConfirmationPopup,
   Ua as DialDraggableItem,
   wt as DialDropdown,
-  Ne as DialEllipsisTooltip,
-  De as DialErrorText,
+  De as DialEllipsisTooltip,
+  xe as DialErrorText,
   ke as DialFieldLabel,
   T1 as DialFileIcon,
   qa as DialFileName,
@@ -8007,13 +8010,13 @@ export {
   Wa as DialLabelledText,
   al as DialLoadFileAreaField,
   Hr as DialLoader,
-  gs as DialNoDataContent,
+  hs as DialNoDataContent,
   Ya as DialNumberInputField,
   da as DialPasswordInput,
   nl as DialPasswordInputField,
   zt as DialPopup,
-  To as DialRadioButton,
-  ps as DialRadioGroup,
+  ls as DialRadioButton,
+  gs as DialRadioGroup,
   tl as DialRadioGroupPopupField,
   $1 as DialRemoveButton,
   fa as DialSearch,
@@ -8029,7 +8032,7 @@ export {
   Ja as DialTextAreaField,
   Ka as DialTextInputField,
   W1 as DialTextarea,
-  ve as DialTooltip,
+  Le as DialTooltip,
   N1 as DropdownType,
   Xe as FormItemOrientation,
   Ce as PopupSize,