@epam/ai-dial-ui-kit 0.3.0-rc.34 → 0.3.0-rc.35

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

@@ -2,7 +2,7 @@ import { jsx as o, jsxs as v, Fragment as Ce } from "react/jsx-runtime";
 import g from "classnames";
 import { useFloating as s1, offset as O1, flip as V1, shift as P1, arrow as br, autoUpdate as E1, useHover as H1, useFocus as yr, useDismiss as a1, useRole as i1, useInteractions as l1, useMergeRefs as z1, FloatingPortal as c1, FloatingArrow as xr, autoPlacement as vr, size as wr, useClick as Lr, FloatingFocusManager as F1, FloatingOverlay as kr } from "@floating-ui/react";
 import * as S from "react";
-import { createContext as A1, useState as B, useRef as le, useMemo as A, useContext as j1, forwardRef as B1, isValidElement as d1, cloneElement as Fe, useCallback as j, useEffect as se, useLayoutEffect as Dr, useId as W1, Children as Ir } from "react";
+import { createContext as A1, useState as j, useRef as ce, useMemo as F, useContext as j1, forwardRef as B1, isValidElement as d1, cloneElement as Fe, useCallback as A, useEffect as ae, useLayoutEffect as Dr, useId as W1, Children as Ir } from "react";
 import { IconInfoCircle as Z1, IconCircleCheck as Sr, IconAlertTriangle as Nr, IconAlertCircle as Tr, IconX as Te, IconMinus as Mr, IconCheck as G1, IconExclamationCircle as $1, IconClipboardX as _1, IconChevronsLeft as Rr, IconChevronsRight as Or, IconGripVertical as Vr, IconFile as Pr, IconFileTypeZip as Er, IconFileTypeXml as Hr, IconFileTypeXls as zr, IconFileTypeVue as Fr, IconFileTypeTxt as Ar, IconFileTypeTsx as jr, IconFileTypeTs as Br, IconFileTypeSvg as Wr, IconFileTypeSql as Zr, IconFileTypeRs as Gr, IconFileTypePpt as $r, IconFileTypePng as _r, IconFileTypePhp as Ur, IconFileTypePdf as qr, IconFileTypeJsx as Kr, IconFileTypeJs as Xr, IconFileTypeJpg as Yr, IconFileTypeHtml as Jr, IconFileTypeDocx as Qr, IconFileTypeDoc as et, IconFileTypeCsv as rt, IconFileTypeCss as tt, IconFileTypeBmp as nt, IconChevronDown as U1, IconDotsVertical as ot, IconChevronRight as st, IconEyeOff as at, IconEye as it, IconSearch as lt } from "@tabler/icons-react";
 import { createPortal as ct } from "react-dom";
 const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "text-error dial-tiny mt-1", children: e }), dt = 7, ut = 2, q1 = A1(null), K1 = () => {
@@ -17,7 +17,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
   open: n,
   onOpenChange: s
 } = {}) => {
-  const [a, i] = B(e), c = le(null), l = n ?? a, d = s ?? i, u = s1({
+  const [a, i] = j(e), c = ce(null), l = n ?? a, d = s ?? i, u = s1({
     placement: r,
     open: l,
     onOpenChange: d,
@@ -42,7 +42,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
   }), x = yr(u.context, {
     enabled: n == null
   }), m = a1(u.context), L = i1(u.context, { role: "tooltip" }), y = l1([p, x, m, L]);
-  return A(
+  return F(
     () => ({
       open: l,
       setOpen: d,
@@ -106,7 +106,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
       children: r
     }
   );
-}), fe = ({
+}), me = ({
   hideTooltip: e,
   tooltip: r,
   children: t,
@@ -146,7 +146,7 @@ const Me = ({ errorText: e }) => e && /* @__PURE__ */ o("span", { className: "te
     children: [
       typeof e == "string" ? /* @__PURE__ */ o("span", { className: "min-h-4", children: e }) : e,
       t && /* @__PURE__ */ o("span", { children: n ?? "(Optional)" }),
-      a && /* @__PURE__ */ o(fe, { tooltip: a, children: /* @__PURE__ */ o(
+      a && /* @__PURE__ */ o(me, { tooltip: a, children: /* @__PURE__ */ o(
         Z,
         {
           icon: /* @__PURE__ */ o(Z1, { size: 14, className: "text-secondary" })
@@ -161,7 +161,7 @@ const ft = {
   [J.Secondary]: "dial-secondary-button",
   [J.Tertiary]: "dial-tertiary-button",
   [J.Danger]: "dial-danger-button"
-}, re = ({
+}, te = ({
   title: e,
   variant: r,
   cssClass: t,
@@ -234,7 +234,7 @@ const mt = {
         /* @__PURE__ */ o("div", { className: "text-primary", children: r })
       ] }),
       n && /* @__PURE__ */ o(
-        re,
+        te,
         {
           cssClass: "ml-2 text-secondary hover:text-primary",
           ariaLabel: "Close alert",
@@ -288,7 +288,7 @@ const mt = {
   onChange: i,
   cssClass: c
 }) => {
-  const l = j(
+  const l = A(
     (x) => {
       i?.(x.target.checked, r);
     },
@@ -304,7 +304,7 @@ const mt = {
   );
   return /* @__PURE__ */ v("label", { className: d, htmlFor: r, children: [
     n ? /* @__PURE__ */ o(Mr, { className: u, ...Q }) : t ? /* @__PURE__ */ o(G1, { className: u, ...Q }) : null,
-    e && (typeof e == "string" ? /* @__PURE__ */ o(fe, { tooltip: e, triggerClassName: "flex-1 min-w-0", children: /* @__PURE__ */ o("span", { className: "text-primary w-full truncate", children: e }) }) : e),
+    e && (typeof e == "string" ? /* @__PURE__ */ o(me, { tooltip: e, triggerClassName: "flex-1 min-w-0", children: /* @__PURE__ */ o("span", { className: "text-primary w-full truncate", children: e }) }) : e),
     /* @__PURE__ */ o(
       "input",
       {
@@ -322,21 +322,21 @@ const mt = {
     )
   ] });
 };
-var ee = /* @__PURE__ */ ((e) => (e.VALID = "valid", e.ERROR = "error", e))(ee || {});
+var re = /* @__PURE__ */ ((e) => (e.VALID = "valid", e.ERROR = "error", e))(re || {});
 const xt = (e, r) => {
   if (r === e.id)
     switch (e.status) {
-      case ee.VALID:
+      case re.VALID:
         return "border-accent-secondary text-primary";
-      case ee.ERROR:
+      case re.ERROR:
         return "border-red-900 text-primary";
       default:
         return "border-accent-primary text-primary";
     }
   switch (e.status) {
-    case ee.VALID:
+    case re.VALID:
       return "border-primary text-white";
-    case ee.ERROR:
+    case re.ERROR:
       return "border-red-900 text-error";
     default:
       return "border-primary text-secondary";
@@ -344,17 +344,17 @@ const xt = (e, r) => {
 }, vt = (e, r) => {
   if (r === e.id)
     switch (e.status) {
-      case ee.VALID:
+      case re.VALID:
         return "bg-accent-secondary";
-      case ee.ERROR:
+      case re.ERROR:
         return "bg-red-400";
       default:
         return "bg-accent-primary";
     }
   switch (e.status) {
-    case ee.VALID:
+    case re.VALID:
       return "bg-accent-secondary";
-    case ee.ERROR:
+    case re.ERROR:
       return "bg-red-400";
     default:
       return "bg-layer-4";
@@ -365,7 +365,7 @@ const xt = (e, r) => {
   currentStep: t,
   onChangeStep: n
 }) => {
-  const s = "h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer", a = "w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white", i = () => t === e.id && e.status === ee.ERROR ? /* @__PURE__ */ o($1, { stroke: 2, size: 16 }) : t !== e.id && e.status === ee.VALID ? /* @__PURE__ */ o(G1, { stroke: 2, size: 16 }) : r + 1;
+  const s = "h-[32px] flex flex-1 min-w-[180px] items-center dial-tiny border-t-2 cursor-pointer", a = "w-[22px] h-[22px] flex justify-center items-center mr-2 rounded-full text-white", i = () => t === e.id && e.status === re.ERROR ? /* @__PURE__ */ o($1, { stroke: 2, size: 16 }) : t !== e.id && e.status === re.VALID ? /* @__PURE__ */ o(G1, { stroke: 2, size: 16 }) : r + 1;
   return /* @__PURE__ */ v(
     "button",
     {
@@ -390,7 +390,7 @@ const xt = (e, r) => {
 }) => {
   const n = (s) => {
     const a = e.findIndex((c) => c.id === r), i = e.findIndex((c) => c.id === s);
-    (s !== r && e[a].status === ee.VALID || i < a) && t(s);
+    (s !== r && e[a].status === re.VALID || i < a) && t(s);
   };
   return /* @__PURE__ */ o("div", { id: "steps", className: "flex gap-x-3", children: e.map((s, a) => /* @__PURE__ */ o(
     wt,
@@ -658,8 +658,8 @@ const St = "w-full flex", Nt = {
       continue;
     i.push(T);
     const V = s(R, N);
-    for (let W = 0; W < V.length; ++W) {
-      const $ = V[W];
+    for (let B = 0; B < V.length; ++B) {
+      const $ = V[B];
       i.push(k + $);
     }
     l = u + (l.length > 0 ? " " + l : l);
@@ -700,7 +700,7 @@ function Wt(e, ...r) {
 const G = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, tr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, nr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Zt = /^\d+\/\d+$/, Gt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, $t = /\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$/, _t = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ut = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, xe = (e) => Zt.test(e), M = (e) => !!e && !Number.isNaN(Number(e)), de = (e) => !!e && Number.isInteger(Number(e)), $e = (e) => e.endsWith("%") && M(e.slice(0, -1)), ie = (e) => Gt.test(e), Kt = () => !0, Xt = (e) => (
+}, tr = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, nr = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Zt = /^\d+\/\d+$/, Gt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, $t = /\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$/, _t = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ut = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, xe = (e) => Zt.test(e), M = (e) => !!e && !Number.isNaN(Number(e)), ue = (e) => !!e && Number.isInteger(Number(e)), $e = (e) => e.endsWith("%") && M(e.slice(0, -1)), le = (e) => Gt.test(e), Kt = () => !0, Xt = (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.
@@ -730,15 +730,15 @@ const G = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...T(), C, h], W = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], w = () => [C, h, l], O = () => [xe, "full", "auto", ...w()], F = () => [de, "none", "subgrid", C, h], _ = () => ["auto", {
-    span: ["full", de, C, h]
-  }, de, C, h], X = () => [de, "auto", C, h], me = () => ["auto", "min", "max", "fr", C, h], Y = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], te = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], K = () => ["auto", ...w()], ne = () => [xe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], D = () => [e, C, h], ce = () => [...T(), v1, x1, {
+  ], V = () => [...T(), C, h], B = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", "contain", "none"], w = () => [C, h, l], O = () => [xe, "full", "auto", ...w()], q = () => [ue, "none", "subgrid", C, h], W = () => ["auto", {
+    span: ["full", ue, C, h]
+  }, ue, C, h], K = () => [ue, "auto", C, h], ee = () => ["auto", "min", "max", "fr", C, h], Y = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], ne = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], X = () => ["auto", ...w()], oe = () => [xe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...w()], D = () => [e, C, h], de = () => [...T(), v1, x1, {
     position: [C, h]
   }], I = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], U = () => ["auto", "cover", "contain", nn, en, {
+  }], _ = () => ["auto", "cover", "contain", nn, en, {
     size: [C, h]
-  }], ae = () => [$e, Ie, ge], z = () => [
+  }], ie = () => [$e, Ie, ge], z = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -746,7 +746,7 @@ const G = (e) => {
     d,
     C,
     h
-  ], f = () => ["", M, Ie, ge], E = () => ["solid", "dashed", "dotted", "double"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], P = () => [M, $e, v1, x1], h1 = () => [
+  ], f = () => ["", M, Ie, ge], E = () => ["solid", "dashed", "dotted", "double"], se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], P = () => [M, $e, v1, x1], h1 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -759,22 +759,22 @@ const G = (e) => {
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [ie],
-      breakpoint: [ie],
+      blur: [le],
+      breakpoint: [le],
       color: [Kt],
-      container: [ie],
-      "drop-shadow": [ie],
+      container: [le],
+      "drop-shadow": [le],
       ease: ["in", "out", "in-out"],
       font: [Qt],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [ie],
+      "inset-shadow": [le],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [ie],
-      shadow: [ie],
+      radius: [le],
+      shadow: [le],
       spacing: ["px", M],
-      text: [ie],
-      "text-shadow": [ie],
+      text: [le],
+      "text-shadow": [le],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -884,21 +884,21 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: W()
+        overflow: B()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": W()
+        "overflow-x": B()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": W()
+        "overflow-y": B()
       }],
       /**
        * Overscroll Behavior
@@ -999,7 +999,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [de, "auto", C, h]
+        z: [ue, "auto", C, h]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1051,63 +1051,63 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [de, "first", "last", "none", C, h]
+        order: [ue, "first", "last", "none", C, h]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": F()
+        "grid-cols": q()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: _()
+        col: W()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": X()
+        "col-start": K()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": X()
+        "col-end": K()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": F()
+        "grid-rows": q()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: _()
+        row: W()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": X()
+        "row-start": K()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": X()
+        "row-end": K()
       }],
       /**
        * Grid Auto Flow
@@ -1121,14 +1121,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": me()
+        "auto-cols": ee()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": me()
+        "auto-rows": ee()
       }],
       /**
        * Gap
@@ -1163,14 +1163,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...te(), "normal"]
+        "justify-items": [...ne(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...te()]
+        "justify-self": ["auto", ...ne()]
       }],
       /**
        * Align Content
@@ -1184,7 +1184,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...te(), {
+        items: [...ne(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1193,7 +1193,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...te(), {
+        self: ["auto", ...ne(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1209,14 +1209,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...te(), "baseline"]
+        "place-items": [...ne(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...te()]
+        "place-self": ["auto", ...ne()]
       }],
       // Spacing
       /**
@@ -1287,63 +1287,63 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: K()
+        m: X()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: K()
+        mx: X()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: K()
+        my: X()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: K()
+        ms: X()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: K()
+        me: X()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: K()
+        mt: X()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: K()
+        mr: X()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: K()
+        mb: X()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: K()
+        ml: X()
       }],
       /**
        * Space Between X
@@ -1377,14 +1377,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: ne()
+        size: oe()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...ne()]
+        w: [c, "screen", ...oe()]
       }],
       /**
        * Min-Width
@@ -1396,7 +1396,7 @@ const G = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...ne()
+          ...oe()
         ]
       }],
       /**
@@ -1414,7 +1414,7 @@ const G = (e) => {
           {
             screen: [i]
           },
-          ...ne()
+          ...oe()
         ]
       }],
       /**
@@ -1422,21 +1422,21 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...ne()]
+        h: ["screen", "lh", ...oe()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...ne()]
+        "min-h": ["screen", "lh", "none", ...oe()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...ne()]
+        "max-h": ["screen", "lh", ...oe()]
       }],
       // ------------------
       // --- Typography ---
@@ -1705,7 +1705,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ce()
+        bg: de()
       }],
       /**
        * Background Repeat
@@ -1719,7 +1719,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: U()
+        bg: _()
       }],
       /**
        * Background Image
@@ -1729,9 +1729,9 @@ const G = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, de, C, h],
+          }, ue, C, h],
           radial: ["", C, h],
-          conic: [de, C, h]
+          conic: [ue, C, h]
         }, on, rn]
       }],
       /**
@@ -1746,21 +1746,21 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: ae()
+        from: ie()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: ae()
+        via: ie()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: ae()
+        to: ie()
       }],
       /**
        * Gradient Color Stops From
@@ -2207,14 +2207,14 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...oe(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...se(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": oe()
+        "bg-blend": se()
       }],
       /**
        * Mask Clip
@@ -2382,7 +2382,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ce()
+        mask: de()
       }],
       /**
        * Mask Repeat
@@ -2396,7 +2396,7 @@ const G = (e) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: U()
+        mask: _()
       }],
       /**
        * Mask Type
@@ -3182,7 +3182,7 @@ const G = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, cn = /* @__PURE__ */ Wt(ln);
-function q(...e) {
+function U(...e) {
   return cn(g(e));
 }
 const p1 = ({
@@ -3200,7 +3200,7 @@ const p1 = ({
   captionDescription: p,
   children: x
 }) => {
-  const m = `${e}-label`, L = s ? `${e}-desc` : void 0, y = a ? `${e}-err` : void 0, N = `${e}-caption-desc`, R = [L, y].filter(Boolean).join(" ") || void 0, b = j(() => typeof a == "boolean" ? null : typeof a == "string" || typeof a > "u" ? a ? /* @__PURE__ */ o(
+  const m = `${e}-label`, L = s ? `${e}-desc` : void 0, y = a ? `${e}-err` : void 0, N = `${e}-caption-desc`, R = [L, y].filter(Boolean).join(" ") || void 0, b = A(() => typeof a == "boolean" ? null : typeof a == "string" || typeof a > "u" ? a ? /* @__PURE__ */ o(
     "div",
     {
       id: y,
@@ -3225,7 +3225,7 @@ const p1 = ({
       role: "group",
       "aria-labelledby": r ? m : void 0,
       "aria-describedby": R,
-      className: q(
+      className: U(
         St,
         Nt[i],
         l
@@ -3235,7 +3235,7 @@ const p1 = ({
           "div",
           {
             id: m,
-            className: q(i === "horizontal" && "shrink-0"),
+            className: U(i === "horizontal" && "shrink-0"),
             children: /* @__PURE__ */ o(
               Re,
               {
@@ -3243,7 +3243,7 @@ const p1 = ({
                 fieldTitle: r,
                 optional: t,
                 optionalText: n,
-                cssClass: q(
+                cssClass: U(
                   c && "sr-only",
                   d
                 ),
@@ -3258,7 +3258,7 @@ const p1 = ({
             "div",
             {
               id: N,
-              className: q({
+              className: U({
                 "dial-tiny text-secondary mt-1": !0,
                 "text-error": !!a
               }),
@@ -3333,7 +3333,7 @@ const p1 = ({
   titleCssClass: a,
   additionalButtons: i
 }) => {
-  const [c, l] = B(t), [d, u] = B(!0), p = g([
+  const [c, l] = j(t), [d, u] = j(!0), p = g([
     "transform rotate-180 [writing-mode:tb-rl]",
     d && "hidden",
     a
@@ -3366,7 +3366,7 @@ const p1 = ({
         /* @__PURE__ */ v("div", { className: x, children: [
           d && i,
           /* @__PURE__ */ o(
-            re,
+            te,
             {
               cssClass: "hover:text-icon-accent-primary",
               onClick: m,
@@ -3401,7 +3401,7 @@ const p1 = ({
     children: [
       /* @__PURE__ */ o("label", { className: "dial-tiny mb-2 text-secondary", children: e }),
       t || /* @__PURE__ */ v("div", { className: "flex flex-row items-center", children: [
-        /* @__PURE__ */ o(fe, { triggerClassName: "text-primary", tooltip: r, children: r }),
+        /* @__PURE__ */ o(me, { triggerClassName: "text-primary", tooltip: r, children: r }),
         n || null
       ] })
     ]
@@ -3418,16 +3418,16 @@ const fn = {
   hideTooltip: n,
   ...s
 }) => {
-  const a = le(null), [i, c] = B(!1), [l, d] = B(""), u = le(null), p = () => {
+  const a = ce(null), [i, c] = j(!1), [l, d] = j(""), u = ce(null), p = () => {
     const y = a.current;
     if (!y) return;
     d(y.textContent ?? "");
     const N = y.clientWidth, R = y.scrollWidth, b = Math.ceil(y.getBoundingClientRect().width);
     c(R > N || R > b);
-  }, x = j(() => {
+  }, x = A(() => {
     u.current && cancelAnimationFrame(u.current), u.current = requestAnimationFrame(p);
   }, []);
-  se(() => {
+  ae(() => {
     x();
     const y = () => x();
     window.addEventListener("resize", y);
@@ -3436,10 +3436,10 @@ const fn = {
       window.removeEventListener("resize", y), N && N.disconnect(), u.current && cancelAnimationFrame(u.current);
     };
   }, [e, x]);
-  const m = A(
+  const m = F(
     () => typeof e == "string" ? e : l,
     [l, e]
-  ), L = A(() => n ? "" : i ? m : "", [m, n, i]);
+  ), L = F(() => n ? "" : i ? m : "", [m, n, i]);
   return /* @__PURE__ */ v(X1, { ...s, children: [
     /* @__PURE__ */ o(
       J1,
@@ -3451,7 +3451,7 @@ const fn = {
         children: /* @__PURE__ */ o(
           "span",
           {
-            className: q(
+            className: U(
               "block truncate min-w-0 max-w-full",
               r
             ),
@@ -3466,7 +3466,7 @@ const fn = {
     /* @__PURE__ */ o(
       Y1,
       {
-        className: q(
+        className: U(
           mn,
           t,
           !L && "hidden"
@@ -3483,7 +3483,7 @@ const fn = {
   iconBefore: s,
   bordered: a = !0
 }) => {
-  const i = fn[n], c = q(
+  const i = fn[n], c = U(
     "flex items-center gap-1 dial-tiny rounded p-1 h-[22px] text-primary",
     i,
     a ? "border" : "border-transparent",
@@ -3493,7 +3493,7 @@ const fn = {
     /* @__PURE__ */ o(Z, { icon: s }),
     /* @__PURE__ */ o(Ne, { text: e }),
     t && /* @__PURE__ */ o(
-      re,
+      te,
       {
         iconAfter: /* @__PURE__ */ o(Te, { size: 16 }),
         onClick: (l) => t(l)
@@ -3503,7 +3503,7 @@ const fn = {
 }, gn = A1({
   dragDropManager: void 0
 });
-function pe(e, r, ...t) {
+function fe(e, r, ...t) {
   if (hn() && r === void 0)
     throw new Error("invariant requires an error message argument");
   if (!e) {
@@ -3554,11 +3554,11 @@ function bn() {
   }), Ue;
 }
 var yn = bn();
-const xn = /* @__PURE__ */ Cn(yn), ye = typeof window < "u" ? Dr : se;
+const xn = /* @__PURE__ */ Cn(yn), ye = typeof window < "u" ? Dr : ae;
 function vn(e, r, t) {
-  const [n, s] = B(
+  const [n, s] = j(
     () => r(e)
-  ), a = j(() => {
+  ), a = A(() => {
     const i = r(e);
     xn(n, i) || (s(i), t && t());
   }, [
@@ -3597,10 +3597,10 @@ function ur(e, r) {
   const t = [
     ...r || []
   ];
-  return r == null && typeof e != "function" && t.push(e), A(() => typeof e == "function" ? e() : e, t);
+  return r == null && typeof e != "function" && t.push(e), F(() => typeof e == "function" ? e() : e, t);
 }
 function Ln(e) {
-  return A(
+  return F(
     () => e.hooks.dragSource(),
     [
       e
@@ -3608,7 +3608,7 @@ function Ln(e) {
   );
 }
 function kn(e) {
-  return A(
+  return F(
     () => e.hooks.dragPreview(),
     [
       e
@@ -3624,7 +3624,7 @@ class Dn {
     return this.sourceId;
   }
   canDrag() {
-    pe(!qe, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+    fe(!qe, "You may not call monitor.canDrag() inside your canDrag() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
     try {
       return qe = !0, this.internalMonitor.canDragSource(this.sourceId);
     } finally {
@@ -3634,7 +3634,7 @@ class Dn {
   isDragging() {
     if (!this.sourceId)
       return !1;
-    pe(!Ke, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
+    fe(!Ke, "You may not call monitor.isDragging() inside your isDragging() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drag-source-monitor");
     try {
       return Ke = !0, this.internalMonitor.isDraggingSource(this.sourceId);
     } finally {
@@ -3713,7 +3713,7 @@ class In {
   canDrop() {
     if (!this.targetId)
       return !1;
-    pe(!Xe, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
+    fe(!Xe, "You may not call monitor.canDrop() inside your canDrop() implementation. Read more: http://react-dnd.github.io/react-dnd/docs/api/drop-target-monitor");
     try {
       return Xe = !0, this.internalMonitor.canDropOnTarget(this.targetId);
     } finally {
@@ -3829,7 +3829,7 @@ function L1(e, r) {
 }
 function Rn(e, r) {
   const t = e.ref;
-  return pe(typeof t != "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"), t ? Fe(e, {
+  return fe(typeof t != "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"), t ? Fe(e, {
     ref: (n) => {
       L1(t, n), L1(r, n);
     }
@@ -3971,10 +3971,10 @@ class Vn {
 }
 function De() {
   const { dragDropManager: e } = j1(gn);
-  return pe(e != null, "Expected drag drop context"), e;
+  return fe(e != null, "Expected drag drop context"), e;
 }
 function Pn(e, r) {
-  const t = De(), n = A(
+  const t = De(), n = F(
     () => new On(t.getBackend()),
     [
       t
@@ -3990,7 +3990,7 @@ function Pn(e, r) {
 }
 function En() {
   const e = De();
-  return A(
+  return F(
     () => new Dn(e),
     [
       e
@@ -4020,23 +4020,23 @@ class Hn {
   }
 }
 function zn(e, r, t) {
-  const n = A(
+  const n = F(
     () => new Hn(e, r, t),
     [
       r,
       t
     ]
   );
-  return se(() => {
+  return ae(() => {
     n.spec = e;
   }, [
     e
   ]), n;
 }
 function Fn(e) {
-  return A(() => {
+  return F(() => {
     const r = e.type;
-    return pe(r != null, "spec.type must be defined"), r;
+    return fe(r != null, "spec.type must be defined"), r;
   }, [
     e
   ]);
@@ -4058,7 +4058,7 @@ function An(e, r, t) {
 }
 function jn(e, r) {
   const t = ur(e, r);
-  pe(!t.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
+  fe(!t.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
   const n = En(), s = Pn(t.options, t.previewOptions);
   return An(t, n, s), [
     dr(t.collect, n, s),
@@ -4067,7 +4067,7 @@ function jn(e, r) {
   ];
 }
 function Bn(e) {
-  return A(
+  return F(
     () => e.hooks.dropTarget(),
     [
       e
@@ -4075,7 +4075,7 @@ function Bn(e) {
   );
 }
 function Wn(e) {
-  const r = De(), t = A(
+  const r = De(), t = F(
     () => new Vn(r.getBackend()),
     [
       r
@@ -4087,7 +4087,7 @@ function Wn(e) {
 }
 function Zn() {
   const e = De();
-  return A(
+  return F(
     () => new In(e),
     [
       e
@@ -4096,7 +4096,7 @@ function Zn() {
 }
 function Gn(e) {
   const { accept: r } = e;
-  return A(() => (pe(e.accept != null, "accept must be defined"), Array.isArray(r) ? r : [
+  return F(() => (fe(e.accept != null, "accept must be defined"), Array.isArray(r) ? r : [
     r
   ]), [
     r
@@ -4121,13 +4121,13 @@ class $n {
   }
 }
 function _n(e, r) {
-  const t = A(
+  const t = F(
     () => new $n(e, r),
     [
       r
     ]
   );
-  return se(() => {
+  return ae(() => {
     t.spec = e;
   }, [
     e
@@ -4163,7 +4163,7 @@ const k1 = "column", Kn = "flex items-center", Xn = "mr-3 cursor-move text-secon
   moveItem: s,
   handleAriaLabel: a = "Drag item"
 }) => {
-  const i = le(null), c = le(null), l = typeof n == "function" ? n(e) : -1, [{ isDragging: d }, u, p] = jn(
+  const i = ce(null), c = ce(null), l = typeof n == "function" ? n(e) : -1, [{ isDragging: d }, u, p] = jn(
     () => ({
       type: k1,
       item: { id: e, originalIndex: l },
@@ -4195,7 +4195,7 @@ const k1 = "column", Kn = "flex items-center", Xn = "mr-3 cursor-move text-secon
     "div",
     {
       ref: c,
-      className: q(Kn, t),
+      className: U(Kn, t),
       style: { opacity: d ? 0 : 1 },
       "aria-roledescription": "Draggable item",
       children: [
@@ -4284,8 +4284,8 @@ const k1 = "column", Kn = "flex items-center", Xn = "mr-3 cursor-move text-secon
 };
 var n1 = /* @__PURE__ */ ((e) => (e.Horizontal = "horizontal", e.Vertical = "vertical", e))(n1 || {});
 const I1 = () => typeof window < "u" && window.innerWidth < 1024, oo = () => {
-  const [e, r] = B(I1());
-  return se(() => {
+  const [e, r] = j(I1());
+  return ae(() => {
     const t = () => r(I1());
     return window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
   }, []), e;
@@ -4308,10 +4308,10 @@ const ao = g(
   size: t = 24,
   onClose: n
 }) => /* @__PURE__ */ o(
-  re,
+  te,
   {
     ariaLabel: e,
-    cssClass: q("text-secondary hover:text-accent-primary", r),
+    cssClass: U("text-secondary hover:text-accent-primary", r),
     onClick: n,
     iconBefore: /* @__PURE__ */ o(Te, { size: t })
   }
@@ -4333,12 +4333,12 @@ const ao = g(
   outsideClosable: L = !0,
   allowedPlacements: y
 }) => {
-  const [N, R] = B(c), b = i !== void 0, k = b ? !!i : N, T = j(
+  const [N, R] = j(c), b = i !== void 0, k = b ? !!i : N, T = A(
     (I) => {
       b || R(I), l?.(I);
     },
     [b, l]
-  ), V = W1(), W = (I) => I ? "clientWidth" in I ? I.clientWidth : I.getBoundingClientRect?.()?.width ?? 0 : 0, $ = s === void 0, { refs: w, floatingStyles: O, context: F } = s1({
+  ), V = W1(), B = (I) => I ? "clientWidth" in I ? I.clientWidth : I.getBoundingClientRect?.()?.width ?? 0 : 0, $ = s === void 0, { refs: w, floatingStyles: O, context: q } = s1({
     placement: s,
     open: k,
     onOpenChange: T,
@@ -4354,47 +4354,47 @@ const ao = g(
       P1({ padding: Se }),
       wr({
         padding: Se,
-        apply({ availableWidth: I, availableHeight: U, elements: ae }) {
-          const z = ae.floating, f = W(ae.reference);
+        apply({ availableWidth: I, availableHeight: _, elements: ie }) {
+          const z = ie.floating, f = B(ie.reference);
           z.style.setProperty(
             "--reference-width",
             `${Math.round(f)}px`
           ), z.style.setProperty(
             "--fui-available-height",
-            `${Math.floor(U)}px`
-          ), z.style.minWidth = `${Math.round(f)}px`, z.style.maxWidth = `${Math.floor(I)}px`, z.style.maxHeight = `${Math.floor(U)}px`;
+            `${Math.floor(_)}px`
+          ), z.style.minWidth = `${Math.round(f)}px`, z.style.maxWidth = `${Math.floor(I)}px`, z.style.maxHeight = `${Math.floor(_)}px`;
         }
       })
     ]
-  }), _ = Lr(F, {
+  }), W = Lr(q, {
     enabled: n.includes(be.Click) && !a
-  }), X = H1(F, {
+  }), K = H1(q, {
     enabled: n.includes(be.Hover) && !a,
     move: !1,
     restMs: 40,
     delay: { open: 80, close: 80 }
-  }), me = a1(F, {
+  }), ee = a1(q, {
     bubbles: !0,
     referencePress: !1,
     outsidePress: (I) => {
       if (!L) return !1;
-      const U = I.target;
-      return !(m?.current && U instanceof Node && m.current.contains(U));
+      const _ = I.target;
+      return !(m?.current && _ instanceof Node && m.current.contains(_));
     }
-  }), Y = i1(F, { role: "menu" }), { getReferenceProps: te, getFloatingProps: K } = l1([
-    _,
-    X,
-    me,
+  }), Y = i1(q, { role: "menu" }), { getReferenceProps: ne, getFloatingProps: X } = l1([
+    W,
+    K,
+    ee,
     Y
-  ]), ne = (I) => {
+  ]), oe = (I) => {
     !n.includes(be.ContextMenu) || a || (I.preventDefault(), T(!0));
   };
-  se(() => {
+  ae(() => {
     a && k && T(!1);
   }, [a, k, T]);
-  const D = (I) => (U) => {
-    I.disabled || (I.onClick?.({ key: I.key, domEvent: U }), r?.onClick?.({ key: I.key, domEvent: U }), T(!1));
-  }, ce = t ? t() : r && /* @__PURE__ */ v(Ce, { children: [
+  const D = (I) => (_) => {
+    I.disabled || (I.onClick?.({ key: I.key, domEvent: _ }), r?.onClick?.({ key: I.key, domEvent: _ }), T(!1));
+  }, de = t ? t() : r && /* @__PURE__ */ v(Ce, { children: [
     r.header && /* @__PURE__ */ o(Ce, { children: typeof r.header == "function" ? r.header() : r.header }),
     /* @__PURE__ */ o("div", { role: "none", className: "py-1", children: r.items.map((I) => I.type === fr.Divider ? /* @__PURE__ */ o(
       "div",
@@ -4457,15 +4457,15 @@ const ao = g(
         "aria-haspopup": "menu",
         "aria-expanded": k,
         "aria-controls": V,
-        onContextMenu: ne,
-        ...te(),
+        onContextMenu: oe,
+        ...ne(),
         children: e
       }
     ),
     k && /* @__PURE__ */ o(c1, { children: /* @__PURE__ */ o(
       F1,
       {
-        context: F,
+        context: q,
         modal: !1,
         initialFocus: -1,
         returnFocus: !0,
@@ -4476,7 +4476,7 @@ const ao = g(
             ref: w.setFloating,
             style: O,
             className: g(io, x),
-            ...K(),
+            ...X(),
             children: [
               d && /* @__PURE__ */ o("div", { className: "flex items-center justify-between px-2 pt-2", children: /* @__PURE__ */ o(
                 mr,
@@ -4487,7 +4487,7 @@ const ao = g(
                   }
                 }
               ) }),
-              ce
+              de
             ]
           }
         )
@@ -4503,7 +4503,7 @@ const ao = g(
   horizontal: a,
   onClick: i
 }) => {
-  const l = q(
+  const l = U(
     "rounded px-3 py-2 flex flex-row gap-2 h-[32px] cursor-pointer dial-small leading-4 hover:text-accent-primary",
     {
       "bg-layer-4": a,
@@ -4541,25 +4541,25 @@ const ao = g(
   onClick: t,
   orientation: n = n1.Horizontal
 }) => {
-  const [s, a] = B(!1), [i, c] = B(!1), [l, d] = B(!1), u = oo(), p = n === n1.Horizontal, x = le(null), m = le(null), L = le(null), y = e.find((b) => b.id === r), N = A(
+  const [s, a] = j(!1), [i, c] = j(!1), [l, d] = j(!1), u = oo(), p = n === n1.Horizontal, x = ce(null), m = ce(null), L = ce(null), y = e.find((b) => b.id === r), N = F(
     () => g(
       "flex gap-3",
       p ? "flex-row flex-nowrap overflow-x-auto" : "flex-col flex-wrap w-full"
     ),
     [p]
-  ), R = j(() => {
+  ), R = A(() => {
     const b = m.current;
     b && d(b.scrollWidth > b.clientWidth);
   }, []);
-  return se(() => {
+  return ae(() => {
     R();
     const b = new ResizeObserver(R), k = m.current;
     return k && b.observe(k), () => b.disconnect();
-  }, [e, R]), se(() => {
+  }, [e, R]), ae(() => {
     const b = L.current, k = m.current;
     if (!b || !k) return;
-    const T = b.offsetLeft, V = T + b.offsetWidth, W = k.scrollLeft, $ = W + k.clientWidth;
-    T < W ? k.scrollTo({
+    const T = b.offsetLeft, V = T + b.offsetWidth, B = k.scrollLeft, $ = B + k.clientWidth;
+    T < B ? k.scrollTo({
       left: T - S1,
       behavior: "smooth"
     }) : V > $ && k.scrollTo({
@@ -4650,7 +4650,7 @@ const ao = g(
             b.id
           )),
           children: /* @__PURE__ */ o(
-            re,
+            te,
             {
               iconBefore: /* @__PURE__ */ o(ot, { size: 18 }),
               cssClass: g(
@@ -4674,12 +4674,12 @@ const ao = g(
   iconBefore: c,
   titleCssClass: l
 }) => {
-  const d = q(go, i), u = !!r && !s && !n, p = typeof e == "string" ? /* @__PURE__ */ o(Ne, { text: e }) : e;
+  const d = U(go, i), u = !!r && !s && !n, p = typeof e == "string" ? /* @__PURE__ */ o(Ne, { text: e }) : e;
   return /* @__PURE__ */ v("li", { className: d, children: [
     u ? /* @__PURE__ */ v(
       "a",
       {
-        className: q(
+        className: U(
           N1,
           ho,
           l
@@ -4694,7 +4694,7 @@ const ao = g(
     ) : /* @__PURE__ */ v(
       "span",
       {
-        className: q(
+        className: U(
           N1,
           Co,
           n && "pointer-events-none opacity-75",
@@ -4739,7 +4739,7 @@ const ao = g(
     "nav",
     {
       "aria-label": t,
-      className: q(fo, n),
+      className: U(fo, n),
       children: /* @__PURE__ */ o("ol", { className: mo, children: i })
     }
   );
@@ -4755,10 +4755,10 @@ const ao = g(
   disableTooltip: l,
   onChange: d
 }) => /* @__PURE__ */ o(
-  fe,
+  me,
   {
     tooltip: l ? null : e,
-    triggerClassName: q("flex", s),
+    triggerClassName: U("flex", s),
     children: /* @__PURE__ */ o(
       "textarea",
       {
@@ -4831,18 +4831,19 @@ const ao = g(
   textBeforeInput: b,
   textAfterInput: k,
   onBlur: T,
-  defaultValue: V
+  defaultValue: V,
+  tooltipText: B
 }) => {
-  const W = (F) => F.target.blur(), $ = d === "number" || L !== void 0 || y !== void 0, w = (F) => {
-    wo(F, d, L, y);
-  }, O = (F) => {
-    const _ = F.currentTarget.value;
-    if ($ && _ !== "") {
-      const X = parseFloat(_);
-      if (isNaN(X) && _ !== "-" && _ !== "." || !isNaN(X) && (L !== void 0 && X < L || y !== void 0 && X > y))
+  const $ = (W) => W.target.blur(), w = d === "number" || L !== void 0 || y !== void 0, O = (W) => {
+    wo(W, d, L, y);
+  }, q = (W) => {
+    const K = W.currentTarget.value;
+    if (w && K !== "") {
+      const ee = parseFloat(K);
+      if (isNaN(ee) && K !== "-" && K !== "." || !isNaN(ee) && (L !== void 0 && ee < L || y !== void 0 && ee > y))
         return;
     }
-    m?.(_);
+    m?.(K);
   };
   return /* @__PURE__ */ v(
     "div",
@@ -4875,9 +4876,9 @@ const ao = g(
         ] }),
         /* @__PURE__ */ o(Z, { icon: e }),
         /* @__PURE__ */ o(
-          fe,
+          me,
           {
-            tooltip: n,
+            tooltip: B || n,
             triggerClassName: g(l, "flex-1"),
             children: /* @__PURE__ */ o(
               "input",
@@ -4889,9 +4890,9 @@ const ao = g(
                 value: V ? void 0 : n ?? "",
                 disabled: u,
                 className: g("border-0 bg-transparent w-full", i),
-                onChange: (F) => !p && O?.(F),
-                onKeyDown: w,
-                onWheel: W,
+                onChange: (W) => !p && q?.(W),
+                onKeyDown: O,
+                onWheel: $,
                 onBlur: T,
                 min: L,
                 max: y,
@@ -4990,7 +4991,7 @@ const ao = g(
   elementContainerCssClass: a,
   errorText: i,
   ...c
-}) => /* @__PURE__ */ v("div", { className: q("flex flex-col", s), children: [
+}) => /* @__PURE__ */ v("div", { className: U("flex flex-col", s), children: [
   /* @__PURE__ */ o(
     Re,
     {
@@ -5021,7 +5022,7 @@ const ao = g(
     t ? "flex-row-reverse" : "flex-row",
     n ? "pointer-events-none" : "",
     n ? t ? "bg-controls-disable" : "bg-layer-4" : t ? "bg-accent-primary" : "bg-layer-4"
-  ), i = j(
+  ), i = A(
     (c) => {
       c.stopPropagation(), s?.(!t);
     },
@@ -5051,11 +5052,11 @@ const ao = g(
     e && /* @__PURE__ */ o("span", { className: "pl-2 dial-small text-primary", children: e })
   ] });
 };
-var ue = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(ue || {});
+var pe = /* @__PURE__ */ ((e) => (e.Sm = "sm", e.Md = "md", e.Lg = "lg", e))(pe || {});
 const Do = "z-[52] flex items-center justify-center bg-blackout md:p-4", Io = "divide-tertiary divide-y", So = "flex flex-row justify-between py-4 px-6 items-center", No = {
-  [ue.Sm]: "dial-sm-popup",
-  [ue.Md]: "dial-md-popup",
-  [ue.Lg]: "dial-lg-popup"
+  [pe.Sm]: "dial-sm-popup",
+  [pe.Md]: "dial-md-popup",
+  [pe.Lg]: "dial-lg-popup"
 }, g1 = ({
   open: e = !1,
   title: r,
@@ -5067,7 +5068,7 @@ const Do = "z-[52] flex items-center justify-center bg-blackout md:p-4", Io = "d
   children: c,
   footer: l,
   onClose: d,
-  size: u = ue.Md
+  size: u = pe.Md
 }) => {
   const { refs: p, context: x } = s1({
     open: e,
@@ -5084,7 +5085,7 @@ const Do = "z-[52] flex items-center justify-center bg-blackout md:p-4", Io = "d
         "flex-1 min-w-0 mr-3 truncate dial-h3 text-primary",
         a
       ),
-      children: /* @__PURE__ */ o(fe, { tooltip: b, children: b })
+      children: /* @__PURE__ */ o(me, { tooltip: b, children: b })
     }
   ) : b : /* @__PURE__ */ o("span", {});
   return /* @__PURE__ */ o(c1, { id: t, children: /* @__PURE__ */ o(kr, { className: g(Do, s), children: /* @__PURE__ */ o(F1, { context: x, children: /* @__PURE__ */ v(
@@ -5146,12 +5147,12 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
   children: m,
   dividers: L = !1,
   variant: y = We.Info,
-  size: N = ue.Sm,
+  size: N = pe.Sm,
   footer: R
 }) => {
   const b = i ? null : /* @__PURE__ */ v("div", { className: To, children: [
     /* @__PURE__ */ o(
-      re,
+      te,
       {
         variant: J.Secondary,
         title: a,
@@ -5159,7 +5160,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
       }
     ),
     /* @__PURE__ */ o(
-      re,
+      te,
       {
         variant: T1[y].confirmVariant,
         cssClass: d,
@@ -5168,7 +5169,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
         onClick: () => p()
       }
     )
-  ] }), k = j(() => i ? /* @__PURE__ */ o("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ o(Q1, { size: 50 }) }) : m ?? (r ? /* @__PURE__ */ o(
+  ] }), k = A(() => i ? /* @__PURE__ */ o("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ o(Q1, { size: 50 }) }) : m ?? (r ? /* @__PURE__ */ o(
     "div",
     {
       className: g(Mo, t),
@@ -5196,7 +5197,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
       "flex gap-x-2 gap-y-1",
       r
     ),
-    children: e?.map((n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(fe, { tooltip: n, children: /* @__PURE__ */ o(
+    children: e?.map((n) => /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o(me, { tooltip: n, children: /* @__PURE__ */ o(
       m1,
       {
         tag: n,
@@ -5261,7 +5262,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
                 l && "dial-input-error"
               ),
               children: [
-                /* @__PURE__ */ o(fe, { tooltip: String(x), children: /* @__PURE__ */ o("span", { className: s, children: x }) }),
+                /* @__PURE__ */ o(me, { tooltip: String(x), children: /* @__PURE__ */ o("span", { className: s, children: x }) }),
                 !t && /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: /* @__PURE__ */ o(
                   Z,
                   {
@@ -5304,13 +5305,13 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
   selectedRadioValue: N,
   onChangeRadioField: R,
   id: b,
-  size: k = ue.Md
+  size: k = pe.Md
 }) => {
-  const [T, V] = B(!1), W = j(() => {
+  const [T, V] = j(!1), B = A(() => {
     t || V(!0);
-  }, [t]), $ = j(() => {
+  }, [t]), $ = A(() => {
     V(!1), d?.();
-  }, [d]), w = j(() => {
+  }, [d]), w = A(() => {
     x(), $();
   }, [x, $]);
   return /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
@@ -5324,7 +5325,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
         valueCssClasses: i,
         inputCssClasses: g(c, "py-2", "px-3"),
         emptyValueText: l,
-        onOpen: W,
+        onOpen: B,
         children: /* @__PURE__ */ o(
           g1,
           {
@@ -5335,7 +5336,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
             size: k,
             footer: /* @__PURE__ */ v("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
               /* @__PURE__ */ o(
-                re,
+                te,
                 {
                   variant: J.Secondary,
                   title: m,
@@ -5343,7 +5344,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
                 }
               ),
               /* @__PURE__ */ o(
-                re,
+                te,
                 {
                   variant: J.Primary,
                   title: L,
@@ -5382,12 +5383,12 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
   onCancel: u,
   children: p,
   dividers: x = !0,
-  size: m = ue.Md,
+  size: m = pe.Md,
   footer: L
 }) => {
   const y = s ? null : /* @__PURE__ */ v("div", { className: Ho, children: [
     /* @__PURE__ */ o(
-      re,
+      te,
       {
         variant: J.Secondary,
         title: n,
@@ -5395,7 +5396,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
       }
     ),
     /* @__PURE__ */ o(
-      re,
+      te,
       {
         variant: J.Primary,
         cssClass: c,
@@ -5404,7 +5405,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
         onClick: () => d()
       }
     )
-  ] }), N = j(() => s ? /* @__PURE__ */ o("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ o(Q1, { size: 50 }) }) : p ?? null, [p, s]);
+  ] }), N = A(() => s ? /* @__PURE__ */ o("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ o(Q1, { size: 50 }) }) : p ?? null, [p, s]);
   return /* @__PURE__ */ o(
     g1,
     {
@@ -5437,7 +5438,7 @@ const To = "flex justify-end gap-2 px-6 py-4", Mo = "text-secondary dial-small-1
     "aria-label": "show"
   }
 ), Ao = ({ ...e }) => {
-  const [r, t] = B(!1), n = j((s) => {
+  const [r, t] = j(!1), n = A((s) => {
     t(s);
   }, []);
   return /* @__PURE__ */ o(
@@ -5501,16 +5502,16 @@ const jo = {
   onChange: l,
   size: d = Ze.Base
 }) => {
-  const [u, p] = B(r || "");
-  se(() => {
+  const [u, p] = j(r || "");
+  ae(() => {
     p(r || "");
   }, [r]);
-  const x = j(
+  const x = A(
     (y) => {
       p(y), l?.(y);
     },
     [l]
-  ), m = jo[d], L = j(() => {
+  ), m = jo[d], L = A(() => {
     x("");
   }, [x]);
   return /* @__PURE__ */ v(
@@ -5584,12 +5585,12 @@ const jo = {
   containerCssClass: a,
   inputCssClass: i
 }) => {
-  const [c, l] = B(""), d = j(
+  const [c, l] = j(""), d = A(
     (p) => {
       p.key === "Enter" && (t([...r, p.currentTarget.value]), l("")), (p.key === "Backspace" || p.key === "Delete") && r.length && !c && t(r.slice(0, -1));
     },
     [r, t, c]
-  ), u = j(
+  ), u = A(
     (p) => {
       l(p.target.value);
     },
@@ -5636,7 +5637,7 @@ const jo = {
   disabled: c,
   onChange: l
 }) => {
-  const d = le(null), [u, p] = B(e), [x, m] = B(""), [L, y] = B(!1), N = (k) => {
+  const d = ce(null), [u, p] = j(e), [x, m] = j(""), [L, y] = j(!1), N = (k) => {
     const T = k.trim().replace(/,$/, "");
     if (T && !u.includes(T)) {
       const V = [T, ...u];
@@ -5645,10 +5646,10 @@ const jo = {
   }, R = (k) => {
     (k.key === "," || k.key === "Enter") && (k.preventDefault(), N(x), m(""));
   }, b = (k) => {
-    const T = u.filter((V, W) => W !== k);
+    const T = u.filter((V, B) => B !== k);
     p(T), l?.(T);
   };
-  return se(() => {
+  return ae(() => {
     const k = new ResizeObserver(() => {
       if (d.current) {
         const T = d.current.scrollHeight > d.current.clientHeight + 10;
@@ -5729,68 +5730,68 @@ const jo = {
   onClose: L,
   onChange: y
 }) => {
-  const [N, R] = B(!1), [b, k] = B(""), T = W1(), V = t !== void 0, [W, $] = B(n), w = V ? t : W, O = A(() => r ? Array.isArray(w) ? w : [] : typeof w == "string" ? [w] : [], [w, r]), F = A(() => {
+  const [N, R] = j(!1), [b, k] = j(""), T = W1(), V = t !== void 0, [B, $] = j(n), w = V ? t : B, O = F(() => r ? Array.isArray(w) ? w : [] : typeof w == "string" ? [w] : [], [w, r]), q = F(() => {
     const f = b.trim().toLowerCase();
     return f ? e.filter((E) => E.label.toLowerCase().includes(f)) : e;
   }, [e, b]);
-  se(() => {
+  ae(() => {
     N || k("");
   }, [N]);
-  const _ = j(
+  const W = A(
     (f) => {
       V || $(f), y?.(f);
     },
     [V, y]
-  ), X = (f) => {
+  ), K = (f) => {
     if (r) {
       const E = new Set(O);
-      E.has(f) ? E.delete(f) : E.add(f), _(Array.from(E));
+      E.has(f) ? E.delete(f) : E.add(f), W(Array.from(E));
     } else
-      _(f), R(!1);
-  }, me = j(
+      W(f), R(!1);
+  }, ee = A(
     (f, E) => {
       if (f.stopPropagation(), !r) {
-        _("");
+        W("");
         return;
       }
-      const oe = O.filter((P) => P !== E);
-      _(oe);
+      const se = O.filter((P) => P !== E);
+      W(se);
     },
-    [r, O, _]
-  ), Y = A(
-    () => F.filter((f) => !f.disabled),
-    [F]
-  ), te = A(
+    [r, O, W]
+  ), Y = F(
+    () => q.filter((f) => !f.disabled),
+    [q]
+  ), ne = F(
     () => Y.filter((f) => O.includes(f.value)).length,
     [Y, O]
-  ), K = Y.length > 0 && te === Y.length, ne = te > 0 && !K, D = () => {
+  ), X = Y.length > 0 && ne === Y.length, oe = ne > 0 && !X, D = () => {
     if (!(!r || Y.length === 0))
-      if (K) {
-        const f = new Set(Y.map((oe) => oe.value)), E = O.filter((oe) => !f.has(oe));
-        _(E);
+      if (X) {
+        const f = new Set(Y.map((se) => se.value)), E = O.filter((se) => !f.has(se));
+        W(E);
       } else {
         const f = new Set(O);
-        Y.forEach((E) => f.add(E.value)), _(Array.from(f));
+        Y.forEach((E) => f.add(E.value)), W(Array.from(f));
       }
-  }, ce = O.length > 0, I = !r && ce ? O[0] : void 0, U = A(
+  }, de = O.length > 0, I = !r && de ? O[0] : void 0, _ = F(
     () => I ? e.find((f) => f.value === I) : void 0,
     [e, I]
-  ), ae = j(() => !r || O.length === 0 ? null : /* @__PURE__ */ o("div", { className: "flex flex-wrap w-full items-center gap-1", children: O.map((f) => {
-    const E = e.find((P) => P.value === f)?.label ?? f, oe = e.find((P) => P.value === f)?.icon;
+  ), ie = A(() => !r || O.length === 0 ? null : /* @__PURE__ */ o("div", { className: "flex flex-wrap w-full items-center gap-1", children: O.map((f) => {
+    const E = e.find((P) => P.value === f)?.label ?? f, se = e.find((P) => P.value === f)?.icon;
     return /* @__PURE__ */ o(
       m1,
       {
         tag: E,
-        remove: (P) => me(P, f),
-        iconBefore: oe ? /* @__PURE__ */ o(Z, { icon: oe }) : null,
+        remove: (P) => ee(P, f),
+        iconBefore: se ? /* @__PURE__ */ o(Z, { icon: se }) : null,
         cssClass: "max-w-full"
       },
       f
     );
-  }) }), [r, e, O, me]), z = j(() => r ? ce ? ae() : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }) : U ? /* @__PURE__ */ v(Ce, { children: [
-    U.icon && /* @__PURE__ */ o(Z, { icon: U.icon }),
-    /* @__PURE__ */ o(Ne, { text: U.label })
-  ] }) : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }), [ce, r, s, ae, U]);
+  }) }), [r, e, O, ee]), z = A(() => r ? de ? ie() : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }) : _ ? /* @__PURE__ */ v(Ce, { children: [
+    _.icon && /* @__PURE__ */ o(Z, { icon: _.icon }),
+    /* @__PURE__ */ o(Ne, { text: _.label })
+  ] }) : /* @__PURE__ */ o("span", { className: "text-secondary truncate", children: s }), [de, r, s, ie, _]);
   return /* @__PURE__ */ o(
     o1,
     {
@@ -5819,7 +5820,7 @@ const jo = {
                 }
               ),
               m && /* @__PURE__ */ o(
-                re,
+                te,
                 {
                   ariaLabel: "Close select",
                   cssClass: "shrink-0",
@@ -5835,20 +5836,20 @@ const jo = {
               {
                 id: `${T}-selectAll`,
                 label: c,
-                checked: K,
-                indeterminate: ne,
+                checked: X,
+                indeterminate: oe,
                 onChange: D,
                 ariaLabel: c
               }
             ) }),
-            /* @__PURE__ */ o("div", { className: "overflow-y-auto py-1", children: F.length === 0 ? /* @__PURE__ */ o("div", { className: "px-2 py-3", children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o("div", { className: "overflow-y-auto py-1", children: q.length === 0 ? /* @__PURE__ */ o("div", { className: "px-2 py-3", children: /* @__PURE__ */ o(
               un,
               {
                 icon: u ?? /* @__PURE__ */ o(_1, { size: 24 }),
                 title: l,
                 description: d
               }
-            ) }) : F.map((f) => {
+            ) }) : q.map((f) => {
               const E = O.includes(f.value);
               return r ? /* @__PURE__ */ o(
                 "div",
@@ -5869,7 +5870,7 @@ const jo = {
                       ] }),
                       checked: E,
                       disabled: f.disabled,
-                      onChange: () => !f.disabled && X(f.value),
+                      onChange: () => !f.disabled && K(f.value),
                       ariaLabel: f.label
                     }
                   )
@@ -5888,7 +5889,7 @@ const jo = {
                     E && $o,
                     f.disabled && R1
                   ),
-                  onClick: () => !f.disabled && X(f.value),
+                  onClick: () => !f.disabled && K(f.value),
                   children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2 w-full", children: [
                     f.icon && /* @__PURE__ */ o(Z, { icon: f.icon }),
                     /* @__PURE__ */ o(Ne, { text: f.label })
@@ -5907,7 +5908,7 @@ const jo = {
           "aria-haspopup": "listbox",
           "aria-expanded": N,
           "aria-controls": T,
-          className: q(
+          className: U(
             Wo,
             p && "opacity-75 !cursor-not-allowed",
             x
@@ -5959,7 +5960,7 @@ export {
   Cr as DialAutocompleteInputValue,
   is as DialBreadcrumb,
   yo as DialBreadcrumbItem,
-  re as DialButton,
+  te as DialButton,
   C1 as DialCheckbox,
   mr as DialCloseButton,
   ts as DialCollapsibleSidebar,
@@ -5997,14 +5998,14 @@ export {
   ds as DialTextAreaField,
   cs as DialTextInputField,
   xo as DialTextarea,
-  fe as DialTooltip,
+  me as DialTooltip,
   so as DropdownType,
   je as FormItemOrientation,
-  ue as PopupSize,
+  pe as PopupSize,
   Ae as RadioGroupOrientation,
   Ze as SearchSize,
-  ee as StepStatus,
+  re as StepStatus,
   n1 as TabOrientation,
   f1 as TagVariant,
-  q as mergeClasses
+  U as mergeClasses
 };