@epam/ai-dial-ui-kit 0.3.0-rc.59 → 0.3.0-rc.60

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

@@ -1,12 +1,12 @@
 import { jsx as i, jsxs as x, Fragment as pe } from "react/jsx-runtime";
 import w from "classnames";
-import { useFloating as Dt, offset as mr, flip as Cr, shift as vr, arrow as yn, autoUpdate as br, useHover as yr, useFocus as wn, useDismiss as St, useRole as Lt, useInteractions as It, useMergeRefs as wr, FloatingPortal as Tt, FloatingArrow as xn, autoPlacement as Dn, size as Sn, useClick as Ln, FloatingFocusManager as xr, FloatingOverlay as In } from "@floating-ui/react";
+import { useFloating as Dt, offset as Cr, flip as vr, shift as br, arrow as yn, autoUpdate as yr, useHover as wr, useFocus as wn, useDismiss as St, useRole as Lt, useInteractions as It, useMergeRefs as xr, FloatingPortal as Tt, FloatingArrow as xn, autoPlacement as Dn, size as Sn, useClick as Ln, FloatingFocusManager as Dr, FloatingOverlay as In } from "@floating-ui/react";
 import * as E from "react";
-import { createContext as Dr, useState as G, useRef as le, useMemo as j, useContext as Sr, forwardRef as Lr, isValidElement as Ot, cloneElement as qe, useCallback as A, useEffect as ne, memo as Tn, useLayoutEffect as On, useId as Ir, Children as En } from "react";
-import { IconInfoCircle as Tr, IconCircleCheck as Nn, IconAlertTriangle as kn, IconAlertCircle as Pn, IconX as _e, IconMinus as Rn, IconCheck as Or, IconExclamationCircle as Et, IconClipboardX as Er, IconChevronsLeft as Mn, IconChevronsRight as Vn, IconGripVertical as Hn, IconFile as An, IconFileTypeZip as Fn, IconFileTypeXml as _n, IconFileTypeXls as zn, IconFileTypeVue as jn, IconFileTypeTxt as Bn, IconFileTypeTsx as Gn, IconFileTypeTs as $n, IconFileTypeSvg as Wn, IconFileTypeSql as Un, IconFileTypeRs as qn, IconFileTypePpt as Zn, IconFileTypePng as Xn, IconFileTypePhp as Yn, IconFileTypePdf as Kn, IconFileTypeJsx as Jn, IconFileTypeJs as Qn, IconFileTypeJpg as eo, IconFileTypeHtml as to, IconFileTypeDocx as ro, IconFileTypeDoc as no, IconFileTypeCsv as oo, IconFileTypeCss as so, IconFileTypeBmp as io, IconArrowUpRight as ao, IconFolder as lo, IconChevronDown as Nt, IconDotsVertical as co, IconChevronRight as uo, IconTrashX as Nr, IconSearch as fo, IconEyeOff as po, IconEye as ho, IconPlus as go, IconChevronUp as mo } from "@tabler/icons-react";
+import { createContext as Sr, useState as G, useRef as le, useMemo as j, useContext as Lr, forwardRef as Ir, isValidElement as Ot, cloneElement as qe, useCallback as A, useEffect as ne, memo as Tn, useLayoutEffect as On, useId as Tr, Children as En } from "react";
+import { IconInfoCircle as Or, IconCircleCheck as Nn, IconAlertTriangle as kn, IconAlertCircle as Pn, IconX as _e, IconMinus as Rn, IconCheck as Er, IconExclamationCircle as Et, IconClipboardX as Nr, IconChevronsLeft as Mn, IconChevronsRight as Vn, IconGripVertical as Hn, IconFile as An, IconFileTypeZip as Fn, IconFileTypeXml as _n, IconFileTypeXls as zn, IconFileTypeVue as jn, IconFileTypeTxt as Bn, IconFileTypeTsx as Gn, IconFileTypeTs as $n, IconFileTypeSvg as Wn, IconFileTypeSql as Un, IconFileTypeRs as qn, IconFileTypePpt as Zn, IconFileTypePng as Xn, IconFileTypePhp as Yn, IconFileTypePdf as Kn, IconFileTypeJsx as Jn, IconFileTypeJs as Qn, IconFileTypeJpg as eo, IconFileTypeHtml as to, IconFileTypeDocx as ro, IconFileTypeDoc as no, IconFileTypeCsv as oo, IconFileTypeCss as so, IconFileTypeBmp as io, IconArrowUpRight as ao, IconFolder as lo, IconChevronDown as Nt, IconDotsVertical as co, IconChevronRight as uo, IconTrashX as kr, IconSearch as fo, IconEyeOff as po, IconEye as ho, IconPlus as go, IconChevronUp as mo } from "@tabler/icons-react";
 import { createPortal as Co } from "react-dom";
-const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "text-error dial-tiny mt-1", children: e }), U = ({ icon: e, className: t }) => e ? /* @__PURE__ */ i("span", { className: w("flex-shrink-0", t), children: e }) : null, vo = 7, bo = 2, kr = Dr(null), Pr = () => {
-  const e = Sr(kr);
+const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "text-error dial-tiny mt-1", children: e }), U = ({ icon: e, className: t }) => e ? /* @__PURE__ */ i("span", { className: w("flex-shrink-0", t), children: e }) : null, vo = 7, bo = 2, Pr = Sr(null), Rr = () => {
+  const e = Lr(Pr);
   if (e == null)
     throw new Error("Tooltip components must be wrapped in <Tooltip />");
   return e;
@@ -21,20 +21,20 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
     placement: t,
     open: c,
     onOpenChange: d,
-    whileElementsMounted: br,
+    whileElementsMounted: yr,
     middleware: [
-      mr(vo + bo),
-      Cr({
+      Cr(vo + bo),
+      vr({
         crossAxis: t.includes("-"),
         fallbackAxisSideDirection: "start",
         padding: 5
       }),
-      vr({ padding: 5 }),
+      br({ padding: 5 }),
       yn({
         element: l
       })
     ]
-  }), p = yr(u.context, {
+  }), p = wr(u.context, {
     move: !1,
     enabled: n == null,
     mouseOnly: r,
@@ -52,14 +52,14 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
     }),
     [c, d, g, u]
   );
