@epam/ai-dial-ui-kit 0.3.0-rc.41 → 0.3.0-rc.43

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

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as S, Fragment as pe } from "react/jsx-runtime";
+import { jsx as i, jsxs as w, Fragment as pe } from "react/jsx-runtime";
 import b from "classnames";
 import { useFloating as Dt, offset as hr, flip as mr, shift as Cr, arrow as vn, autoUpdate as vr, useHover as br, useFocus as bn, useDismiss as St, useRole as Lt, useInteractions as It, useMergeRefs as yr, FloatingPortal as Tt, FloatingArrow as yn, autoPlacement as wn, size as xn, useClick as Dn, FloatingFocusManager as wr, FloatingOverlay as Sn } from "@floating-ui/react";
 import * as E from "react";
@@ -60,7 +60,7 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
   return /* @__PURE__ */ i(kr.Provider, { value: r, children: e });
 }, Mr = Sr(function({ style: t, ...r }, n) {
   const o = Rr(), s = yr([o.refs.setFloating, n]);
-  return o.open ? /* @__PURE__ */ i(Tt, { id: "tooltip-portal", children: /* @__PURE__ */ S(
+  return o.open ? /* @__PURE__ */ i(Tt, { id: "tooltip-portal", children: /* @__PURE__ */ w(
     "div",
     {
       ref: s,
@@ -113,7 +113,7 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
   triggerClassName: n,
   contentClassName: o,
   ...s
-}) => /* @__PURE__ */ S(Pr, { ...s, children: [
+}) => /* @__PURE__ */ w(Pr, { ...s, children: [
   /* @__PURE__ */ i(Vr, { className: b(n, "truncate"), children: r }),
   /* @__PURE__ */ i(
     Mr,
@@ -127,14 +127,14 @@ const De = ({ errorText: e }) => e && /* @__PURE__ */ i("span", { className: "te
       children: t
     }
   )
-] }), W = ({ icon: e, className: t }) => e ? /* @__PURE__ */ i("span", { className: b("flex-shrink-0", t), children: e }) : null, Ne = ({
+] }), W = ({ icon: e, className: t }) => e ? /* @__PURE__ */ i("span", { className: b("flex-shrink-0", t), children: e }) : null, ke = ({
   fieldTitle: e,
   htmlFor: t,
   optional: r,
   optionalText: n,
   cssClass: o,
   description: s
-}) => e ? /* @__PURE__ */ S(
+}) => e ? /* @__PURE__ */ w(
   "label",
   {
     className: b(
@@ -185,7 +185,7 @@ const Co = {
     r,
     "focus-visible:outline outline-offset-0"
   );
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "button",
     {
       ref: o,
@@ -213,13 +213,13 @@ const vo = {
   [Oe.Success]: "bg-success border-success text-success",
   [Oe.Warning]: "bg-warning border-warning text-warning",
   [Oe.Error]: "bg-error border-error text-error"
-}, yo = "items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex", za = ({
+}, yo = "items-center justify-between gap-2 p-3 border border-solid dial-small-150 rounded flex", Ba = ({
   variant: e = Oe.Info,
   message: t,
   cssClass: r,
   closable: n = !1,
   onClose: o
-}) => /* @__PURE__ */ S(
+}) => /* @__PURE__ */ w(
   "div",
   {
     role: "alert",
@@ -229,7 +229,7 @@ const vo = {
       r
     ),
     children: [
-      /* @__PURE__ */ S("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ w("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ i(W, { icon: vo[e] }),
         /* @__PURE__ */ i("div", { className: "text-primary", children: t })
       ] }),
@@ -302,7 +302,7 @@ const vo = {
     "mr-2 border rounded",
     o ? "bg-layer-4 border-icon-secondary" : ""
   );
-  return /* @__PURE__ */ S("label", { className: d, htmlFor: t, children: [
+  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(
@@ -366,7 +366,7 @@ const So = (e, t) => {
   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__ */ S(
+  return /* @__PURE__ */ w(
     "button",
     {
       className: b(o, So(e, r)),
@@ -383,7 +383,7 @@ const So = (e, t) => {
       ]
     }
   );
-}, ja = ({
+}, Ga = ({
   steps: e,
   currentStep: t,
   onChangeStep: r
@@ -427,8 +427,8 @@ const So = (e, t) => {
     "dial-tiny mt-2 ml-[26px] text-secondary",
     u
   );
-  return /* @__PURE__ */ S("div", { className: v, children: [
-    /* @__PURE__ */ S("div", { className: "flex flex-row items-center", children: [
+  return /* @__PURE__ */ w("div", { className: v, children: [
+    /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
       /* @__PURE__ */ i(
         "input",
         {
@@ -641,9 +641,9 @@ const ko = "w-full flex", Ro = {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let w = !!m, L = n(w ? v.substring(0, m) : v);
+    let x = !!m, L = n(x ? v.substring(0, m) : v);
     if (!L) {
-      if (!w) {
+      if (!x) {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
@@ -651,13 +651,13 @@ const ko = "w-full flex", Ro = {
         c = u + (c.length > 0 ? " " + c : c);
         continue;
       }
-      w = !1;
+      x = !1;
     }
     const C = s(h).join(":"), y = f ? C + gt : C, O = y + L;
     if (a.includes(O))
       continue;
     a.push(O);
-    const R = o(L, w);
+    const R = o(L, x);
     for (let P = 0; P < R.length; ++P) {
       const $ = R[P];
       a.push(y + $);
@@ -705,14 +705,14 @@ const q = (e) => {
   // 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) => !x(e) && !D(e), os = (e) => ke(e, $r, jr), x = (e) => _r.test(e), ye = (e) => ke(e, Wr, es), st = (e) => ke(e, cs, k), Wt = (e) => ke(e, Br, jr), ss = (e) => ke(e, Gr, rs), Be = (e) => ke(e, Ur, ts), D = (e) => zr.test(e), Me = (e) => Re(e, Wr), is = (e) => Re(e, ds), Ut = (e) => Re(e, Br), as = (e) => Re(e, $r), ls = (e) => Re(e, Gr), Ge = (e) => Re(e, Ur, !0), ke = (e, t, r) => {
+), 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) => {
   const n = _r.exec(e);
   return n ? n[1] ? t(n[1]) : r(n[2]) : !1;
-}, Re = (e, t, r = !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 = () => {
-  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"), w = q("aspect"), L = q("ease"), C = q("animate"), y = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
+  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",
     "bottom",
@@ -730,30 +730,30 @@ const q = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], R = () => [...O(), D, x], P = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], I = () => [D, x, c], j = () => [Le, "full", "auto", ...I()], _ = () => [me, "none", "subgrid", D, x], M = () => ["auto", {
-    span: ["full", me, D, x]
-  }, me, D, x], V = () => [me, "auto", D, x], ee = () => ["auto", "min", "max", "fr", D, x], 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, D, x], ue = () => [...O(), Ut, Wt, {
-    position: [D, x]
+  ], 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", {
+    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, {
+    position: [S, D]
   }], ge = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], he = () => ["auto", "cover", "contain", as, os, {
-    size: [D, x]
-  }], oe = () => [ot, Me, ye], U = () => [
+    size: [S, D]
+  }], oe = () => [ot, Ve, ye], U = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    D,
-    x
-  ], K = () => ["", k, Me, 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 = () => [
+    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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     v,
-    D,
-    x
-  ], be = () => ["none", k, D, x], ze = () => ["none", k, D, x], nt = () => [k, D, x], je = () => [Le, "full", ...I()];
+    S,
+    D
+  ], be = () => ["none", k, S, D], ze = () => ["none", k, S, D], nt = () => [k, S, D], je = () => [Le, "full", ...I()];
   return {
     cacheSize: 500,
     theme: {
@@ -786,7 +786,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Le, x, D, w]
+        aspect: ["auto", "square", Le, D, S, x]
       }],
       /**
        * Container
@@ -799,7 +799,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [k, x, D, l]
+        columns: [k, D, S, l]
       }],
       /**
        * Break After
@@ -999,7 +999,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [me, "auto", D, x]
+        z: [me, "auto", S, D]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1030,28 +1030,28 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [k, Le, "auto", "initial", "none", x]
+        flex: [k, Le, "auto", "initial", "none", D]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", k, D, x]
+        grow: ["", k, S, D]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", k, D, x]
+        shrink: ["", k, S, D]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [me, "first", "last", "none", D, x]
+        order: [me, "first", "last", "none", S, D]
       }],
       /**
        * Grid Template Columns
@@ -1446,7 +1446,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, Me, ye]
+        text: ["base", r, Ve, ye]
       }],
       /**
        * Font Smoothing
@@ -1463,21 +1463,21 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [n, D, st]
+        font: [n, S, st]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ot, x]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ot, D]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [is, x, t]
+        font: [is, D, t]
       }],
       /**
        * Font Variant Numeric
@@ -1514,14 +1514,14 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [o, D, x]
+        tracking: [o, S, D]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [k, "none", D, st]
+        "line-clamp": [k, "none", S, st]
       }],
       /**
        * Line Height
@@ -1539,7 +1539,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", D, x]
+        "list-image": ["none", S, D]
       }],
       /**
        * List Style Position
@@ -1553,7 +1553,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", D, x]
+        list: ["disc", "decimal", "none", S, D]
       }],
       /**
        * Text Alignment
@@ -1594,7 +1594,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [k, "from-font", "auto", D, ye]
+        decoration: [k, "from-font", "auto", S, ye]
       }],
       /**
        * Text Decoration Color
@@ -1608,7 +1608,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [k, "auto", D, x]
+        "underline-offset": [k, "auto", S, D]
       }],
       /**
        * Text Transform
@@ -1639,7 +1639,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", D, x]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", S, D]
       }],
       /**
        * Whitespace
@@ -1674,7 +1674,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", D, x]
+        content: ["none", S, D]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1729,9 +1729,9 @@ const q = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, me, D, x],
-          radial: ["", D, x],
-          conic: [me, D, x]
+          }, me, S, D],
+          radial: ["", S, D],
+          conic: [me, S, D]
         }, ls, ss]
       }],
       /**
@@ -2074,14 +2074,14 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [k, D, x]
+        "outline-offset": [k, S, D]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", k, Me, ye]
+        outline: ["", k, Ve, ye]
       }],
       /**
        * Outline Color
@@ -2200,7 +2200,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [k, D, x]
+        opacity: [k, S, D]
       }],
       /**
        * Mix Blend Mode
@@ -2322,7 +2322,7 @@ const q = (e) => {
         "mask-y-to": T()
       }],
       "mask-image-radial": [{
-        "mask-radial": [D, x]
+        "mask-radial": [S, D]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": F()
@@ -2410,7 +2410,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", D, x]
+        mask: ["none", S, D]
       }],
       // ---------------
       // --- Filters ---
@@ -2424,8 +2424,8 @@ const q = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          D,
-          x
+          S,
+          D
         ]
       }],
       /**
@@ -2440,14 +2440,14 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [k, D, x]
+        brightness: [k, S, D]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [k, D, x]
+        contrast: [k, S, D]
       }],
       /**
        * Drop Shadow
@@ -2475,35 +2475,35 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", k, D, x]
+        grayscale: ["", k, S, D]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [k, D, x]
+        "hue-rotate": [k, S, D]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", k, D, x]
+        invert: ["", k, S, D]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [k, D, x]
+        saturate: [k, S, D]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", k, D, x]
+        sepia: ["", k, S, D]
       }],
       /**
        * Backdrop Filter
@@ -2514,8 +2514,8 @@ const q = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          D,
-          x
+          S,
+          D
         ]
       }],
       /**
@@ -2530,56 +2530,56 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [k, D, x]
+        "backdrop-brightness": [k, S, D]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [k, D, x]
+        "backdrop-contrast": [k, S, D]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", k, D, x]
+        "backdrop-grayscale": ["", k, S, D]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [k, D, x]
+        "backdrop-hue-rotate": [k, S, D]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", k, D, x]
+        "backdrop-invert": ["", k, S, D]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [k, D, x]
+        "backdrop-opacity": [k, S, D]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [k, D, x]
+        "backdrop-saturate": [k, S, D]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", k, D, x]
+        "backdrop-sepia": ["", k, S, D]
       }],
       // --------------
       // --- Tables ---
@@ -2634,7 +2634,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", D, x]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", S, D]
       }],
       /**
        * Transition Behavior
@@ -2648,28 +2648,28 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [k, "initial", D, x]
+        duration: [k, "initial", S, D]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", L, D, x]
+        ease: ["linear", "initial", L, S, D]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [k, D, x]
+        delay: [k, S, D]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", C, D, x]
+        animate: ["none", C, S, D]
       }],
       // ------------------
       // --- Transforms ---
@@ -2686,7 +2686,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [m, D, x]
+        perspective: [m, S, D]
       }],
       /**
        * Perspective Origin
@@ -2782,7 +2782,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [D, x, "", "none", "gpu", "cpu"]
+        transform: [S, D, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -2867,7 +2867,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", D, x]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", S, D]
       }],
       /**
        * Field Sizing
@@ -3089,7 +3089,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", D, x]
+        "will-change": ["auto", "scroll", "contents", "transform", S, D]
       }],
       // -----------
       // --- SVG ---
@@ -3106,7 +3106,7 @@ const q = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [k, Me, ye, st]
+        stroke: [k, Ve, ye, st]
       }],
       /**
        * Stroke
@@ -3203,7 +3203,7 @@ const kt = ({
   defaultEmptyText: v,
   children: m
 }) => {
-  const w = `${e}-label`, L = o ? `${e}-desc` : void 0, C = s ? `${e}-err` : void 0, y = `${e}-caption-desc`, O = [L, C].filter(Boolean).join(" ") || void 0, R = A(() => typeof s == "boolean" ? null : typeof s == "string" || typeof s > "u" ? s ? /* @__PURE__ */ i(
+  const x = `${e}-label`, L = o ? `${e}-desc` : void 0, C = s ? `${e}-err` : void 0, y = `${e}-caption-desc`, O = [L, C].filter(Boolean).join(" ") || void 0, R = A(() => typeof s == "boolean" ? null : typeof s == "string" || typeof s > "u" ? s ? /* @__PURE__ */ i(
     "div",
     {
       id: C,
@@ -3222,11 +3222,11 @@ const kt = ({
       children: s
     }
   ), [s, u, C]), P = A(() => f ? typeof f == "string" || typeof f == "number" ? /* @__PURE__ */ i("span", { "aria-readonly": "true", children: f }) : f : /* @__PURE__ */ i("span", { "aria-readonly": "true", children: v ?? "None" }), [f, v]);
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "div",
     {
       role: "group",
-      "aria-labelledby": t ? w : void 0,
+      "aria-labelledby": t ? x : void 0,
       "aria-describedby": O,
       className: Z(
         ko,
@@ -3237,10 +3237,10 @@ const kt = ({
         t && /* @__PURE__ */ i(
           "div",
           {
-            id: w,
+            id: x,
             className: Z(a === "horizontal" && "shrink-0"),
             children: /* @__PURE__ */ i(
-              Ne,
+              ke,
               {
                 htmlFor: e,
                 fieldTitle: t,
@@ -3255,7 +3255,7 @@ const kt = ({
             )
           }
         ),
-        /* @__PURE__ */ S("div", { className: "min-w-0 w-full", children: [
+        /* @__PURE__ */ w("div", { className: "min-w-0 w-full", children: [
           h ? /* @__PURE__ */ i("div", { className: "dial-input px-3 py-2", children: P() }) : m,
           p && /* @__PURE__ */ i(
             "div",
@@ -3299,7 +3299,7 @@ const kt = ({
           Oo,
           No[l]
         ),
-        children: s.map((d) => /* @__PURE__ */ S("div", { className: "flex flex-col", children: [
+        children: s.map((d) => /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ i(
             To,
             {
@@ -3323,11 +3323,11 @@ const kt = ({
   icon: e,
   title: t,
   description: r
-}) => /* @__PURE__ */ S("div", { className: "h-full w-full flex flex-col items-center justify-center text-secondary", children: [
+}) => /* @__PURE__ */ w("div", { className: "h-full w-full flex flex-col items-center justify-center text-secondary", children: [
   e || /* @__PURE__ */ 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, Ba = ({
+] }), hs = 60, $a = ({
   containerCssClass: e,
   children: t,
   width: r,
@@ -3346,7 +3346,7 @@ const kt = ({
   ]), f = () => {
     c(d ? hs : r), u(!d);
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: b([
@@ -3366,7 +3366,7 @@ const kt = ({
           }
         ),
         /* @__PURE__ */ i("div", { className: p, children: n }),
-        /* @__PURE__ */ S("div", { className: h, children: [
+        /* @__PURE__ */ w("div", { className: h, children: [
           d && a,
           /* @__PURE__ */ i(
             Q,
@@ -3392,18 +3392,18 @@ const kt = ({
       ]
     }
   );
-}, Ga = ({
+}, Wa = ({
   label: e,
   text: t,
   children: r,
   postfix: n
-}) => /* @__PURE__ */ S(
+}) => /* @__PURE__ */ w(
   "div",
   {
     className: b("flex flex-col", r ? "" : "max-w-[200px]"),
     children: [
       /* @__PURE__ */ i("label", { className: "dial-tiny mb-2 text-secondary", children: e }),
-      r || /* @__PURE__ */ S("div", { className: "flex flex-row items-center", children: [
+      r || /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
         /* @__PURE__ */ i(ve, { triggerClassName: "text-primary", tooltip: t, children: t }),
         n || null
       ] })
@@ -3414,7 +3414,7 @@ var Rt = /* @__PURE__ */ ((e) => (e.Default = "default", e))(Rt || {});
 const ms = {
   [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", Ae = ({
+}, Cs = "text-primary", Ne = ({
   text: e,
   cssClass: t,
   contentClassName: r,
@@ -3425,8 +3425,8 @@ const ms = {
     const m = s.current;
     if (!m) return;
     d(m.textContent ?? "");
-    const w = m.clientWidth, L = m.scrollWidth, C = Math.ceil(m.getBoundingClientRect().width);
-    l(L > w || L > C);
+    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);
   }, []);
@@ -3434,16 +3434,16 @@ const ms = {
     h();
     const m = () => h();
     window.addEventListener("resize", m);
-    let w = null;
-    return "ResizeObserver" in window && s.current && (w = new ResizeObserver(() => h()), w.observe(s.current)), () => {
-      window.removeEventListener("resize", m), w && w.disconnect(), u.current && cancelAnimationFrame(u.current);
+    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__ */ S(Pr, { ...o, children: [
+  return /* @__PURE__ */ w(Pr, { ...o, children: [
     /* @__PURE__ */ i(
       Vr,
       {
@@ -3492,9 +3492,9 @@ const ms = {
     s ? "border" : "border-transparent",
     t
   );
-  return /* @__PURE__ */ S("div", { className: l, children: [
+  return /* @__PURE__ */ w("div", { className: l, children: [
     /* @__PURE__ */ i(W, { icon: o }),
-    /* @__PURE__ */ i(Ae, { text: e }),
+    /* @__PURE__ */ i(Ne, { text: e }),
     r && /* @__PURE__ */ i(
       Q,
       {
@@ -3588,12 +3588,12 @@ function Zr(e, t, r) {
       throw new Error(process.env.NODE_ENV === "production" ? se(4) : "Expected the listener to be a function. Instead, received: '" + Ie(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 w = !0;
+    var x = !0;
     return d(), l.push(m), function() {
-      if (w) {
+      if (x) {
         if (c)
           throw new Error(process.env.NODE_ENV === "production" ? se(6) : "You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");
-        w = !1, d();
+        x = !1, d();
         var C = l.indexOf(m);
         l.splice(C, 1), a = null;
       }
@@ -3611,8 +3611,8 @@ function Zr(e, t, r) {
     } finally {
       c = !1;
     }
-    for (var w = a = l, L = 0; L < w.length; L++) {
-      var C = w[L];
+    for (var x = a = l, L = 0; L < x.length; L++) {
+      var C = x[L];
       C();
     }
     return m;
@@ -3625,7 +3625,7 @@ function Zr(e, t, r) {
     });
   }
   function v() {
-    var m, w = p;
+    var m, x = p;
     return m = {
       /**
        * The minimal observable subscription method.
@@ -3642,7 +3642,7 @@ function Zr(e, t, r) {
           C.next && C.next(u());
         }
         y();
-        var O = w(y);
+        var O = x(y);
         return {
           unsubscribe: O
         };
@@ -3957,11 +3957,11 @@ function Qs(e) {
   const { clientOffset: t, initialClientOffset: r } = e;
   return !t || !r ? null : Yr(t, r);
 }
-const He = [], Ht = [];
-He.__IS_NONE__ = !0;
+const Ae = [], Ht = [];
+Ae.__IS_NONE__ = !0;
 Ht.__IS_ALL__ = !0;
 function ei(e, t) {
-  return e === He ? !1 : e === Ht || typeof t > "u" ? !0 : Ts(t, e).length > 0;
+  return e === Ae ? !1 : e === Ht || typeof t > "u" ? !0 : Ts(t, e).length > 0;
 }
 class ti {
   subscribeToStateChange(t, r = {}) {
@@ -4348,7 +4348,7 @@ function wi(e, t, r = bi) {
       return !1;
   return !0;
 }
-function xi(e = He, t) {
+function xi(e = Ae, t) {
   switch (t.type) {
     case Qe:
       break;
@@ -4356,7 +4356,7 @@ function xi(e = He, t) {
     case Ft:
     case rt:
     case _t:
-      return He;
+      return Ae;
     case Je:
     case Vt:
     case tt:
@@ -4366,7 +4366,7 @@ function xi(e = He, t) {
   }
   const { targetIds: r = [], prevTargetIds: n = [] } = t.payload, o = Is(r, n);
   if (!(o.length > 0 || !wi(r, n)))
-    return He;
+    return Ae;
   const a = n[n.length - 1], l = r[r.length - 1];
   return a !== l && (a && o.push(a), l && o.push(l)), o;
 }
@@ -5052,12 +5052,12 @@ class n1 {
     }), this.handlerId = null, this.dropTargetRef = null, this.dropTargetOptionsInternal = null, this.lastConnectedHandlerId = null, this.lastConnectedDropTarget = null, this.lastConnectedDropTargetOptions = null, this.backend = t;
   }
 }
-function Pe() {
+function Me() {
   const { dragDropManager: e } = Dr(qr);
   return N(e != null, "Expected drag drop context"), e;
 }
 function o1(e, t) {
-  const r = Pe(), n = B(
+  const r = Me(), n = B(
     () => new r1(r.getBackend()),
     [
       r
@@ -5072,7 +5072,7 @@ function o1(e, t) {
   ]), n;
 }
 function s1() {
-  const e = Pe();
+  const e = Me();
   return B(
     () => new Xi(e),
     [
@@ -5125,7 +5125,7 @@ function l1(e) {
   ]);
 }
 function c1(e, t, r) {
-  const n = Pe(), o = a1(e, t, r), s = l1(e);
+  const n = Me(), o = a1(e, t, r), s = l1(e);
   Se(function() {
     if (s != null) {
       const [l, c] = Ji(s, o, n);
@@ -5158,7 +5158,7 @@ function u1(e) {
   );
 }
 function f1(e) {
-  const t = Pe(), r = B(
+  const t = Me(), r = B(
     () => new n1(t.getBackend()),
     [
       t
@@ -5169,7 +5169,7 @@ function f1(e) {
   ]), r;
 }
 function p1() {
-  const e = Pe();
+  const e = Me();
   return B(
     () => new Yi(e),
     [
@@ -5217,7 +5217,7 @@ function m1(e, t) {
   ]), r;
 }
 function C1(e, t, r) {
-  const n = Pe(), o = m1(e, t), s = g1(e);
+  const n = Me(), o = m1(e, t), s = g1(e);
   Se(function() {
     const [l, c] = Ki(s, o, n);
     return t.receiveHandlerId(l), r.receiveHandlerId(l), c;
@@ -5238,7 +5238,7 @@ function on(e, t) {
     u1(o)
   ];
 }
-const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secondary", $a = ({
+const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secondary", Ua = ({
   id: e,
   children: t,
   cssClass: r,
@@ -5274,7 +5274,7 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
     }),
     [n, o, e]
   );
-  return p(h(l)), u(a), /* @__PURE__ */ S(
+  return p(h(l)), u(a), /* @__PURE__ */ w(
     "div",
     {
       ref: l,
@@ -5341,7 +5341,7 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
   ".xml": (e) => z(An, e),
   ".zip": (e) => z(Hn, e),
   default: (e) => z(Vn, e)
-}, Wa = ({
+}, T1 = ({
   extension: e,
   size: t = X.size,
   stroke: r = X.stroke,
@@ -5357,18 +5357,18 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
     size: t,
     stroke: r
   }), u = s ?? `${l.slice(1).toUpperCase()} file icon`;
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "span",
     {
       className: b("inline-flex relative", n),
       ...o ? { "aria-hidden": !0 } : { role: "img", "aria-label": u },
       children: [
         /* @__PURE__ */ i(W, { icon: d, className: "inline-block align-middle" }),
-        a && /* @__PURE__ */ i("span", { className: "absolute bottom-0 left-0", children: a })
+        a && /* @__PURE__ */ i("span", { className: "absolute -bottom-0.5 -left-0.5", children: a })
       ]
     }
   );
-}, Ua = ({
+}, O1 = ({
   label: e = "Shared entity",
   size: t = 10,
   cssClass: r,
@@ -5389,28 +5389,52 @@ const or = "column", v1 = "flex items-center", b1 = "mr-3 cursor-move text-secon
       }
     )
   }
-);
+), qa = ({
+  name: e,
+  cssClass: t,
+  shared: r = !1
+}) => {
+  const n = e.includes(".") ? e.split(".").pop() : null;
+  return /* @__PURE__ */ w("div", { className: Z("flex items-center gap-2 w-full", t), children: [
+    n && /* @__PURE__ */ i(
+      T1,
+      {
+        extension: n,
+        cssClass: "text-secondary",
+        indicator: r ? /* @__PURE__ */ i(O1, {}) : null,
+        label: "File type icon"
+      }
+    ),
+    /* @__PURE__ */ i(
+      Ne,
+      {
+        cssClass: "text-primary dial-small flex-1 min-w-0",
+        text: e
+      }
+    )
+  ] });
+};
 var yt = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(yt || {});
-const ir = () => typeof window < "u" && window.innerWidth < 1024, T1 = () => {
+const ir = () => typeof window < "u" && window.innerWidth < 1024, E1 = () => {
   const [e, t] = G(ir());
   return ne(() => {
     const r = () => t(ir());
     return window.addEventListener("resize", r), () => window.removeEventListener("resize", r);
   }, []), e;
 };
-var O1 = /* @__PURE__ */ ((e) => (e.Dropdown = "dropdown", e.Menu = "menu", e))(O1 || {}), 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 || {});
-const E1 = b(
+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 || {});
+const k1 = b(
   "flex items-center gap-2 align-middle",
   "h-auto px-0 bg-transparent border-0"
-), N1 = b(
+), R1 = b(
   "z-[53] overflow-auto rounded bg-layer-0 text-primary shadow focus-visible:outline-none",
   "w-max"
-), k1 = b(
+), P1 = b(
   "flex w-full cursor-pointer items-center gap-3",
   "focus-visible:border-none focus-visible:outline-none",
   "hover:bg-accent-primary-alpha px-3",
   "dial-small h-[34px] rounded text-primary"
-), R1 = "opacity-75 !cursor-not-allowed", P1 = "text-error", M1 = "my-1 border-t border-hover", Ve = 8, an = ({
+), M1 = "opacity-75 !cursor-not-allowed", V1 = "text-error", H1 = "my-1 border-t border-hover", He = 8, an = ({
   ariaLabel: e,
   cssClass: t,
   size: r = 24,
@@ -5440,7 +5464,7 @@ const E1 = b(
   outsidePressIgnoreRef: f,
   outsideClosable: v = !0,
   allowedPlacements: m,
-  anchorToMouse: w = !1,
+  anchorToMouse: x = !1,
   matchReferenceWidth: L = !0
 }) => {
   const [C, y] = G(l), O = a !== void 0, R = O ? !!a : C, P = A(
@@ -5454,16 +5478,16 @@ const E1 = b(
     onOpenChange: P,
     whileElementsMounted: vr,
     middleware: [
-      hr({ mainAxis: Ve, crossAxis: 0 }),
+      hr({ mainAxis: He, crossAxis: 0 }),
       I ? wn({
         alignment: "start",
         crossAxis: !0,
-        padding: Ve,
+        padding: He,
         allowedPlacements: m
-      }) : mr({ padding: Ve }),
-      Cr({ padding: Ve }),
+      }) : mr({ padding: He }),
+      Cr({ padding: He }),
       xn({
-        padding: Ve,
+        padding: He,
         apply({ availableWidth: g, availableHeight: H, elements: F }) {
           const ce = F.floating, be = j(F.reference);
           ce.style.setProperty(
@@ -5514,14 +5538,14 @@ const E1 = b(
     [_]
   ), ge = A(
     (g) => {
-      !n.includes(xe.ContextMenu) || s || (g.preventDefault(), w && ue(g.clientX, g.clientY), P(!0));
+      !n.includes(xe.ContextMenu) || s || (g.preventDefault(), x && ue(g.clientX, g.clientY), P(!0));
     },
-    [w, s, P, ue, n]
+    [x, s, P, ue, n]
   ), he = A(
     (g) => {
-      !w || s || ue(g.clientX, g.clientY);
+      !x || s || ue(g.clientX, g.clientY);
     },
-    [w, s, ue]
+    [x, s, ue]
   );
   ne(() => {
     s && R && P(!1);
@@ -5531,25 +5555,25 @@ const E1 = b(
       g.disabled || (g.onClick?.({ key: g.key, domEvent: H }), t?.onClick?.({ key: g.key, domEvent: H }), P(!1));
     },
     [t, P]
-  ), U = B(() => r ? r() : t ? /* @__PURE__ */ S(pe, { children: [
+  ), U = B(() => r ? r() : t ? /* @__PURE__ */ w(pe, { children: [
     t.header && /* @__PURE__ */ i(pe, { children: typeof t.header == "function" ? t.header() : t.header }),
     /* @__PURE__ */ i("div", { role: "none", className: "py-1", children: t.items.map((g) => g.type === sn.Divider ? /* @__PURE__ */ i(
       "div",
       {
         role: "separator",
-        className: M1
+        className: H1
       },
       g.key
-    ) : /* @__PURE__ */ S(
+    ) : /* @__PURE__ */ w(
       "button",
       {
         role: "menuitem",
         type: "button",
         "aria-disabled": !!g.disabled,
         className: b(
-          k1,
-          g.disabled && R1,
-          g.danger && P1
+          P1,
+          g.disabled && M1,
+          g.danger && V1
         ),
         disabled: g.disabled,
         onClick: oe(g),
@@ -5584,13 +5608,13 @@ const E1 = b(
     onContextMenu: ge,
     onMouseDown: he
   });
-  return /* @__PURE__ */ S(pe, { children: [
+  return /* @__PURE__ */ w(pe, { children: [
     /* @__PURE__ */ i(
       "span",
       {
         ref: _.setReference,
         className: b(
-          E1,
+          k1,
           s && "!cursor-not-allowed opacity-75",
           p
         ),
@@ -5608,14 +5632,14 @@ const E1 = b(
         modal: !1,
         initialFocus: -1,
         returnFocus: !0,
-        children: /* @__PURE__ */ S(
+        children: /* @__PURE__ */ w(
           "div",
           {
             id: $,
             ref: _.setFloating,
             style: M,
             className: b(
-              N1,
+              R1,
               !L && "w-max",
               h
             ),
@@ -5658,7 +5682,7 @@ const E1 = b(
     },
     o
   );
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "button",
     {
       role: "tab",
@@ -5667,7 +5691,7 @@ const E1 = b(
       disabled: r,
       children: [
         /* @__PURE__ */ i(
-          Ae,
+          Ne,
           {
             text: e.name,
             contentClassName: "max-w-[200px]",
@@ -5678,13 +5702,13 @@ const E1 = b(
       ]
     }
   );
-}, ar = 12, qa = ({
+}, ar = 12, Za = ({
   tabs: e,
   activeTab: t,
   onClick: r,
   orientation: n = yt.Horizontal
 }) => {
-  const [o, s] = G(!1), [a, l] = G(!1), [c, d] = G(!1), u = T1(), p = n === yt.Horizontal, h = le(null), f = le(null), v = le(null), m = e.find((C) => C.id === t), w = B(
+  const [o, s] = G(!1), [a, l] = G(!1), [c, d] = G(!1), u = E1(), p = n === yt.Horizontal, h = le(null), f = le(null), v = le(null), m = e.find((C) => C.id === t), x = B(
     () => b(
       "flex gap-3",
       p ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
@@ -5729,7 +5753,7 @@ const E1 = b(
         },
         C.id
       )),
-      children: /* @__PURE__ */ S("div", { className: "flex gap-2 items-center h-11 cursor-pointer", children: [
+      children: /* @__PURE__ */ w("div", { className: "flex gap-2 items-center h-11 cursor-pointer", children: [
         /* @__PURE__ */ i(
           $e,
           {
@@ -5754,8 +5778,8 @@ const E1 = b(
     }
   ) }) : (
     // Desktop
-    /* @__PURE__ */ S("div", { ref: h, className: "flex w-full items-start", children: [
-      /* @__PURE__ */ i("div", { ref: f, className: w, children: e.map((C) => /* @__PURE__ */ i(
+    /* @__PURE__ */ w("div", { ref: h, className: "flex w-full items-start", children: [
+      /* @__PURE__ */ i("div", { ref: f, className: x, children: e.map((C) => /* @__PURE__ */ i(
         "div",
         {
           ref: t === C.id ? v : void 0,
@@ -5806,7 +5830,7 @@ const E1 = b(
       ) })
     ] })
   );
-}, V1 = "w-full overflow-x-auto", H1 = "flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap", A1 = "flex items-center gap-2 min-w-0 shrink-0 dial-small", lr = "inline-flex items-center gap-1 min-w-0 transition-colors", F1 = "text-secondary hover:text-accent-primary", _1 = "text-primary cursor-default", z1 = "flex-none inline-flex items-center leading-none text-icon-secondary", ln = /* @__PURE__ */ i(ao, { size: 16, "aria-hidden": "true" }), j1 = ({
+}, A1 = "w-full overflow-x-auto", F1 = "flex flex-nowrap items-center gap-2 min-w-0 px-0 py-0 whitespace-nowrap", _1 = "flex items-center gap-2 min-w-0 shrink-0 dial-small", lr = "inline-flex items-center gap-1 min-w-0 transition-colors", z1 = "text-secondary hover:text-accent-primary", j1 = "text-primary cursor-default", B1 = "flex-none inline-flex items-center leading-none text-icon-secondary", ln = /* @__PURE__ */ i(ao, { size: 16, "aria-hidden": "true" }), G1 = ({
   title: e,
   href: t,
   onClick: r,
@@ -5817,14 +5841,14 @@ const E1 = b(
   iconBefore: l,
   titleCssClass: c
 }) => {
-  const d = Z(A1, a), u = !!t && !o && !n, p = typeof e == "string" ? /* @__PURE__ */ i(Ae, { text: e }) : e;
-  return /* @__PURE__ */ S("li", { className: d, children: [
-    u ? /* @__PURE__ */ S(
+  const d = Z(_1, a), u = !!t && !o && !n, p = typeof e == "string" ? /* @__PURE__ */ i(Ne, { text: e }) : e;
+  return /* @__PURE__ */ w("li", { className: d, children: [
+    u ? /* @__PURE__ */ w(
       "a",
       {
         className: Z(
           lr,
-          F1,
+          z1,
           c
         ),
         href: t,
@@ -5834,12 +5858,12 @@ const E1 = b(
           p
         ]
       }
-    ) : /* @__PURE__ */ S(
+    ) : /* @__PURE__ */ w(
       "span",
       {
         className: Z(
           lr,
-          _1,
+          j1,
           n && "pointer-events-none opacity-75",
           c
         ),
@@ -5851,9 +5875,9 @@ const E1 = b(
         ]
       }
     ),
-    !o && /* @__PURE__ */ i("span", { className: z1, children: s })
+    !o && /* @__PURE__ */ i("span", { className: B1, children: s })
   ] });
-}, Za = ({
+}, Xa = ({
   pathItems: e,
   separator: t = ln,
   ariaLabel: r = "Breadcrumb",
@@ -5862,7 +5886,7 @@ const E1 = b(
   titleCssClass: s
 }) => {
   const a = e?.length ? e.map((l, c) => /* @__PURE__ */ i(
-    j1,
+    G1,
     {
       ...l,
       isLast: c === e.length - 1,
@@ -5882,11 +5906,11 @@ const E1 = b(
     "nav",
     {
       "aria-label": r,
-      className: Z(V1, n),
-      children: /* @__PURE__ */ i("ol", { className: H1, children: a })
+      className: Z(A1, n),
+      children: /* @__PURE__ */ i("ol", { className: F1, children: a })
     }
   );
-}, B1 = ({
+}, $1 = ({
   iconClass: e,
   ...t
 }) => /* @__PURE__ */ i(
@@ -5895,7 +5919,7 @@ const E1 = b(
     iconBefore: /* @__PURE__ */ i(Nr, { ...X, className: e || "" }),
     ...t
   }
-), G1 = ({
+), W1 = ({
   value: e,
   textareaId: t,
   placeholder: r,
@@ -5929,7 +5953,7 @@ const E1 = b(
       }
     )
   }
-), $1 = [
+), U1 = [
   "ArrowLeft",
   "ArrowRight",
   "ArrowUp",
@@ -5941,8 +5965,8 @@ const E1 = b(
   "Escape",
   "Home",
   "End"
-], W1 = (e, t, r, n) => {
-  if ((t === "number" || r !== void 0 || n !== void 0) && !$1.includes(e.key) && !(e.key === "-" && e.currentTarget.selectionStart === 0 && (r === void 0 || r < 0)) && !(e.key === "." && t === "number" && !e.currentTarget.value.includes("."))) {
+], q1 = (e, t, r, n) => {
+  if ((t === "number" || r !== void 0 || n !== void 0) && !U1.includes(e.key) && !(e.key === "-" && e.currentTarget.selectionStart === 0 && (r === void 0 || r < 0)) && !(e.key === "." && t === "number" && !e.currentTarget.value.includes("."))) {
     if (!/^[0-9]$/.test(e.key)) {
       e.preventDefault();
       return;
@@ -5978,7 +6002,7 @@ const E1 = b(
   onChange: f,
   min: v,
   max: m,
-  prefix: w,
+  prefix: x,
   suffix: L,
   textBeforeInput: C,
   textAfterInput: y,
@@ -5987,7 +6011,7 @@ const E1 = b(
   tooltipText: P
 }) => {
   const $ = (M) => M.target.blur(), I = d === "number" || v !== void 0 || m !== void 0, j = (M) => {
-    W1(M, d, v, m);
+    q1(M, d, v, m);
   }, _ = (M) => {
     const V = M.currentTarget.value;
     if (I && V !== "") {
@@ -5995,9 +6019,9 @@ const E1 = b(
       if (isNaN(ee) && V !== "-" && V !== "." || !isNaN(ee) && (v !== void 0 && ee < v || m !== void 0 && ee > m))
         return;
     }
-    f?.(V);
+    f?.(V || null);
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: b(
@@ -6022,9 +6046,9 @@ const E1 = b(
             elementId: C + "textBefore"
           }
         ) }),
-        w && /* @__PURE__ */ S("p", { className: "text-secondary dial-small mr-2", children: [
+        x && /* @__PURE__ */ w("p", { className: "text-secondary dial-small mr-2", children: [
           " ",
-          w
+          x
         ] }),
         /* @__PURE__ */ i(W, { icon: e }),
         /* @__PURE__ */ i(
@@ -6054,7 +6078,7 @@ const E1 = b(
           }
         ),
         /* @__PURE__ */ i(W, { icon: t }),
-        L && /* @__PURE__ */ S("p", { className: "text-secondary dial-small ml-2", children: [
+        L && /* @__PURE__ */ w("p", { className: "text-secondary dial-small ml-2", children: [
           " ",
           L
         ] }),
@@ -6071,7 +6095,7 @@ const E1 = b(
       ]
     }
   );
-}, U1 = /^0+\.(\d+)?$/, q1 = /^0+/, cn = ({
+}, Z1 = /^0+\.(\d+)?$/, X1 = /^0+/, cn = ({
   fieldTitle: e,
   errorText: t,
   optional: r,
@@ -6105,14 +6129,14 @@ const E1 = b(
       }
     )
   }
-), Xa = ({
+), Ya = ({
   onChange: e,
   value: t,
   min: r,
   max: n,
   ...o
 }) => {
-  const s = (a) => String(a)?.match(U1) ? String(a)?.replace(q1, "0") : Number(a);
+  const s = (a) => String(a)?.match(Z1) ? String(a)?.replace(X1, "0") : Number(a);
   return /* @__PURE__ */ i(
     cn,
     {
@@ -6124,7 +6148,7 @@ const E1 = b(
       ...o
     }
   );
-}, Ya = ({
+}, Ka = ({
   onChange: e,
   ...t
 }) => /* @__PURE__ */ i(
@@ -6134,7 +6158,7 @@ const E1 = b(
     onChange: (r) => e?.(r),
     ...t
   }
-), Ka = ({
+), Ja = ({
   fieldTitle: e,
   optional: t,
   elementId: r,
@@ -6143,9 +6167,9 @@ const E1 = b(
   elementContainerCssClass: s,
   errorText: a,
   ...l
-}) => /* @__PURE__ */ S("div", { className: Z("flex flex-col", o), children: [
+}) => /* @__PURE__ */ w("div", { className: Z("flex flex-col", o), children: [
   /* @__PURE__ */ i(
-    Ne,
+    ke,
     {
       fieldTitle: e,
       optional: t,
@@ -6153,7 +6177,7 @@ const E1 = b(
     }
   ),
   /* @__PURE__ */ i(
-    G1,
+    W1,
     {
       textareaId: r,
       cssClass: n,
@@ -6162,7 +6186,7 @@ const E1 = b(
     }
   ),
   /* @__PURE__ */ i(De, { errorText: a })
-] }), Ja = ({
+] }), Qa = ({
   title: e,
   switchId: t,
   isOn: r = !1,
@@ -6180,7 +6204,7 @@ const E1 = b(
     },
     [o, r]
   );
-  return /* @__PURE__ */ S("div", { className: "flex flex-row items-center", children: [
+  return /* @__PURE__ */ w("div", { className: "flex flex-row items-center", children: [
     /* @__PURE__ */ i(
       "input",
       {
@@ -6205,7 +6229,7 @@ const E1 = b(
   ] });
 };
 var Ce = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(Ce || {});
-const Z1 = "z-[52] flex items-center justify-center bg-blackout md:p-4", X1 = "divide-tertiary divide-y", Y1 = "flex flex-row justify-between py-4 px-6 items-center", K1 = {
+const Y1 = "z-[52] flex items-center justify-center bg-blackout md:p-4", K1 = "divide-tertiary divide-y", J1 = "flex flex-row justify-between py-4 px-6 items-center", Q1 = {
   [Ce.Sm]: "dial-sm-popup",
   [Ce.Md]: "dial-md-popup",
   [Ce.Lg]: "dial-lg-popup"
@@ -6229,10 +6253,10 @@ const Z1 = "z-[52] flex items-center justify-center bg-blackout md:p-4", X1 = "d
     }
   }), f = Lt(h, { role: "dialog" }), v = St(h, { outsidePress: !0 }), { getFloatingProps: m } = It([f, v]);
   if (!e) return null;
-  const w = typeof t == "string" ? "dial-popup-heading" : void 0, L = (C) => C ? typeof C == "string" ? /* @__PURE__ */ i(
+  const x = typeof t == "string" ? "dial-popup-heading" : void 0, L = (C) => C ? typeof C == "string" ? /* @__PURE__ */ i(
     "h3",
     {
-      id: w,
+      id: x,
       className: b(
         "flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",
         s
@@ -6240,22 +6264,22 @@ const Z1 = "z-[52] flex items-center justify-center bg-blackout md:p-4", X1 = "d
       children: /* @__PURE__ */ i(ve, { tooltip: C, children: C })
     }
   ) : C : /* @__PURE__ */ i("span", {});
-  return /* @__PURE__ */ i(Tt, { id: r, children: /* @__PURE__ */ i(Sn, { className: b(Z1, o), children: /* @__PURE__ */ i(wr, { context: h, children: /* @__PURE__ */ S(
+  return /* @__PURE__ */ i(Tt, { id: r, children: /* @__PURE__ */ i(Sn, { className: b(Y1, o), children: /* @__PURE__ */ i(wr, { context: h, children: /* @__PURE__ */ w(
     "div",
     {
       ref: p.setFloating,
       ...m(),
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": w,
+      "aria-labelledby": x,
       className: b(
         "dial-popup",
-        K1[u],
-        a && X1,
+        Q1[u],
+        a && K1,
         n
       ),
       children: [
-        /* @__PURE__ */ S("div", { className: Y1, children: [
+        /* @__PURE__ */ w("div", { className: J1, children: [
           L(t),
           /* @__PURE__ */ i(
             an,
@@ -6272,7 +6296,7 @@ const Z1 = "z-[52] flex items-center justify-center bg-blackout md:p-4", X1 = "d
   ) }) }) });
 };
 var Ye = /* @__PURE__ */ ((e) => (e.Info = "info", e.Danger = "danger", e))(Ye || {});
-const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-150 px-6 py-4", ea = "Cancel", ta = "Ok", cr = {
+const ea = "flex justify-end gap-2 px-6 py-4", ta = "text-secondary dial-small-150 px-6 py-4", ra = "Cancel", na = "Ok", cr = {
   [Ye.Info]: {
     confirmVariant: J.Primary,
     cancelVariant: J.Secondary
@@ -6282,13 +6306,13 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
     confirmVariant: J.Danger,
     cancelVariant: J.Secondary
   }
-}, Qa = ({
+}, el = ({
   title: e,
   description: t,
   descriptionCssClass: r,
   open: n = !1,
-  confirmLabel: o = ta,
-  cancelLabel: s = ea,
+  confirmLabel: o = na,
+  cancelLabel: s = ra,
   isLoading: a = !1,
   disableConfirmButton: l = !1,
   cssClass: c,
@@ -6299,10 +6323,10 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   children: f,
   dividers: v = !1,
   variant: m = Ye.Info,
-  size: w = Ce.Sm,
+  size: x = Ce.Sm,
   footer: L
 }) => {
-  const C = a ? null : /* @__PURE__ */ S("div", { className: J1, children: [
+  const C = a ? null : /* @__PURE__ */ w("div", { className: ea, children: [
     /* @__PURE__ */ i(
       Q,
       {
@@ -6324,7 +6348,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   ] }), y = A(() => a ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Hr, { size: 50 }) }) : f ?? (t ? /* @__PURE__ */ i(
     "div",
     {
-      className: b(Q1, r),
+      className: b(ta, r),
       children: t
     }
   ) : null), [f, t, a, r]);
@@ -6337,7 +6361,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
       dividers: v,
       onClose: () => u?.(),
       footer: L ?? C,
-      size: w,
+      size: x,
       children: y()
     }
   );
@@ -6357,7 +6381,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
       }
     ) }) }, n))
   }
-), dr = (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" })), ra = ({
+), dr = (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" })), oa = ({
   children: e,
   open: t,
   disabled: r = !1,
@@ -6370,8 +6394,8 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   emptyValueText: d
 }) => {
   const u = Array.isArray(n) && n.length > 0, p = typeof n == "string" && !!n.trim(), h = u || p ? n : d, f = r ? void 0 : a;
-  return /* @__PURE__ */ S(pe, { children: [
-    u ? /* @__PURE__ */ i("div", { className: "w-full", onClick: f, children: /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(pe, { children: [
+    u ? /* @__PURE__ */ i("div", { className: "w-full", onClick: f, children: /* @__PURE__ */ w(
       "div",
       {
         className: b(
@@ -6395,7 +6419,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
           ) })
         ]
       }
-    ) }) : /* @__PURE__ */ S(pe, { children: [
+    ) }) : /* @__PURE__ */ w(pe, { children: [
       /* @__PURE__ */ i(
         "button",
         {
@@ -6404,7 +6428,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
           onClick: f,
           "aria-label": "open-popup",
           id: l,
-          children: /* @__PURE__ */ S(
+          children: /* @__PURE__ */ w(
             "div",
             {
               className: b(
@@ -6437,7 +6461,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
     ] }),
     t && po(e, document.body)
   ] });
-}, el = ({
+}, tl = ({
   fieldTitle: e,
   htmlFor: t,
   disabled: r,
@@ -6454,7 +6478,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   cancelButtonTitle: f = "Cancel",
   applyButtonTitle: v = "Apply",
   isValid: m,
-  selectedRadioValue: w,
+  selectedRadioValue: x,
   onChangeRadioField: L,
   id: C,
   size: y = Ce.Md
@@ -6466,10 +6490,10 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   }, [d]), I = A(() => {
     h(), $();
   }, [h, $]);
-  return /* @__PURE__ */ S("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ i(Ne, { fieldTitle: e, htmlFor: t }),
+  return /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ i(ke, { fieldTitle: e, htmlFor: t }),
     /* @__PURE__ */ i(
-      ra,
+      oa,
       {
         disabled: r,
         open: O,
@@ -6486,7 +6510,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
             title: u,
             portalId: p,
             size: y,
-            footer: /* @__PURE__ */ S("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
+            footer: /* @__PURE__ */ w("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
               /* @__PURE__ */ i(
                 Q,
                 {
@@ -6510,7 +6534,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
               {
                 radioButtons: o,
                 labelCssClass: "dial-small",
-                activeRadioButton: w,
+                activeRadioButton: x,
                 onChange: L,
                 elementId: C,
                 orientation: Ze.Column
@@ -6521,11 +6545,11 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
       }
     )
   ] });
-}, na = "Create", oa = "Cancel", sa = "flex items-center justify-end gap-2 px-6 py-3", tl = ({
+}, sa = "Create", ia = "Cancel", aa = "flex items-center justify-end gap-2 px-6 py-3", rl = ({
   title: e,
   open: t = !1,
-  submitLabel: r = na,
-  cancelLabel: n = oa,
+  submitLabel: r = sa,
+  cancelLabel: n = ia,
   isLoading: o = !1,
   disableSubmitButton: s = !1,
   cssClass: a,
@@ -6538,7 +6562,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   size: f = Ce.Md,
   footer: v
 }) => {
-  const m = o ? null : /* @__PURE__ */ S("div", { className: sa, children: [
+  const m = o ? null : /* @__PURE__ */ w("div", { className: aa, children: [
     /* @__PURE__ */ i(
       Q,
       {
@@ -6557,7 +6581,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
         onClick: () => d()
       }
     )
-  ] }), w = A(() => o ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Hr, { size: 50 }) }) : p ?? null, [p, o]);
+  ] }), x = A(() => o ? /* @__PURE__ */ i("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ i(Hr, { size: 50 }) }) : p ?? null, [p, o]);
   return /* @__PURE__ */ i(
     zt,
     {
@@ -6568,10 +6592,10 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
       onClose: () => c?.(),
       footer: v ?? m,
       size: f,
-      children: w()
+      children: x()
     }
   );
-}, ia = ({ onClick: e }) => /* @__PURE__ */ i(
+}, la = ({ onClick: e }) => /* @__PURE__ */ i(
   lo,
   {
     ...X,
@@ -6580,7 +6604,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
     role: "button",
     "aria-label": "hide"
   }
-), aa = ({ onClick: e }) => /* @__PURE__ */ i(
+), ca = ({ onClick: e }) => /* @__PURE__ */ i(
   co,
   {
     ...X,
@@ -6589,7 +6613,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
     role: "button",
     "aria-label": "show"
   }
-), la = ({ ...e }) => {
+), da = ({ ...e }) => {
   const [t, r] = G(!1), n = A((o) => {
     r(o);
   }, []);
@@ -6598,19 +6622,19 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
     {
       type: t ? "text" : "password",
       ...e,
-      iconAfter: t ? /* @__PURE__ */ i(ia, { onClick: () => n(!1) }) : /* @__PURE__ */ i(aa, { onClick: () => n(!0) })
+      iconAfter: t ? /* @__PURE__ */ i(la, { onClick: () => n(!1) }) : /* @__PURE__ */ i(ca, { onClick: () => n(!0) })
     }
   );
-}, rl = ({
+}, nl = ({
   fieldTitle: e,
   optional: t,
   elementCssClass: r,
   elementId: n,
   errorText: o,
   ...s
-}) => /* @__PURE__ */ S("div", { className: "flex flex-col", children: [
+}) => /* @__PURE__ */ w("div", { className: "flex flex-col", children: [
   /* @__PURE__ */ i(
-    Ne,
+    ke,
     {
       fieldTitle: e,
       optional: t,
@@ -6618,7 +6642,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
     }
   ),
   /* @__PURE__ */ i(
-    la,
+    da,
     {
       cssClass: r,
       elementId: n,
@@ -6629,7 +6653,7 @@ const J1 = "flex justify-end gap-2 px-6 py-4", Q1 = "text-secondary dial-small-1
   /* @__PURE__ */ i(De, { errorText: o })
 ] });
 var Ke = /* @__PURE__ */ ((e) => (e.Small = "small", e.Base = "base", e))(Ke || {});
-const ca = {
+const ua = {
   [Ke.Small]: {
     textClass: "text-xs px-1",
     containerClass: "px-[6px] py-1 h-[22px]",
@@ -6642,7 +6666,7 @@ const ca = {
     iconSize: 18,
     iconStroke: 1.5
   }
-}, da = ({
+}, fa = ({
   elementId: e,
   value: t,
   placeholder: r = "Search...",
@@ -6663,10 +6687,10 @@ const ca = {
       p(m), c?.(m);
     },
     [c]
-  ), f = ca[d], v = A(() => {
+  ), f = ua[d], v = A(() => {
     h("");
   }, [h]);
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: b(
@@ -6728,7 +6752,7 @@ const ca = {
       ]
     }
   );
-}, nl = ({
+}, ol = ({
   placeholder: e = "",
   selectedItems: t = [],
   updateSelected: r,
@@ -6748,7 +6772,7 @@ const ca = {
     },
     [c]
   );
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ w(
     "div",
     {
       className: b([
@@ -6778,7 +6802,7 @@ const ca = {
       ]
     }
   );
-}, ol = ({
+}, sl = ({
   initialTags: e = [],
   fieldTitle: t,
   optional: r,
@@ -6789,14 +6813,14 @@ const ca = {
   disabled: l,
   onChange: c
 }) => {
-  const d = le(null), [u, p] = G(e), [h, f] = G(""), [v, m] = G(!1), w = (y) => {
+  const d = le(null), [u, p] = G(e), [h, f] = G(""), [v, m] = G(!1), x = (y) => {
     const O = y.trim().replace(/,$/, "");
     if (O && !u.includes(O)) {
       const R = [O, ...u];
       p(R), c?.(R);
     }
   }, L = (y) => {
-    (y.key === "," || y.key === "Enter") && (y.preventDefault(), w(h), f(""));
+    (y.key === "," || y.key === "Enter") && (y.preventDefault(), x(h), f(""));
   }, C = (y) => {
     const O = u.filter((R, P) => P !== y);
     p(O), c?.(O);
@@ -6809,9 +6833,9 @@ const ca = {
       }
     });
     return d.current && y.observe(d.current), () => y.disconnect();
-  }, [u]), /* @__PURE__ */ S("div", { className: b("flex flex-col w-full"), children: [
+  }, [u]), /* @__PURE__ */ w("div", { className: b("flex flex-col w-full"), children: [
     /* @__PURE__ */ i(
-      Ne,
+      ke,
       {
         fieldTitle: t,
         optional: r,
@@ -6826,7 +6850,7 @@ const ca = {
           a && "dial-input-error",
           l && "dial-input-disable"
         ),
-        children: /* @__PURE__ */ S(
+        children: /* @__PURE__ */ w(
           "div",
           {
             ref: d,
@@ -6864,7 +6888,7 @@ const ca = {
     ),
     /* @__PURE__ */ i(De, { errorText: s })
   ] });
-}, ua = "dial-input flex px-3 py-2 w-full items-center justify-between gap-2 dial-small min-h-[38px]", fa = "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", pa = "bg-accent-primary-alpha", ga = "bg-accent-primary-alpha border-l border-accent-primary border-1", ur = "opacity-75", ha = /* @__PURE__ */ i(Er, { size: 16 }), un = ({
+}, 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,
   selectedValues: t,
   handleRemoveTag: r
@@ -6880,7 +6904,7 @@ const ca = {
     },
     n
   );
-}) }), ma = ({
+}) }), va = ({
   options: e,
   multiple: t = !1,
   value: r,
@@ -6897,7 +6921,7 @@ const ca = {
   cssClass: f,
   closable: v = !1,
   onClose: m,
-  onChange: w
+  onChange: x
 }) => {
   const [L, C] = G(!1), [y, O] = G(""), R = Lr(), P = r !== void 0, [$, I] = G(n), j = P ? r : $, _ = B(() => t ? Array.isArray(j) ? j : [] : typeof j == "string" ? [j] : [], [j, t]), M = B(() => {
     const g = y.trim().toLowerCase();
@@ -6908,9 +6932,9 @@ const ca = {
   }, [L]);
   const V = A(
     (g) => {
-      P || I(g), w?.(g);
+      P || I(g), x?.(g);
     },
-    [P, w]
+    [P, x]
   ), ee = (g) => {
     if (t) {
       const H = new Set(_);
@@ -6952,9 +6976,9 @@ const ca = {
       selectedValues: _,
       handleRemoveTag: de
     }
-  ), [t, e, _, de]), K = A(() => t ? ge ? U() : /* @__PURE__ */ i("span", { className: "text-secondary truncate", children: o }) : oe ? /* @__PURE__ */ S(pe, { children: [
+  ), [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(Ae, { text: oe.label })
+    /* @__PURE__ */ i(Ne, { text: oe.label })
   ] }) : /* @__PURE__ */ i("span", { className: "text-secondary truncate", children: o }), [ge, t, o, U, oe]);
   return /* @__PURE__ */ i(
     wt,
@@ -6966,17 +6990,17 @@ const ca = {
       onClose: m,
       placement: "bottom-start",
       allowedPlacements: ["bottom-start", "top-start"],
-      renderOverlay: () => /* @__PURE__ */ S(
+      renderOverlay: () => /* @__PURE__ */ w(
         "div",
         {
           id: R,
           role: "listbox",
           "aria-multiselectable": t || void 0,
-          className: fa,
+          className: ga,
           children: [
-            (s || v) && /* @__PURE__ */ S("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
+            (s || v) && /* @__PURE__ */ w("div", { className: "flex items-center gap-2 px-2 pt-2", children: [
               s && /* @__PURE__ */ i(
-                da,
+                fa,
                 {
                   placeholder: a,
                   onChange: O,
@@ -7021,7 +7045,7 @@ const ca = {
                 {
                   className: b(
                     dt,
-                    H && pa,
+                    H && ha,
                     g.disabled && ur,
                     "w-full"
                   ),
@@ -7029,7 +7053,7 @@ const ca = {
                     Bt,
                     {
                       id: `${R}-${g.value}`,
-                      label: /* @__PURE__ */ S("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
+                      label: /* @__PURE__ */ w("span", { className: "flex w-full flex-1 min-w-0 items-center gap-2 text-primary", children: [
                         g.icon && /* @__PURE__ */ i(W, { icon: g.icon }),
                         /* @__PURE__ */ i("span", { className: "truncate", children: g.label })
                       ] }),
@@ -7051,13 +7075,13 @@ const ca = {
                   disabled: g.disabled,
                   className: b(
                     dt,
-                    H && ga,
+                    H && ma,
                     g.disabled && ur
                   ),
                   onClick: () => !g.disabled && ee(g.value),
-                  children: /* @__PURE__ */ S("div", { className: "flex items-center gap-2 w-full", children: [
+                  children: /* @__PURE__ */ w("div", { className: "flex items-center gap-2 w-full", children: [
                     g.icon && /* @__PURE__ */ i(W, { icon: g.icon }),
-                    /* @__PURE__ */ i(Ae, { text: g.label })
+                    /* @__PURE__ */ i(Ne, { text: g.label })
                   ] })
                 },
                 g.value
@@ -7066,7 +7090,7 @@ const ca = {
           ]
         }
       ),
-      children: /* @__PURE__ */ S(
+      children: /* @__PURE__ */ w(
         "button",
         {
           type: "button",
@@ -7074,7 +7098,7 @@ const ca = {
           "aria-expanded": L,
           "aria-controls": R,
           className: Z(
-            ua,
+            pa,
             h && "opacity-75 !cursor-not-allowed",
             f
           ),
@@ -7084,7 +7108,7 @@ const ca = {
             /* @__PURE__ */ i(
               W,
               {
-                icon: ha,
+                icon: Ca,
                 className: b("text-primary", L && "rotate-180")
               }
             )
@@ -7093,7 +7117,7 @@ const ca = {
       )
     }
   );
-}, sl = ({
+}, il = ({
   fieldTitle: e,
   optional: t,
   captionDescription: r,
@@ -7139,7 +7163,7 @@ const ca = {
       value: h(),
       defaultEmptyText: u,
       children: /* @__PURE__ */ i(
-        ma,
+        va,
         {
           cssClass: o,
           value: d,
@@ -7153,12 +7177,12 @@ function fn(e) {
   let t = null;
   return () => (t == null && (t = e()), t);
 }
-function Ca(e, t) {
+function ba(e, t) {
   return e.filter(
     (r) => r !== t
   );
 }
-function va(e, t) {
+function ya(e, t) {
   const r = /* @__PURE__ */ new Set(), n = (s) => r.add(s);
   e.forEach(n), t.forEach(n);
   const o = [];
@@ -7166,16 +7190,16 @@ function va(e, t) {
     (s) => o.push(s)
   ), o;
 }
-class ba {
+class wa {
   enter(t) {
     const r = this.entered.length, n = (o) => this.isNodeInDocument(o) && (!o.contains || o.contains(t));
-    return this.entered = va(this.entered.filter(n), [
+    return this.entered = ya(this.entered.filter(n), [
       t
     ]), r === 0 && this.entered.length > 0;
   }
   leave(t) {
     const r = this.entered.length;
-    return this.entered = Ca(this.entered.filter(this.isNodeInDocument), t), r > 0 && this.entered.length === 0;
+    return this.entered = ba(this.entered.filter(this.isNodeInDocument), t), r > 0 && this.entered.length === 0;
   }
   reset() {
     this.entered = [];
@@ -7184,7 +7208,7 @@ class ba {
     this.entered = [], this.isNodeInDocument = t;
   }
 }
-class ya {
+class xa {
   initializeExposedProperties() {
     Object.keys(this.config.exposeProperties).forEach((t) => {
       Object.defineProperty(this.item, t, {
@@ -7281,11 +7305,11 @@ const xt = {
     ]
   }
 };
-function wa(e, t) {
+function Da(e, t) {
   const r = xt[e];
   if (!r)
     throw new Error(`native type ${e} has no configuration`);
-  const n = new ya(r);
+  const n = new xa(r);
   return n.loadDataTransfer(t), n;
 }
 function ft(e) {
@@ -7299,7 +7323,7 @@ function ft(e) {
     ) : !1;
   })[0] || null;
 }
-const xa = fn(
+const Sa = fn(
   () => /firefox/i.test(navigator.userAgent)
 ), mn = fn(
   () => !!window.safari
@@ -7345,8 +7369,8 @@ class pr {
         d.push(0);
       else {
         l = s[f];
-        const w = s[f + 1], L = l + w;
-        d.push(3 * L / ((L + w) / v + (L + l) / m));
+        const x = s[f + 1], L = l + x;
+        d.push(3 * L / ((L + x) / v + (L + l) / m));
       }
     }
     d.push(a[a.length - 1]);
@@ -7354,15 +7378,15 @@ class pr {
     let h;
     for (let f = 0; f < d.length - 1; f++) {
       h = a[f];
-      const v = d[f], m = 1 / s[f], w = v + d[f + 1] - h - h;
-      u.push((h - v - w) * m), p.push(w * m * m);
+      const v = d[f], m = 1 / s[f], x = v + d[f + 1] - h - h;
+      u.push((h - v - x) * m), p.push(x * m * m);
     }
     this.xs = t, this.ys = r, this.c1s = d, this.c2s = u, this.c3s = p;
   }
 }
-const Da = 1;
+const La = 1;
 function Cn(e) {
-  const t = e.nodeType === Da ? e : e.parentElement;
+  const t = e.nodeType === La ? e : e.parentElement;
   if (!t)
     return null;
   const { top: r, left: n } = t.getBoundingClientRect();
@@ -7377,22 +7401,22 @@ function We(e) {
     y: e.clientY
   };
 }
-function Sa(e) {
+function Ia(e) {
   var t;
-  return e.nodeName === "IMG" && (xa() || !(!((t = document.documentElement) === null || t === void 0) && t.contains(e)));
+  return e.nodeName === "IMG" && (Sa() || !(!((t = document.documentElement) === null || t === void 0) && t.contains(e)));
 }
-function La(e, t, r, n) {
+function Ta(e, t, r, n) {
   let o = e ? t.width : r, s = e ? t.height : n;
   return mn() && e && (s /= window.devicePixelRatio, o /= window.devicePixelRatio), {
     dragPreviewWidth: o,
     dragPreviewHeight: s
   };
 }
-function Ia(e, t, r, n, o) {
-  const s = Sa(t), l = Cn(s ? e : t), c = {
+function Oa(e, t, r, n, o) {
+  const s = Ia(t), l = Cn(s ? e : t), c = {
     x: r.x - l.x,
     y: r.y - l.y
-  }, { offsetWidth: d, offsetHeight: u } = e, { anchorX: p, anchorY: h } = n, { dragPreviewWidth: f, dragPreviewHeight: v } = La(s, t, d, u), m = () => {
+  }, { offsetWidth: d, offsetHeight: u } = e, { anchorX: p, anchorY: h } = n, { dragPreviewWidth: f, dragPreviewHeight: v } = Ta(s, t, d, u), m = () => {
     let P = new pr([
       0,
       0.5,
@@ -7406,7 +7430,7 @@ function Ia(e, t, r, n, o) {
       c.y + v - u
     ]).interpolate(h);
     return mn() && s && (P += (window.devicePixelRatio - 1) * v), P;
-  }, w = () => new pr([
+  }, x = () => new pr([
     0,
     0.5,
     1
@@ -7419,11 +7443,11 @@ function Ia(e, t, r, n, o) {
     c.x + f - d
   ]).interpolate(p), { offsetX: L, offsetY: C } = o, y = L === 0 || L, O = C === 0 || C;
   return {
-    x: y ? L : w(),
+    x: y ? L : x(),
     y: O ? C : m()
   };
 }
-class Ta {
+class Ea {
   get window() {
     if (this.globalContext)
       return this.globalContext;
@@ -7442,7 +7466,7 @@ class Ta {
     this.ownerDocument = null, this.globalContext = t, this.optionsArgs = r;
   }
 }
-function Oa(e, t, r) {
+function Na(e, t, r) {
   return t in e ? Object.defineProperty(e, t, {
     value: r,
     enumerable: !0,
@@ -7456,12 +7480,12 @@ function gr(e) {
     typeof Object.getOwnPropertySymbols == "function" && (n = n.concat(Object.getOwnPropertySymbols(r).filter(function(o) {
       return Object.getOwnPropertyDescriptor(r, o).enumerable;
     }))), n.forEach(function(o) {
-      Oa(e, o, r[o]);
+      Na(e, o, r[o]);
     });
   }
   return e;
 }
-class Ea {
+class ka {
   /**
   * Generate profiling statistics for the HTML5Backend.
   */
@@ -7554,7 +7578,7 @@ class Ea {
     );
   }
   beginDragNativeItem(t, r) {
-    this.clearCurrentDragSourceNode(), this.currentNativeSource = wa(t, r), this.currentNativeHandle = this.registry.addSource(t, this.currentNativeSource), this.actions.beginDrag([
+    this.clearCurrentDragSourceNode(), this.currentNativeSource = Da(t, r), this.currentNativeHandle = this.registry.addSource(t, this.currentNativeSource), this.actions.beginDrag([
       this.currentNativeHandle
     ]);
   }
@@ -7623,12 +7647,12 @@ class Ea {
         if (l && typeof l.setDragImage == "function") {
           const u = this.monitor.getSourceId(), p = this.sourceNodes.get(u), h = this.sourcePreviewNodes.get(u) || p;
           if (h) {
-            const { anchorX: f, anchorY: v, offsetX: m, offsetY: w } = this.getCurrentSourcePreviewNodeOptions(), y = Ia(p, h, a, {
+            const { anchorX: f, anchorY: v, offsetX: m, offsetY: x } = this.getCurrentSourcePreviewNodeOptions(), y = Oa(p, h, a, {
               anchorX: f,
               anchorY: v
             }, {
               offsetX: m,
-              offsetY: w
+              offsetY: x
             });
             l.setDragImage(h, y.x, y.y);
           }
@@ -7705,12 +7729,12 @@ class Ea {
     }, this.handleSelectStart = (o) => {
       const s = o.target;
       typeof s.dragDrop == "function" && (s.tagName === "INPUT" || s.tagName === "SELECT" || s.tagName === "TEXTAREA" || s.isContentEditable || (o.preventDefault(), s.dragDrop()));
-    }, this.options = new Ta(r, n), this.actions = t.getActions(), this.monitor = t.getMonitor(), this.registry = t.getRegistry(), this.enterLeaveCounter = new ba(this.isNodeInDocument);
+    }, this.options = new Ea(r, n), this.actions = t.getActions(), this.monitor = t.getMonitor(), this.registry = t.getRegistry(), this.enterLeaveCounter = new wa(this.isNodeInDocument);
   }
 }
-const Na = function(t, r, n) {
-  return new Ea(t, r, n);
-}, ka = ({
+const Ra = function(t, r, n) {
+  return new ka(t, r, n);
+}, Pa = ({
   onChange: e,
   emptyTextFirstLine: t,
   emptyTextSecondLine: r,
@@ -7722,7 +7746,7 @@ const Na = function(t, r, n) {
   fileCountError: c,
   getIsFileFormatError: d
 }) => {
-  const u = le(null), p = le(null), [h, f] = G([]), [v, m] = G(!1), w = A(
+  const u = le(null), p = le(null), [h, f] = G([]), [v, m] = G(!1), x = A(
     (M) => {
       const V = M.target.files;
       if (V && V.length > 0) {
@@ -7752,7 +7776,7 @@ const Na = function(t, r, n) {
         canDrop: M.canDrop()
       })
     }),
-    [w]
+    [x]
   ), $ = (M) => {
     (M.key === "Enter" || M.key === "Space") && (M.preventDefault(), p.current?.click());
   }, I = (M) => {
@@ -7767,8 +7791,8 @@ const Na = function(t, r, n) {
     R && (O ? "border-accent-primary" : "border-hover"),
     C && "border-error"
   );
-  return P(u), /* @__PURE__ */ S(pe, { children: [
-    /* @__PURE__ */ S(
+  return P(u), /* @__PURE__ */ w(pe, { children: [
+    /* @__PURE__ */ w(
       "div",
       {
         className: _,
@@ -7776,7 +7800,7 @@ const Na = function(t, r, n) {
         onDragOver: I,
         onDragLeave: j,
         children: [
-          /* @__PURE__ */ S(
+          /* @__PURE__ */ w(
             "label",
             {
               htmlFor: "file",
@@ -7806,7 +7830,7 @@ const Na = function(t, r, n) {
               ref: p,
               hidden: !0,
               accept: o,
-              onChange: w
+              onChange: x
             }
           )
         ]
@@ -7814,7 +7838,7 @@ const Na = function(t, r, n) {
     ),
     /* @__PURE__ */ i(pe, { children: v ? /* @__PURE__ */ i(De, { errorText: l }) : L(h) && /* @__PURE__ */ i(De, { errorText: c }) })
   ] });
-}, Ra = ({
+}, Ma = ({
   iconBefore: e,
   cssClass: t,
   errorText: r,
@@ -7832,7 +7856,7 @@ const Na = function(t, r, n) {
       hideBorder: !0
     }
   );
-}, Pa = (e) => {
+}, Va = (e) => {
   const {
     files: t,
     iconBeforeInput: r,
@@ -7844,7 +7868,7 @@ const Na = function(t, r, n) {
   } = e, c = (p, h) => {
     p.stopPropagation(), o(t?.filter((f) => f.name !== h) || []);
   }, d = (p) => /* @__PURE__ */ i(
-    B1,
+    $1,
     {
       ariaLabel: l,
       onClick: (h) => c(h, p)
@@ -7852,8 +7876,8 @@ const Na = function(t, r, n) {
   ), u = (p) => {
     o(p);
   };
-  return !t || t.length === 0 ? /* @__PURE__ */ i(Fi, { backend: Na, children: /* @__PURE__ */ i(ka, { ...e, onChange: u }) }) : /* @__PURE__ */ i("div", { className: "flex-1 min-h-0 border border-solid border-primary rounded", children: t && t.length > 0 && /* @__PURE__ */ i("div", { className: "max-h-full overflow-y-auto", children: t.map((p, h) => /* @__PURE__ */ i(
-    Ra,
+  return !t || t.length === 0 ? /* @__PURE__ */ i(Fi, { backend: Ra, children: /* @__PURE__ */ i(Pa, { ...e, onChange: u }) }) : /* @__PURE__ */ i("div", { className: "flex-1 min-h-0 border border-solid border-primary rounded", children: t && t.length > 0 && /* @__PURE__ */ i("div", { className: "max-h-full overflow-y-auto", children: t.map((p, h) => /* @__PURE__ */ i(
+    Ma,
     {
       elementId: p.name,
       value: p.name,
@@ -7864,7 +7888,7 @@ const Na = function(t, r, n) {
     },
     p.name + h
   )) }) });
-}, il = ({
+}, al = ({
   onChange: e,
   fieldTitle: t,
   elementId: r,
@@ -7885,7 +7909,7 @@ const Na = function(t, r, n) {
       (C) => C.type === "" || !(c === "/" || c?.toLowerCase()?.includes(C?.type?.toLowerCase()))
     ),
     [c]
-  ), w = A(
+  ), x = A(
     (L) => {
       const C = L.target.files;
       if (C && C.length > 0) {
@@ -7895,16 +7919,16 @@ const Na = function(t, r, n) {
     },
     [e, n, m]
   );
-  return /* @__PURE__ */ S("div", { className: "h-full flex flex-col", children: [
-    /* @__PURE__ */ S("div", { className: "flex justify-between items-center pb-1 min-h-[42px]", children: [
+  return /* @__PURE__ */ w("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ w("div", { className: "flex justify-between items-center pb-1 min-h-[42px]", children: [
       /* @__PURE__ */ i(
-        Ne,
+        ke,
         {
           fieldTitle: `${t}: ${l ? n?.length || 0 : ""}`,
           htmlFor: r
         }
       ),
-      l && !!n?.length && /* @__PURE__ */ S("div", { className: "flex flex-row items-center gap-x-2", children: [
+      l && !!n?.length && /* @__PURE__ */ w("div", { className: "flex flex-row items-center gap-x-2", children: [
         /* @__PURE__ */ i(
           Q,
           {
@@ -7935,11 +7959,11 @@ const Na = function(t, r, n) {
         ref: h,
         hidden: !0,
         accept: c,
-        onChange: w
+        onChange: x
       }
     ),
     /* @__PURE__ */ i(
-      Pa,
+      Va,
       {
         files: n,
         onChange: e,
@@ -7958,54 +7982,55 @@ export {
   Oe as AlertVariant,
   J as ButtonVariant,
   Ye as ConfirmationPopupVariant,
-  za as DialAlert,
-  nl as DialAutocompleteInput,
+  Ba as DialAlert,
+  ol as DialAutocompleteInput,
   dn as DialAutocompleteInputValue,
-  Za as DialBreadcrumb,
-  j1 as DialBreadcrumbItem,
+  Xa as DialBreadcrumb,
+  G1 as DialBreadcrumbItem,
   Q as DialButton,
   Bt as DialCheckbox,
   an as DialCloseButton,
-  Ba as DialCollapsibleSidebar,
-  Qa as DialConfirmationPopup,
-  $a as DialDraggableItem,
+  $a as DialCollapsibleSidebar,
+  el as DialConfirmationPopup,
+  Ua as DialDraggableItem,
   wt as DialDropdown,
-  Ae as DialEllipsisTooltip,
+  Ne as DialEllipsisTooltip,
   De as DialErrorText,
-  Ne as DialFieldLabel,
-  Wa as DialFileIcon,
+  ke as DialFieldLabel,
+  T1 as DialFileIcon,
+  qa as DialFileName,
   kt as DialFormItem,
-  tl as DialFormPopup,
+  rl as DialFormPopup,
   W as DialIcon,
   Fe as DialInput,
-  ra as DialInputPopup,
-  Ga as DialLabelledText,
-  il as DialLoadFileAreaField,
+  oa as DialInputPopup,
+  Wa as DialLabelledText,
+  al as DialLoadFileAreaField,
   Hr as DialLoader,
   gs as DialNoDataContent,
-  Xa as DialNumberInputField,
-  la as DialPasswordInput,
-  rl as DialPasswordInputField,
+  Ya as DialNumberInputField,
+  da as DialPasswordInput,
+  nl as DialPasswordInputField,
   zt as DialPopup,
   To as DialRadioButton,
   ps as DialRadioGroup,
-  el as DialRadioGroupPopupField,
-  B1 as DialRemoveButton,
-  da as DialSearch,
-  ma as DialSelect,
-  sl as DialSelectField,
-  Ua as DialSharedEntityIndicator,
-  ja as DialSteps,
-  Ja as DialSwitch,
+  tl as DialRadioGroupPopupField,
+  $1 as DialRemoveButton,
+  fa as DialSearch,
+  va as DialSelect,
+  il as DialSelectField,
+  O1 as DialSharedEntityIndicator,
+  Ga as DialSteps,
+  Qa as DialSwitch,
   $e as DialTab,
-  qa as DialTabs,
+  Za as DialTabs,
   Pt as DialTag,
-  ol as DialTagInput,
-  Ka as DialTextAreaField,
-  Ya as DialTextInputField,
-  G1 as DialTextarea,
+  sl as DialTagInput,
+  Ja as DialTextAreaField,
+  Ka as DialTextInputField,
+  W1 as DialTextarea,
   ve as DialTooltip,
-  O1 as DropdownType,
+  N1 as DropdownType,
   Xe as FormItemOrientation,
   Ce as PopupSize,
   Ze as RadioGroupOrientation,