-}, Rr = ({
+}, Mr = ({
   children: e,
   ...t
 }) => {
   const r = yo(t);
-  return /* @__PURE__ */ i(kr.Provider, { value: r, children: e });
-}, Mr = Lr(function({ style: t, ...r }, n) {
-  const o = Pr(), s = wr([o.refs.setFloating, n]);
+  return /* @__PURE__ */ i(Pr.Provider, { value: r, children: e });
+}, Vr = Ir(function({ style: t, ...r }, n) {
+  const o = Rr(), s = xr([o.refs.setFloating, n]);
   return o.open ? /* @__PURE__ */ i(Tt, { id: "tooltip-portal", children: /* @__PURE__ */ x(
     "div",
     {
@@ -88,8 +88,8 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
       ]
     }
   ) }) : null;
-}), Vr = Lr(function({ children: t, asChild: r = !1, ...n }, o) {
-  const s = Pr(), l = t && typeof t == "object" && "ref" in t && t.ref !== void 0 ? t.ref : void 0, c = wr([s.refs.setReference, o, l]);
+}), Hr = Ir(function({ children: t, asChild: r = !1, ...n }, o) {
+  const s = Rr(), l = t && typeof t == "object" && "ref" in t && t.ref !== void 0 ? t.ref : void 0, c = xr([s.refs.setReference, o, l]);
   return r && Ot(t) ? qe(
     t,
     s.getReferenceProps({
@@ -113,10 +113,10 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
   triggerClassName: n,
   contentClassName: o,
   ...s
-}) => /* @__PURE__ */ x(Rr, { ...s, children: [
-  /* @__PURE__ */ i(Vr, { className: w(n, "truncate"), children: r }),
+}) => /* @__PURE__ */ x(Mr, { ...s, children: [
+  /* @__PURE__ */ i(Hr, { className: w(n, "truncate"), children: r }),
   /* @__PURE__ */ i(
-    Mr,
+    Vr,
     {
       className: w(
         "text-primary",
@@ -135,17 +135,17 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
   return {
     getClassGroupId: (a) => {
       const l = a.split(kt);
-      return l[0] === "" && l.length !== 1 && l.shift(), Hr(l, t) || xo(a);
+      return l[0] === "" && l.length !== 1 && l.shift(), Ar(l, t) || xo(a);
     },
     getConflictingClassGroupIds: (a, l) => {
       const c = r[a] || [];
       return l && n[a] ? [...c, ...n[a]] : c;
     }
   };
-}, Hr = (e, t) => {
+}, Ar = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], n = t.nextPart.get(r), o = n ? Hr(e.slice(1), n) : void 0;
+  const r = e[0], n = t.nextPart.get(r), o = n ? Ar(e.slice(1), n) : void 0;
   if (o)
     return o;
   if (t.validators.length === 0)
@@ -154,9 +154,9 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
   return t.validators.find(({
     validator: a
   }) => a(s))?.classGroupId;
-}, Gt = /^\[(.+)\]$/, xo = (e) => {
-  if (Gt.test(e)) {
-    const t = Gt.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
+}, $t = /^\[(.+)\]$/, xo = (e) => {
+  if ($t.test(e)) {
+    const t = $t.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
@@ -174,7 +174,7 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
 }, ht = (e, t, r, n) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const s = o === "" ? t : $t(t, o);
+      const s = o === "" ? t : Wt(t, o);
       s.classGroupId = r;
       return;
     }
@@ -190,10 +190,10 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
       return;
     }
     Object.entries(o).forEach(([s, a]) => {
-      ht(a, $t(t, s), r, n);
+      ht(a, Wt(t, s), r, n);
     });
   });
-}, $t = (e, t) => {
+}, Wt = (e, t) => {
   let r = e;
   return t.split(kt).forEach((n) => {
     r.nextPart.has(n) || r.nextPart.set(n, {
@@ -337,15 +337,15 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
 function Ro() {
   let e = 0, t, r, n = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = Ar(t)) && (n && (n += " "), n += r);
+    (t = arguments[e++]) && (r = Fr(t)) && (n && (n += " "), n += r);
   return n;
 }
-const Ar = (e) => {
+const Fr = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let n = 0; n < e.length; n++)
-    e[n] && (t = Ar(e[n])) && (r && (r += " "), r += t);
+    e[n] && (t = Fr(e[n])) && (r && (r += " "), r += t);
   return r;
 };
 function Mo(e, ...t) {
@@ -368,18 +368,18 @@ function Mo(e, ...t) {
 const Z = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, Fr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, _r = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Vo = /^\d+\/\d+$/, Ho = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ao = /\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$/, Fo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, _o = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, zo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ie = (e) => Vo.test(e), P = (e) => !!e && !Number.isNaN(Number(e)), me = (e) => !!e && Number.isInteger(Number(e)), st = (e) => e.endsWith("%") && P(e.slice(0, -1)), fe = (e) => Ho.test(e), jo = () => !0, Bo = (e) => (
+}, _r = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, zr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Vo = /^\d+\/\d+$/, Ho = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ao = /\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$/, Fo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, _o = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, zo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ie = (e) => Vo.test(e), P = (e) => !!e && !Number.isNaN(Number(e)), me = (e) => !!e && Number.isInteger(Number(e)), st = (e) => e.endsWith("%") && P(e.slice(0, -1)), fe = (e) => Ho.test(e), jo = () => !0, Bo = (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.
   Ao.test(e) && !Fo.test(e)
-), zr = () => !1, Go = (e) => _o.test(e), $o = (e) => zo.test(e), Wo = (e) => !S(e) && !L(e), Uo = (e) => ke(e, Gr, zr), S = (e) => Fr.test(e), ye = (e) => ke(e, $r, Bo), it = (e) => ke(e, Ko, P), Wt = (e) => ke(e, jr, zr), qo = (e) => ke(e, Br, $o), Be = (e) => ke(e, Wr, Go), L = (e) => _r.test(e), Ve = (e) => Pe(e, $r), Zo = (e) => Pe(e, Jo), Ut = (e) => Pe(e, jr), Xo = (e) => Pe(e, Gr), Yo = (e) => Pe(e, Br), Ge = (e) => Pe(e, Wr, !0), ke = (e, t, r) => {
-  const n = Fr.exec(e);
+), jr = () => !1, Go = (e) => _o.test(e), $o = (e) => zo.test(e), Wo = (e) => !S(e) && !L(e), Uo = (e) => ke(e, $r, jr), S = (e) => _r.test(e), ye = (e) => ke(e, Wr, Bo), it = (e) => ke(e, Ko, P), Ut = (e) => ke(e, Br, jr), qo = (e) => ke(e, Gr, $o), Be = (e) => ke(e, Ur, Go), L = (e) => zr.test(e), Ve = (e) => Pe(e, Wr), Zo = (e) => Pe(e, Jo), qt = (e) => Pe(e, Br), Xo = (e) => Pe(e, $r), Yo = (e) => Pe(e, Gr), Ge = (e) => Pe(e, Ur, !0), ke = (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 = _r.exec(e);
+  const n = zr.exec(e);
   return n ? n[1] ? t(n[1]) : r : !1;
-}, jr = (e) => e === "position" || e === "percentage", Br = (e) => e === "image" || e === "url", Gr = (e) => e === "length" || e === "size" || e === "bg-size", $r = (e) => e === "length", Ko = (e) => e === "number", Jo = (e) => e === "family-name", Wr = (e) => e === "shadow", Qo = () => {
+}, 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", Ko = (e) => e === "number", Jo = (e) => e === "family-name", Ur = (e) => e === "shadow", Qo = () => {
   const e = Z("color"), t = Z("font"), r = Z("text"), n = Z("font-weight"), o = Z("tracking"), s = Z("leading"), a = Z("breakpoint"), l = Z("container"), c = Z("spacing"), d = Z("radius"), u = Z("shadow"), p = Z("inset-shadow"), h = Z("text-shadow"), f = Z("drop-shadow"), C = Z("blur"), g = Z("perspective"), D = Z("aspect"), b = Z("ease"), v = Z("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
     "center",
     "top",
@@ -400,7 +400,7 @@ const Z = (e) => {
     "left-bottom"
   ], k = () => [...O(), L, S], R = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], I = () => [L, S, c], W = () => [Ie, "full", "auto", ...I()], z = () => [me, "none", "subgrid", L, S], M = () => ["auto", {
     span: ["full", me, L, S]
-  }, me, L, S], V = () => [me, "auto", L, S], ee = () => ["auto", "min", "max", "fr", L, S], 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, L, S], ue = () => [...O(), Ut, Wt, {
+  }, me, L, S], V = () => [me, "auto", L, S], ee = () => ["auto", "min", "max", "fr", L, S], 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, L, S], ue = () => [...O(), qt, Ut, {
     position: [L, S]
   }], he = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -414,7 +414,7 @@ const Z = (e) => {
     d,
     L,
     S
-  ], K = () => ["", P, Ve, ye], m = () => ["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 = () => [P, st, Ut, Wt], ce = () => [
+  ], K = () => ["", P, Ve, ye], m = () => ["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 = () => [P, st, qt, Ut], ce = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2875,7 +2875,7 @@ const Re = ({
       s && /* @__PURE__ */ i(Le, { tooltip: s, children: /* @__PURE__ */ i(
         U,
         {
-          icon: /* @__PURE__ */ i(Tr, { size: 14, className: "text-secondary" })
+          icon: /* @__PURE__ */ i(Or, { size: 14, className: "text-secondary" })
         }
       ) })
     ]
@@ -2930,7 +2930,7 @@ const ts = {
 };
 var Ee = /* @__PURE__ */ ((e) => (e.Info = "info", e.Success = "success", e.Warning = "warning", e.Error = "error", e))(Ee || {});
 const rs = {
-  info: /* @__PURE__ */ i(Tr, { size: 24, stroke: 2 }),
+  info: /* @__PURE__ */ i(Or, { size: 24, stroke: 2 }),
   error: /* @__PURE__ */ i(Pn, { size: 24, stroke: 2 }),
   warning: /* @__PURE__ */ i(kn, { size: 24, stroke: 2 }),
   success: /* @__PURE__ */ i(Nn, { size: 24, stroke: 2 })
@@ -2970,7 +2970,7 @@ const rs = {
       )
     ]
   }
-), ss = "flex items-center justify-center text-secondary", is = "shrink-0 grow-0 basis-auto animate-spin-steps", as = (e) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ E.createElement("path", { d: "M24 39V46.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.4, d: "M9 24H1.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.5, d: "M8.0918 8.0918L13.3994 13.3994", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.6, d: "M24 1.5V9", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.7, d: "M39.9121 8.08594L37.2607 10.7373L34.6094 13.3887", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.8, d: "M46.5 24H39", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.9, d: "M34.6055 34.6055L39.9082 39.9082", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.3, d: "M13.3936 34.6055L8.08594 39.9131", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" })), Ur = ({
+), ss = "flex items-center justify-center text-secondary", is = "shrink-0 grow-0 basis-auto animate-spin-steps", as = (e) => /* @__PURE__ */ E.createElement("svg", { viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ E.createElement("path", { d: "M24 39V46.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.4, d: "M9 24H1.5", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.5, d: "M8.0918 8.0918L13.3994 13.3994", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.6, d: "M24 1.5V9", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.7, d: "M39.9121 8.08594L37.2607 10.7373L34.6094 13.3887", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.8, d: "M46.5 24H39", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.9, d: "M34.6055 34.6055L39.9082 39.9082", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ E.createElement("path", { opacity: 0.3, d: "M13.3936 34.6055L8.08594 39.9131", stroke: "currentColor", strokeWidth: 3, strokeLinecap: "round", strokeLinejoin: "round" })), Pt = ({
   size: e = 18,
   cssClass: t,
   iconClass: r,
@@ -3033,9 +3033,9 @@ const rs = {
     () => typeof e == "string" ? e : c,
     [c, e]
   ), C = j(() => n ? "" : a ? f : "", [f, n, a]);
-  return /* @__PURE__ */ x(Rr, { ...o, children: [
+  return /* @__PURE__ */ x(Mr, { ...o, children: [
     /* @__PURE__ */ i(
-      Vr,
+      Hr,
       {
         asChild: !0,
         ref: s,
@@ -3057,7 +3057,7 @@ const rs = {
       }
     ),
     /* @__PURE__ */ i(
-      Mr,
+      Vr,
       {
         className: _(
           ls,
@@ -3068,7 +3068,7 @@ const rs = {
       }
     )
   ] });
-}, qt = ({
+}, Zt = ({
   label: e,
   id: t,
   checked: r,
@@ -3093,7 +3093,7 @@ const rs = {
     o ? "bg-layer-4 border-icon-secondary" : ""
   );
   return /* @__PURE__ */ x("label", { className: d, htmlFor: t, children: [
-    n ? /* @__PURE__ */ i(Rn, { className: u, ...X }) : r ? /* @__PURE__ */ i(Or, { className: u, ...X }) : null,
+    n ? /* @__PURE__ */ i(Rn, { className: u, ...X }) : r ? /* @__PURE__ */ i(Er, { className: u, ...X }) : null,
     e && (typeof e == "string" ? /* @__PURE__ */ i(ve, { text: e, cssClass: "text-primary" }) : e),
     /* @__PURE__ */ i(
       "input",
@@ -3155,7 +3155,7 @@ const cs = (e, 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(Or, { stroke: 2, size: 16 }) : t + 1;
+  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(Er, { stroke: 2, size: 16 }) : t + 1;
   return /* @__PURE__ */ x(
     "button",
     {
@@ -3244,7 +3244,7 @@ var Ze = /* @__PURE__ */ ((e) => (e.Vertical = "vertical", e.Horizontal = "horiz
 const ps = "w-full flex", hs = {
   [Ze.Vertical]: "flex-col",
   [Ze.Horizontal]: "flex-row items-end"
-}, Pt = ({
+}, Rt = ({
   elementId: e,
   label: t,
   optional: r,
@@ -3357,7 +3357,7 @@ const gs = "flex", ms = "pb-1 mt-2", Cs = {
   orientation: g,
   onChange: D
 }) => /* @__PURE__ */ i(
-  Pt,
+  Rt,
   {
     elementId: h,
     label: e,
@@ -3423,7 +3423,7 @@ const gs = "flex", ms = "pb-1 mt-2", Cs = {
   title: t,
   description: r
 }) => /* @__PURE__ */ x("div", { className: "h-full w-full flex flex-col items-center justify-center text-secondary", children: [
-  e || /* @__PURE__ */ i(Er, { width: 60, height: 60 }),
+  e || /* @__PURE__ */ i(Nr, { 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 })
 ] }), ys = 60, Ja = ({
@@ -3509,15 +3509,15 @@ const gs = "flex", ms = "pb-1 mt-2", Cs = {
     ]
   }
 );
-var Rt = /* @__PURE__ */ ((e) => (e.Default = "default", e))(Rt || {});
+var Mt = /* @__PURE__ */ ((e) => (e.Default = "default", e))(Mt || {});
 const ws = {
-  [Rt.Default]: "border-icon-secondary bg-layer-3"
+  [Mt.Default]: "border-icon-secondary bg-layer-3"
   // TODO: Add other variants here once they are finalized with the UI/UX team
-}, Mt = ({
+}, Vt = ({
   tag: e,
   cssClass: t,
   remove: r,
-  variant: n = Rt.Default,
+  variant: n = Mt.Default,
   iconBefore: o,
   bordered: s = !0
 }) => {
@@ -3538,19 +3538,19 @@ const ws = {
       }
     )
   ] }, e);
-}, qr = Dr({
+}, qr = Sr({
   dragDropManager: void 0
 });
 function se(e) {
   return "Minified Redux error #" + e + "; visit https://redux.js.org/Errors?code=" + e + " for the full message or use the non-minified dev environment for full errors. ";
 }
-var Zt = (function() {
+var Xt = (function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
-})(), Xt = function() {
+})(), Yt = function() {
   return Math.random().toString(36).substring(7).split("").join(".");
-}, Yt = {
-  INIT: "@@redux/INIT" + Xt(),
-  REPLACE: "@@redux/REPLACE" + Xt()
+}, Kt = {
+  INIT: "@@redux/INIT" + Yt(),
+  REPLACE: "@@redux/REPLACE" + Yt()
 };
 function xs(e) {
   if (typeof e != "object" || e === null) return !1;
@@ -3656,7 +3656,7 @@ function Zr(e, t, r) {
     if (typeof g != "function")
       throw new Error(process.env.NODE_ENV === "production" ? se(10) : "Expected the nextReducer to be a function. Instead, received: '" + Te(g));
     o = g, h({
-      type: Yt.REPLACE
+      type: Kt.REPLACE
     });
   }
   function C() {
@@ -3682,18 +3682,18 @@ function Zr(e, t, r) {
           unsubscribe: O
         };
       }
-    }, g[Zt] = function() {
+    }, g[Xt] = function() {
       return this;
     }, g;
   }
   return h({
-    type: Yt.INIT
+    type: Kt.INIT
   }), n = {
     dispatch: h,
     subscribe: p,
     getState: u,
     replaceReducer: f
-  }, n[Zt] = C, n;
+  }, n[Xt] = C, n;
 }
 function N(e, t, ...r) {
   if (Ts() && t === void 0)
@@ -3743,10 +3743,10 @@ function ks(e, t) {
     (r) => t.indexOf(r) > -1
   );
 }
-const Vt = "dnd-core/INIT_COORDS", Qe = "dnd-core/BEGIN_DRAG", Ht = "dnd-core/PUBLISH_DRAG_SOURCE", et = "dnd-core/HOVER", tt = "dnd-core/DROP", rt = "dnd-core/END_DRAG";
-function Kt(e, t) {
+const Ht = "dnd-core/INIT_COORDS", Qe = "dnd-core/BEGIN_DRAG", At = "dnd-core/PUBLISH_DRAG_SOURCE", et = "dnd-core/HOVER", tt = "dnd-core/DROP", rt = "dnd-core/END_DRAG";
+function Jt(e, t) {
   return {
-    type: Vt,
+    type: Ht,
     payload: {
       sourceClientOffset: t || null,
       clientOffset: e || null
@@ -3754,7 +3754,7 @@ function Kt(e, t) {
   };
 }
 const Ps = {
-  type: Vt,
+  type: Ht,
   payload: {
     clientOffset: null,
     sourceClientOffset: null
@@ -3765,7 +3765,7 @@ function Rs(e) {
     publishSource: !0
   }) {
     const { publishSource: o = !0, clientOffset: s, getSourceClientOffset: a } = n, l = e.getMonitor(), c = e.getRegistry();
-    e.dispatch(Kt(s)), Ms(r, l, c);
+    e.dispatch(Jt(s)), Ms(r, l, c);
     const d = As(r, l);
     if (d == null) {
       e.dispatch(Ps);
@@ -3777,7 +3777,7 @@ function Rs(e) {
         throw new Error("getSourceClientOffset must be defined");
       Vs(a), u = a(d);
     }
-    e.dispatch(Kt(s, u));
+    e.dispatch(Jt(s, u));
     const h = c.getSource(d).beginDrag(l, d);
     if (h == null)
       return;
@@ -3922,7 +3922,7 @@ function Js(e) {
   return function() {
     if (e.getMonitor().isDragging())
       return {
-        type: Ht
+        type: At
       };
   };
 }
@@ -3992,11 +3992,11 @@ function ni(e) {
   const { clientOffset: t, initialClientOffset: r } = e;
   return !t || !r ? null : Yr(t, r);
 }
-const Ae = [], At = [];
+const Ae = [], Ft = [];
 Ae.__IS_NONE__ = !0;
-At.__IS_ALL__ = !0;
+Ft.__IS_ALL__ = !0;
 function oi(e, t) {
-  return e === Ae ? !1 : e === At || typeof t > "u" ? !0 : ks(t, e).length > 0;
+  return e === Ae ? !1 : e === Ft || typeof t > "u" ? !0 : ks(t, e).length > 0;
 }
 class si {
   subscribeToStateChange(t, r = {}) {
@@ -4106,7 +4106,7 @@ class si {
     this.store = t, this.registry = r;
   }
 }
-const Jt = typeof global < "u" ? global : self, Kr = Jt.MutationObserver || Jt.WebKitMutationObserver;
+const Qt = typeof global < "u" ? global : self, Kr = Qt.MutationObserver || Qt.WebKitMutationObserver;
 function Jr(e) {
   return function() {
     const r = setTimeout(o, 0), n = setInterval(o, 50);
@@ -4228,10 +4228,10 @@ const Qr = new li(), ui = new di(Qr.registerPendingError);
 function fi(e) {
   Qr.enqueueTask(ui.create(e));
 }
-const Ft = "dnd-core/ADD_SOURCE", _t = "dnd-core/ADD_TARGET", zt = "dnd-core/REMOVE_SOURCE", nt = "dnd-core/REMOVE_TARGET";
+const _t = "dnd-core/ADD_SOURCE", zt = "dnd-core/ADD_TARGET", jt = "dnd-core/REMOVE_SOURCE", nt = "dnd-core/REMOVE_TARGET";
 function pi(e) {
   return {
-    type: Ft,
+    type: _t,
     payload: {
       sourceId: e
     }
@@ -4239,7 +4239,7 @@ function pi(e) {
 }
 function hi(e) {
   return {
-    type: _t,
+    type: zt,
     payload: {
       targetId: e
     }
@@ -4247,7 +4247,7 @@ function hi(e) {
 }
 function gi(e) {
   return {
-    type: zt,
+    type: jt,
     payload: {
       sourceId: e
     }
@@ -4295,7 +4295,7 @@ function wi(e) {
       throw new Error(`Unknown Handler Role: ${e}`);
   }
 }
-function Qt(e) {
+function er(e) {
   switch (e[0]) {
     case "S":
       return ie.SOURCE;
@@ -4305,7 +4305,7 @@ function Qt(e) {
       throw new Error(`Cannot parse handler ID: ${e}`);
   }
 }
-function er(e, t) {
+function tr(e, t) {
   const r = e.entries();
   let n = !1;
   do {
@@ -4328,7 +4328,7 @@ class xi {
     return this.store.dispatch(hi(n)), n;
   }
   containsHandler(t) {
-    return er(this.dragSources, t) || er(this.dropTargets, t);
+    return tr(this.dragSources, t) || tr(this.dropTargets, t);
   }
   getSource(t, r = !1) {
     return N(this.isSourceId(t), "Expected a valid source ID."), r && t === this.pinnedSourceId ? this.pinnedSource : this.dragSources.get(t);
@@ -4343,10 +4343,10 @@ class xi {
     return N(this.isTargetId(t), "Expected a valid target ID."), this.types.get(t);
   }
   isSourceId(t) {
-    return Qt(t) === ie.SOURCE;
+    return er(t) === ie.SOURCE;
   }
   isTargetId(t) {
-    return Qt(t) === ie.TARGET;
+    return er(t) === ie.TARGET;
   }
   removeSource(t) {
     N(this.getSource(t), "Expected an existing source."), this.store.dispatch(gi(t)), fi(() => {
@@ -4387,17 +4387,17 @@ function Ii(e = Ae, t) {
   switch (t.type) {
     case et:
       break;
-    case Ft:
     case _t:
-    case nt:
     case zt:
+    case nt:
+    case jt:
       return Ae;
     case Qe:
-    case Ht:
+    case At:
     case rt:
     case tt:
     default:
-      return At;
+      return Ft;
   }
   const { targetIds: r = [], prevTargetIds: n = [] } = t.payload, o = Ns(r, n);
   if (!(o.length > 0 || !Li(r, n)))
@@ -4424,15 +4424,15 @@ function Oi(e) {
   }
   return e;
 }
-const tr = {
+const rr = {
   initialSourceClientOffset: null,
   initialClientOffset: null,
   clientOffset: null
 };
-function Ei(e = tr, t) {
+function Ei(e = rr, t) {
   const { payload: r } = t;
   switch (t.type) {
-    case Vt:
+    case Ht:
     case Qe:
       return {
         initialSourceClientOffset: r.sourceClientOffset,
@@ -4445,7 +4445,7 @@ function Ei(e = tr, t) {
       });
     case rt:
     case tt:
-      return tr;
+      return rr;
     default:
       return e;
   }
@@ -4490,7 +4490,7 @@ function Pi(e = ki, t) {
         dropResult: null,
         didDrop: !1
       });
-    case Ht:
+    case At:
       return Oe({}, e, {
         isSourcePublic: !0
       });
@@ -4524,10 +4524,10 @@ function Pi(e = ki, t) {
 }
 function Ri(e = 0, t) {
   switch (t.type) {
-    case Ft:
     case _t:
-      return e + 1;
     case zt:
+      return e + 1;
+    case jt:
     case nt:
       return e - 1;
     default:
@@ -4598,7 +4598,7 @@ function ji(e, t) {
     o = n[s], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-let rr = 0;
+let nr = 0;
 const Ue = Symbol.for("__REACT_DND_CONTEXT_INSTANCE__");
 var Bi = /* @__PURE__ */ Tn(function(t) {
   var { children: r } = t, n = zi(t, [
@@ -4608,8 +4608,8 @@ var Bi = /* @__PURE__ */ Tn(function(t) {
   return ne(() => {
     if (s) {
       const a = en();
-      return ++rr, () => {
-        --rr === 0 && (a[Ue] = null);
+      return ++nr, () => {
+        --nr === 0 && (a[Ue] = null);
       };
     }
   }, []), /* @__PURE__ */ i(qr.Provider, {
@@ -4643,9 +4643,9 @@ function en() {
 function Wi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var at, nr;
+var at, or;
 function Ui() {
-  return nr || (nr = 1, at = function e(t, r) {
+  return or || (or = 1, at = function e(t, r) {
     if (t === r) return !0;
     if (t && r && typeof t == "object" && typeof r == "object") {
       if (t.constructor !== r.constructor) return !1;
@@ -4942,14 +4942,14 @@ function nn(e) {
     }
   }), t;
 }
-function or(e, t) {
+function sr(e, t) {
   typeof e == "function" ? e(t) : e.current = t;
 }
 function s1(e, t) {
   const r = e.ref;
   return N(typeof r != "string", "Cannot connect React DnD to an element with an existing string ref. Please convert it to use a callback ref instead, or wrap it into a <span> or <div>. Read more: https://reactjs.org/docs/refs-and-the-dom.html#callback-refs"), r ? qe(e, {
     ref: (n) => {
-      or(r, n), or(t, n);
+      sr(r, n), sr(t, n);
     }
   }) : qe(e, {
     ref: t
@@ -5088,7 +5088,7 @@ class a1 {
   }
 }
 function Me() {
-  const { dragDropManager: e } = Sr(qr);
+  const { dragDropManager: e } = Lr(qr);
   return N(e != null, "Expected drag drop context"), e;
 }
 function l1(e, t) {
@@ -5273,7 +5273,7 @@ function on(e, t) {
     g1(o)
   ];
 }
-const sr = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secondary", el = ({
+const ir = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secondary", el = ({
   id: e,
   children: t,
   cssClass: r,
@@ -5283,7 +5283,7 @@ const sr = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secon
 }) => {
   const a = le(null), l = le(null), c = typeof n == "function" ? n(e) : -1, [{ isDragging: d }, u, p] = h1(
     () => ({
-      type: sr,
+      type: ir,
       item: { id: e, originalIndex: c },
       collect: (f) => {
         const C = f.getItem();
@@ -5299,7 +5299,7 @@ const sr = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secon
     [e, c, o]
   ), [, h] = on(
     () => ({
-      accept: sr,
+      accept: ir,
       hover: (f) => {
         if (!(!f || f.id === e) && typeof n == "function" && typeof o == "function") {
           const C = n(e);
@@ -5344,7 +5344,7 @@ const sr = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secon
     height: Number(t.size ?? X.size),
     className: t.className
   }
-), ir = {
+), ar = {
   ".bmp": (e) => B(io, e),
   ".cpp": (e) => we(S1, e),
   ".c": (e) => we(L1, e),
@@ -5388,7 +5388,7 @@ const sr = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secon
   const l = (() => {
     const p = e.trim().toLowerCase();
     return p.startsWith(".") ? p : `.${p}`;
-  })(), d = (ir[l] ?? ir.default)({
+  })(), d = (ar[l] ?? ar.default)({
     size: t,
     stroke: r
   }), u = s ?? `${l.slice(1).toUpperCase()} file icon`;
@@ -5451,31 +5451,35 @@ const sr = "column", x1 = "flex items-center", D1 = "mr-3 cursor-move text-secon
 }, rl = ({
   name: e,
   cssClass: t,
-  shared: r = !1
-}) => /* @__PURE__ */ x("div", { className: _("flex items-center gap-2 w-full", t), children: [
-  /* @__PURE__ */ x("span", { className: "inline-flex relative text-secondary", role: "img", children: [
+  shared: r = !1,
+  loading: n = !1
+}) => {
+  const o = () => n ? /* @__PURE__ */ i(Pt, {}) : /* @__PURE__ */ i(
+    U,
+    {
+      icon: /* @__PURE__ */ i(lo, { ...X }),
+      className: "inline-block align-middle"
+    }
+  );
+  return /* @__PURE__ */ x("div", { className: _("flex items-center gap-2 w-full", t), children: [
+    /* @__PURE__ */ x("span", { className: "inline-flex relative text-secondary", role: "img", children: [
+      o(),
+      r && /* @__PURE__ */ i("span", { className: "absolute -bottom-0.5 -left-0.5", children: /* @__PURE__ */ i(sn, {}) })
+    ] }),
     /* @__PURE__ */ i(
-      U,
+      ve,
       {
-        icon: /* @__PURE__ */ i(lo, { ...X }),
-        className: "inline-block align-middle"
+        cssClass: "text-primary dial-small flex-1 min-w-0",
+        text: e
       }
-    ),
-    r && /* @__PURE__ */ i("span", { className: "absolute -bottom-0.5 -left-0.5", children: /* @__PURE__ */ i(sn, {}) })
-  ] }),
-  /* @__PURE__ */ i(
-    ve,
-    {
-      cssClass: "text-primary dial-small flex-1 min-w-0",
-      text: e
-    }
-  )
-] });
+    )
+  ] });
+};
 var wt = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(wt || {});
-const ar = () => typeof window < "u" && window.innerWidth < 1024, P1 = () => {
-  const [e, t] = G(ar());
+const lr = () => typeof window < "u" && window.innerWidth < 1024, P1 = () => {
+  const [e, t] = G(lr());
   return ne(() => {
-    const r = () => t(ar());
+    const r = () => t(lr());
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
   }, []), e;
 };
@@ -5529,20 +5533,20 @@ const M1 = w(
       O || y(m), c?.(m);
     },
     [O, c]
-  ), $ = Ir(), I = o === void 0, W = (m) => "clientWidth" in m ? m.clientWidth : m.getBoundingClientRect?.()?.width ?? 0, { refs: z, floatingStyles: M, context: V } = Dt({
+  ), $ = Tr(), I = o === void 0, W = (m) => "clientWidth" in m ? m.clientWidth : m.getBoundingClientRect?.()?.width ?? 0, { refs: z, floatingStyles: M, context: V } = Dt({
     placement: o,
     open: k,
     onOpenChange: R,
-    whileElementsMounted: br,
+    whileElementsMounted: yr,
     middleware: [
-      mr({ mainAxis: He, crossAxis: 0 }),
+      Cr({ mainAxis: He, crossAxis: 0 }),
       I ? Dn({
         alignment: "start",
         crossAxis: !0,
         padding: He,
         allowedPlacements: g
-      }) : Cr({ padding: He }),
-      vr({ padding: He }),
+      }) : vr({ padding: He }),
+      br({ padding: He }),
       Sn({
         padding: He,
         apply({ availableWidth: m, availableHeight: H, elements: F }) {
@@ -5559,7 +5563,7 @@ const M1 = w(
     ]
   }), ee = Ln(V, {
     enabled: n.includes(xe.Click) && !s
-  }), de = yr(V, {
+  }), de = wr(V, {
     enabled: n.includes(xe.Hover) && !s,
     move: !1,
     restMs: 40,
@@ -5683,7 +5687,7 @@ const M1 = w(
       }
     ),
     k && /* @__PURE__ */ i(Tt, { children: /* @__PURE__ */ i(
-      xr,
+      Dr,
       {
         context: V,
         modal: !1,
@@ -5759,7 +5763,7 @@ const M1 = w(
       ]
     }
   );
-}, lr = 12, nl = ({
+}, cr = 12, nl = ({
   tabs: e,
   activeTab: t,
   onClick: r,
@@ -5784,10 +5788,10 @@ const M1 = w(
     if (!v || !y) return;
     const O = v.offsetLeft, k = O + v.offsetWidth, R = y.scrollLeft, $ = R + y.clientWidth;
     O < R ? y.scrollTo({
-      left: O - lr,
+      left: O - cr,
       behavior: "smooth"
     }) : k > $ && y.scrollTo({
-      left: k - y.clientWidth + lr,
+      left: k - y.clientWidth + cr,
       behavior: "smooth"
     });
   }, [t]), u ? /* @__PURE__ */ i("div", { className: "h-11 flex items-center bg-layer-3 px-4", children: /* @__PURE__ */ i(
@@ -5887,7 +5891,7 @@ const M1 = w(
       ) })
     ] })
   );
-}, z1 = "w-full overflow-x-auto", j1 = "flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap", B1 = "flex items-center gap-2 min-w-0 shrink-0 dial-small", cr = "inline-flex items-center gap-1 min-w-0 transition-colors", G1 = "text-secondary hover:text-accent-primary", $1 = "text-primary cursor-default", W1 = "flex-none inline-flex items-center leading-none text-icon-secondary", cn = /* @__PURE__ */ i(uo, { size: 16, "aria-hidden": "true" }), U1 = ({
+}, z1 = "w-full overflow-x-auto", j1 = "flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap", B1 = "flex items-center gap-2 min-w-0 shrink-0 dial-small", dr = "inline-flex items-center gap-1 min-w-0 transition-colors", G1 = "text-secondary hover:text-accent-primary", $1 = "text-primary cursor-default", W1 = "flex-none inline-flex items-center leading-none text-icon-secondary", cn = /* @__PURE__ */ i(uo, { size: 16, "aria-hidden": "true" }), U1 = ({
   title: e,
   href: t,
   onClick: r,
@@ -5904,7 +5908,7 @@ const M1 = w(
       "a",
       {
         className: _(
-          cr,
+          dr,
           G1,
           c
         ),
@@ -5919,7 +5923,7 @@ const M1 = w(
       "span",
       {
         className: _(
-          cr,
+          dr,
           $1,
           n && "pointer-events-none opacity-75",
           c
@@ -5973,7 +5977,7 @@ const M1 = w(
 }) => /* @__PURE__ */ i(
   Q,
   {
-    iconBefore: /* @__PURE__ */ i(Nr, { ...X, className: e || "" }),
+    iconBefore: /* @__PURE__ */ i(kr, { ...X, className: e || "" }),
     ...t
   }
 ), X1 = ({
@@ -6188,7 +6192,7 @@ const M1 = w(
   defaultEmptyText: C,
   ...g
 }) => /* @__PURE__ */ i(
-  Pt,
+  Rt,
   {
     label: e ?? d,
     error: o ?? u,
@@ -6311,7 +6315,7 @@ const ea = "z-[52] flex items-center justify-center bg-blackout md:p-4", ta = "d
   [Ce.Sm]: "dial-sm-popup",
   [Ce.Md]: "dial-md-popup",
   [Ce.Lg]: "dial-lg-popup"
-}, jt = ({
+}, Bt = ({
   open: e = !1,
   title: t,
   portalId: r,
@@ -6342,7 +6346,7 @@ const ea = "z-[52] flex items-center justify-center bg-blackout md:p-4", ta = "d
       children: /* @__PURE__ */ i(Le, { tooltip: v, children: v })
     }
   ) : v : /* @__PURE__ */ i("span", {});
-  return /* @__PURE__ */ i(Tt, { id: r, children: /* @__PURE__ */ i(In, { className: w(ea, o), children: /* @__PURE__ */ i(xr, { context: h, children: /* @__PURE__ */ x(
+  return /* @__PURE__ */ i(Tt, { id: r, children: /* @__PURE__ */ i(In, { className: w(ea, o), children: /* @__PURE__ */ i(Dr, { context: h, children: /* @__PURE__ */ x(
     "div",
     {
       ref: p.setFloating,
@@ -6374,7 +6378,7 @@ const ea = "z-[52] flex items-center justify-center bg-blackout md:p-4", ta = "d
   ) }) }) });
 };
 var Ke = /* @__PURE__ */ ((e) => (e.Info = "info", e.Danger = "danger", e))(Ke || {});
-const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-150 px-6 py-4", ia = "Cancel", aa = "Ok", dr = {
+const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-150 px-6 py-4", ia = "Cancel", aa = "Ok", ur = {
   [Ke.Info]: {
     confirmVariant: J.Primary,
     cancelVariant: J.Secondary
@@ -6416,14 +6420,14 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
     /* @__PURE__ */ i(
       Q,
       {
-        variant: dr[g].confirmVariant,
+        variant: ur[g].confirmVariant,
         cssClass: d,
         title: o,
         disable: l,
         onClick: () => p()
       }
     )
-  ] }), y = A(() => a ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Ur, { size: 50 }) }) : f ?? (t ? /* @__PURE__ */ i(
+  ] }), y = A(() => a ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Pt, { size: 50 }) }) : f ?? (t ? /* @__PURE__ */ i(
     "div",
     {
       className: w(sa, r),
@@ -6431,11 +6435,11 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
     }
   ) : null), [f, t, a, r]);
   return /* @__PURE__ */ i(
-    jt,
+    Bt,
     {
       open: n,
       title: e,
-      cssClass: w(dr[g].container, c),
+      cssClass: w(ur[g].container, c),
       dividers: C,
       onClose: () => u?.(),
       footer: b ?? v,
@@ -6452,14 +6456,14 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
       t
     ),
     children: e?.map((n) => /* @__PURE__ */ i("li", { children: /* @__PURE__ */ i(Le, { tooltip: n, children: /* @__PURE__ */ i(
-      Mt,
+      Vt,
       {
         tag: n,
         cssClass: w([r])
       }
     ) }) }, n))
   }
-), ur = (e) => /* @__PURE__ */ E.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ E.createElement("path", { d: "M2.25 13.5V12C2.25 11.5858 2.58579 11.25 3 11.25C3.41421 11.25 3.75 11.5858 3.75 12V13.5C3.75 13.6989 3.82907 13.8896 3.96973 14.0303C4.11038 14.1709 4.30109 14.25 4.5 14.25H6C6.41421 14.25 6.75 14.5858 6.75 15C6.75 15.4142 6.41421 15.75 6 15.75H4.5C3.90326 15.75 3.33114 15.5128 2.90918 15.0908C2.48722 14.6689 2.25 14.0967 2.25 13.5ZM14.25 6V4.5C14.25 4.30109 14.1709 4.11038 14.0303 3.96973C13.8896 3.82907 13.6989 3.75 13.5 3.75H12C11.5858 3.75 11.25 3.41421 11.25 3C11.25 2.58579 11.5858 2.25 12 2.25H13.5C14.0967 2.25 14.6689 2.48722 15.0908 2.90918C15.5128 3.33114 15.75 3.90326 15.75 4.5V6C15.75 6.41421 15.4142 6.75 15 6.75C14.5858 6.75 14.25 6.41421 14.25 6Z", fill: "currentColor" })), la = ({
+), fr = (e) => /* @__PURE__ */ E.createElement("svg", { width: 18, height: 18, viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ E.createElement("path", { d: "M2.25 13.5V12C2.25 11.5858 2.58579 11.25 3 11.25C3.41421 11.25 3.75 11.5858 3.75 12V13.5C3.75 13.6989 3.82907 13.8896 3.96973 14.0303C4.11038 14.1709 4.30109 14.25 4.5 14.25H6C6.41421 14.25 6.75 14.5858 6.75 15C6.75 15.4142 6.41421 15.75 6 15.75H4.5C3.90326 15.75 3.33114 15.5128 2.90918 15.0908C2.48722 14.6689 2.25 14.0967 2.25 13.5ZM14.25 6V4.5C14.25 4.30109 14.1709 4.11038 14.0303 3.96973C13.8896 3.82907 13.6989 3.75 13.5 3.75H12C11.5858 3.75 11.25 3.41421 11.25 3C11.25 2.58579 11.5858 2.25 12 2.25H13.5C14.0967 2.25 14.6689 2.48722 15.0908 2.90918C15.5128 3.33114 15.75 3.90326 15.75 4.5V6C15.75 6.41421 15.4142 6.75 15 6.75C14.5858 6.75 14.25 6.41421 14.25 6Z", fill: "currentColor" })), la = ({
   children: e,
   open: t,
   disabled: r = !1,
@@ -6486,7 +6490,7 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
             U,
             {
               icon: /* @__PURE__ */ i(
-                ur,
+                fr,
                 {
                   role: "img",
                   width: Ne,
@@ -6521,7 +6525,7 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
                   U,
                   {
                     icon: /* @__PURE__ */ i(
-                      ur,
+                      fr,
                       {
                         role: "img",
                         width: Ne,
@@ -6581,7 +6585,7 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
         emptyValueText: c,
         onOpen: R,
         children: /* @__PURE__ */ i(
-          jt,
+          Bt,
           {
             open: O,
             onClose: $,
@@ -6659,9 +6663,9 @@ const oa = "flex justify-end gap-2 px-6 py-4", sa = "text-secondary dial-small-1
         onClick: () => d()
       }
     )
-  ] }), D = A(() => o ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Ur, { size: 50 }) }) : p ?? null, [p, o]);
+  ] }), D = A(() => o ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Pt, { size: 50 }) }) : p ?? null, [p, o]);
   return /* @__PURE__ */ i(
-    jt,
+    Bt,
     {
       open: t,
       title: e,
@@ -7002,7 +7006,7 @@ const fa = {
             ),
             children: [
               u.map((y, O) => /* @__PURE__ */ i(
-                Mt,
+                Vt,
                 {
                   tag: y,
                   remove: l ? void 0 : () => v(O)
@@ -7030,14 +7034,14 @@ const fa = {
     ),
     /* @__PURE__ */ i(De, { errorText: s })
   ] });
-}, ba = "dial-input flex px-3 py-2 w-full items-center justify-between gap-2 dial-small min-h-[38px]", ya = "w-full rounded", ut = "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", wa = "bg-accent-primary-alpha", xa = "bg-accent-primary-alpha border-l border-accent-primary border-1", fr = "opacity-75", Da = /* @__PURE__ */ i(Nt, { size: 16 }), pn = ({
+}, ba = "dial-input flex px-3 py-2 w-full items-center justify-between gap-2 dial-small min-h-[38px]", ya = "w-full rounded", ut = "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", wa = "bg-accent-primary-alpha", xa = "bg-accent-primary-alpha border-l border-accent-primary border-1", pr = "opacity-75", Da = /* @__PURE__ */ i(Nt, { size: 16 }), pn = ({
   options: e,
   selectedValues: t,
   handleRemoveTag: r
 }) => /* @__PURE__ */ i("div", { className: "flex flex-wrap w-full items-center gap-1", children: t.map((n) => {
   const o = e.find((a) => a.value === n)?.label ?? n, s = e.find((a) => a.value === n)?.icon;
   return /* @__PURE__ */ i(
-    Mt,
+    Vt,
     {
       tag: o,
       remove: (a) => r?.(a, n),
@@ -7065,7 +7069,7 @@ const fa = {
   onClose: g,
   onChange: D
 }) => {
-  const [b, v] = G(!1), [y, O] = G(""), k = Ir(), R = r !== void 0, [$, I] = G(n), W = R ? r : $, z = j(() => t ? Array.isArray(W) ? W : [] : typeof W == "string" ? [W] : [], [W, t]), M = j(() => {
+  const [b, v] = G(!1), [y, O] = G(""), k = Tr(), R = r !== void 0, [$, I] = G(n), W = R ? r : $, z = j(() => t ? Array.isArray(W) ? W : [] : typeof W == "string" ? [W] : [], [W, t]), M = j(() => {
     const m = y.trim().toLowerCase();
     return m ? e.filter((H) => H.label.toLowerCase().includes(m)) : e;
   }, [e, y]);
@@ -7163,7 +7167,7 @@ const fa = {
               )
             ] }),
             t && l && Y.length > 0 && /* @__PURE__ */ i("div", { className: w(ut, "mt-2"), children: /* @__PURE__ */ i(
-              qt,
+              Zt,
               {
                 id: `${k}-selectAll`,
                 label: c,
@@ -7176,7 +7180,7 @@ const fa = {
             /* @__PURE__ */ i("div", { className: "overflow-y-auto py-1", children: M.length === 0 ? /* @__PURE__ */ i("div", { className: "px-2 py-3", children: /* @__PURE__ */ i(
               bs,
               {
-                icon: p ?? /* @__PURE__ */ i(Er, { size: 24 }),
+                icon: p ?? /* @__PURE__ */ i(Nr, { size: 24 }),
                 title: d,
                 description: u
               }
@@ -7188,11 +7192,11 @@ const fa = {
                   className: w(
                     ut,
                     H && wa,
-                    m.disabled && fr,
+                    m.disabled && pr,
                     "w-full"
                   ),
                   children: /* @__PURE__ */ i(
-                    qt,
+                    Zt,
                     {
                       id: `${k}-${m.value}`,
                       label: /* @__PURE__ */ x("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
@@ -7218,7 +7222,7 @@ const fa = {
                   className: w(
                     ut,
                     H && xa,
-                    m.disabled && fr
+                    m.disabled && pr
                   ),
                   onClick: () => !m.disabled && ee(m.value),
                   children: /* @__PURE__ */ x("div", { className: "flex items-center gap-2 w-full", children: [
@@ -7292,7 +7296,7 @@ const fa = {
     }
   }, [d, p.options, u]);
   return /* @__PURE__ */ i(
-    Pt,
+    Rt,
     {
       elementId: a,
       label: e,
@@ -7390,9 +7394,9 @@ class Oa {
     this.config = t, this.item = {}, this.initializeExposedProperties();
   }
 }
-const Bt = "__NATIVE_FILE__", gn = "__NATIVE_URL__", mn = "__NATIVE_TEXT__", Cn = "__NATIVE_HTML__", pr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Gt = "__NATIVE_FILE__", gn = "__NATIVE_URL__", mn = "__NATIVE_TEXT__", Cn = "__NATIVE_HTML__", hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FILE: Bt,
+  FILE: Gt,
   HTML: Cn,
   TEXT: mn,
   URL: gn
@@ -7405,7 +7409,7 @@ function ft(e, t, r) {
   return n ?? r;
 }
 const xt = {
-  [Bt]: {
+  [Gt]: {
     exposeProperties: {
       files: (e) => Array.prototype.slice.call(e.files),
       items: (e) => e.items,
@@ -7470,7 +7474,7 @@ const Na = hn(
 ), vn = hn(
   () => !!window.safari
 );
-class hr {
+class gr {
   interpolate(t) {
     const { xs: r, ys: n, c1s: o, c2s: s, c3s: a } = this;
     let l = r.length - 1;
@@ -7559,7 +7563,7 @@ function Ma(e, t, r, n, o) {
     x: r.x - l.x,
     y: r.y - l.y
   }, { offsetWidth: d, offsetHeight: u } = e, { anchorX: p, anchorY: h } = n, { dragPreviewWidth: f, dragPreviewHeight: C } = Ra(s, t, d, u), g = () => {
-    let R = new hr([
+    let R = new gr([
       0,
       0.5,
       1
@@ -7572,7 +7576,7 @@ function Ma(e, t, r, n, o) {
       c.y + C - u
     ]).interpolate(h);
     return vn() && s && (R += (window.devicePixelRatio - 1) * C), R;
-  }, D = () => new hr([
+  }, D = () => new gr([
     0,
     0.5,
     1
@@ -7616,7 +7620,7 @@ function Ha(e, t, r) {
     writable: !0
   }) : e[t] = r, e;
 }
-function gr(e) {
+function mr(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) {
@@ -7698,7 +7702,7 @@ class Aa {
   }
   getCurrentSourceNodeOptions() {
     const t = this.monitor.getSourceId(), r = this.sourceNodeOptions.get(t);
-    return gr({
+    return mr({
       dropEffect: this.altKeyPressed ? "copy" : "move"
     }, r || {});
   }
@@ -7707,7 +7711,7 @@ class Aa {
   }
   getCurrentSourcePreviewNodeOptions() {
     const t = this.monitor.getSourceId(), r = this.sourcePreviewNodeOptions.get(t);
-    return gr({
+    return mr({
       anchorX: 0.5,
       anchorY: 0.5,
       captureDraggingState: !1
@@ -7715,8 +7719,8 @@ class Aa {
   }
   isDraggingNativeItem() {
     const t = this.monitor.getItemType();
-    return Object.keys(pr).some(
-      (r) => pr[r] === t
+    return Object.keys(hr).some(
+      (r) => hr[r] === t
     );
   }
   beginDragNativeItem(t, r) {
@@ -7908,7 +7912,7 @@ const Fa = function(t, r, n) {
   }, [o]);
   const [{ isOver: O, canDrop: k }, R] = on(
     () => ({
-      accept: [Bt],
+      accept: [Gt],
       drop(M) {
         const V = M.files;
         !d?.(V) && !b(V) && e(V), y();
@@ -8076,7 +8080,7 @@ const Fa = function(t, r, n) {
           {
             variant: J.Tertiary,
             cssClass: "!text-error",
-            iconBefore: /* @__PURE__ */ i(Nr, { ...X }),
+            iconBefore: /* @__PURE__ */ i(kr, { ...X }),
             title: d,
             onClick: C
           }
@@ -8143,7 +8147,7 @@ export {
   U1 as DialBreadcrumbItem,
   Q as DialButton,
   Cl as DialButtonDropdown,
-  qt as DialCheckbox,
+  Zt as DialCheckbox,
   ln as DialCloseButton,
   Ja as DialCollapsibleSidebar,
   ll as DialConfirmationPopup,
@@ -8156,19 +8160,19 @@ export {
   ul as DialFileManagerNavigationPanel,
   tl as DialFileName,
   rl as DialFolderName,
-  Pt as DialFormItem,
+  Rt as DialFormItem,
   dl as DialFormPopup,
   U as DialIcon,
   Fe as DialInput,
   la as DialInputPopup,
   Qa as DialLabelledText,
   ml as DialLoadFileAreaField,
-  Ur as DialLoader,
+  Pt as DialLoader,
   bs as DialNoDataContent,
   ol as DialNumberInputField,
   va as DialPasswordInput,
   fl as DialPasswordInputField,
-  jt as DialPopup,
+  Bt as DialPopup,
   fs as DialRadioButton,
   vs as DialRadioGroup,
   cl as DialRadioGroupPopupField,
@@ -8181,7 +8185,7 @@ export {
   al as DialSwitch,
   $e as DialTab,
   nl as DialTabs,
-  Mt as DialTag,
+  Vt as DialTag,
   hl as DialTagInput,
   il as DialTextAreaField,
   sl as DialTextInputField,
@@ -8194,6 +8198,6 @@ export {
   Je as SearchSize,
   ae as StepStatus,
   wt as TabOrientation,
-  Rt as TagVariant,
+  Mt as TagVariant,
   _ as mergeClasses
 };