@fluidattacks/design 3.35.5-pr → 3.35.5-pr.2

package/dist/{components-Ba8Rs1pE.mjs → components-CnCRXsMh.mjs}

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as f, Fragment as pe } from "react/jsx-runtime";
 import it, { forwardRef as ne, useState as R, useCallback as v, useEffect as _, useMemo as X, useRef as M, StrictMode as Bi, Fragment as fe, Children as Ct, isValidElement as An, cloneElement as jn, createContext as Rn, useContext as ye } from "react";
 import { ThemeProvider as Hi, styled as m, useTheme as j, css as He, keyframes as On } from "styled-components";
-import { C as Mi, s as _i, _ as O, u as Vn, p as St, A as Gi, l as Ui, a as Yi, c as Nt, b as Oe, d as Xi, e as Zi, f as Ki, g as qi, h as G, i as rt, j as Pn, o as ot, k as Ji, $ as Qi, m as er, n as tr, q as nr, r as ir, t as rr, v as or, w as ar, x as lr, y as Wn, z as Bn, B as Ft, D as sr, E as cr, F as dr, G as Jt, H as at, I as pr, J as gr, K as Hn, L as lt, M as Mn, N as ur, O as hr, P as fr, Q as yr, R as $r, S as q, T as br, U as _n, V as xr, W as Gn, X as Un, Y as mr, Z as wr, a0 as vr, a1 as kr, a2 as Cr, a3 as Sr, a4 as Et, a5 as zr, a6 as Qt, a7 as en, a8 as tn, a9 as je, aa as Ir, ab as Yn, ac as Xn, ad as Zn, ae as Kn, af as qn, ag as Tr, ah as Jn, ai as Dr, aj as Nr, ak as Fr, al as Er, am as Lr, an as Ar, ar as Qn, as as jr, at as Rr, au as Or, av as Vr, aw as Pr, ax as Wr, ay as Br, az as Hr, aA as Mr, aB as _r, aC as zt, aD as Gr, aE as nn, aF as Ur, aG as rn, aH as Yr } from "./vendor-ByFwokAx.mjs";
+import { C as Mi, s as _i, _ as O, u as Vn, p as St, A as Gi, l as Ui, a as Yi, c as Nt, b as Oe, d as Xi, e as Zi, f as Ki, g as qi, h as G, i as rt, j as Wn, o as ot, k as Ji, $ as Qi, m as er, n as tr, q as nr, r as ir, t as rr, v as or, w as ar, x as lr, y as Pn, z as Bn, B as Ft, D as sr, E as cr, F as dr, G as Jt, H as at, I as pr, J as gr, K as Hn, L as lt, M as Mn, N as ur, O as hr, P as fr, Q as yr, R as $r, S as q, T as br, U as _n, V as xr, W as Gn, X as Un, Y as mr, Z as wr, a0 as vr, a1 as kr, a2 as Cr, a3 as Sr, a4 as Et, a5 as zr, a6 as Qt, a7 as en, a8 as tn, a9 as je, aa as Ir, ab as Yn, ac as Xn, ad as Zn, ae as Kn, af as qn, ag as Tr, ah as Jn, ai as Dr, aj as Nr, ak as Fr, al as Er, am as Lr, an as Ar, ar as Qn, as as jr, at as Rr, au as Or, av as Vr, aw as Wr, ax as Pr, ay as Br, az as Hr, aA as Mr, aB as _r, aC as zt, aD as Gr, aE as nn, aF as Ur, aG as rn, aH as Yr } from "./vendor-ByFwokAx.mjs";
 import { createPortal as Fe } from "react-dom";
 import { Link as Xr, useLocation as Zr, NavLink as Kr } from "react-router-dom";
 const me = (e) => ({
@@ -281,7 +281,7 @@ const me = (e) => ({
   }
 }, Ed = ({
   children: e
-}) => /* @__PURE__ */ i(Hi, { theme: V, children: e }), W = (e, t) => t === void 0 ? "" : `${e}: ${t};`, st = (e) => {
+}) => /* @__PURE__ */ i(Hi, { theme: V, children: e }), P = (e, t) => t === void 0 ? "" : `${e}: ${t};`, st = (e) => {
   const t = e.py ?? e.pt ?? 0, n = e.px ?? e.pr ?? 0, r = e.py ?? e.pb ?? 0, o = e.px ?? e.pl ?? 0;
   if (e.padding) {
     const [a, s, l, c] = e.padding;
@@ -296,7 +296,7 @@ const me = (e) => ({
   }
   return `margin: ${V.spacing[t]} ${V.spacing[n]} ${V.spacing[r]} ${V.spacing[o]};`;
 }, dt = (e) => {
-  const t = W("position", e.position), n = W("top", e.top), r = W("right", e.right), o = W("bottom", e.bottom), a = W("left", e.left), s = W("z-index", e.zIndex);
+  const t = P("position", e.position), n = P("top", e.top), r = P("right", e.right), o = P("bottom", e.bottom), a = P("left", e.left), s = P("z-index", e.zIndex);
   return `
     ${t}
     ${n}
@@ -306,7 +306,7 @@ const me = (e) => ({
     ${s}
   `;
 }, pt = (e) => {
-  const t = W("border", e.border), n = W("border-top", e.borderTop), r = W("border-right", e.borderRight), o = W("border-bottom", e.borderBottom), a = W("border-left", e.borderLeft), s = W("border-color", e.borderColor), l = W("border-radius", e.borderRadius);
+  const t = P("border", e.border), n = P("border-top", e.borderTop), r = P("border-right", e.borderRight), o = P("border-bottom", e.borderBottom), a = P("border-left", e.borderLeft), s = P("border-color", e.borderColor), l = P("border-radius", e.borderRadius);
   return `
     ${t}
     ${n}
@@ -320,13 +320,13 @@ const me = (e) => ({
   const t = e.scroll ? `
       ${po(e.scroll)}
       ${go(e.scroll)}
-    ` : "", n = W("visibility", e.visibility), r = W("display", e.display), o = W("height", e.height), a = W("width", e.width), s = W("max-height", e.maxHeight), l = W("max-width", e.maxWidth), c = W("min-height", e.minHeight), p = W("min-width", e.minWidth), d = W(
+    ` : "", n = P("visibility", e.visibility), r = P("display", e.display), o = P("height", e.height), a = P("width", e.width), s = P("max-height", e.maxHeight), l = P("max-width", e.maxWidth), c = P("min-height", e.minHeight), p = P("min-width", e.minWidth), d = P(
     "box-shadow",
     e.shadow ? V.shadows[e.shadow] : void 0
-  ), g = W(
+  ), g = P(
     "gap",
     e.gap === void 0 ? void 0 : V.spacing[e.gap]
-  ), u = W("background-color", e.bgColor), h = W("background", e.bgGradient), y = W("flex-direction", e.flexDirection), $ = W("flex-grow", e.flexGrow), x = W("justify-content", e.justify), k = W("justify-self", e.justifySelf), C = W("align-items", e.alignItems), z = W("align-self", e.alignSelf), w = W("flex-wrap", e.wrap);
+  ), u = P("background-color", e.bgColor), h = P("background", e.bgGradient), y = P("flex-direction", e.flexDirection), $ = P("flex-grow", e.flexGrow), x = P("justify-content", e.justify), k = P("justify-self", e.justifySelf), C = P("align-items", e.alignItems), z = P("align-self", e.alignSelf), w = P("flex-wrap", e.wrap);
   return `
     ${t}
     ${n}
@@ -350,7 +350,7 @@ const me = (e) => ({
     ${w}
   `;
 }, ut = (e) => {
-  const t = W("color", e.color), n = W("font-family", e.fontFamily), r = W("font-size", e.fontSize), o = W("font-weight", e.fontWeight), a = W("line-spacing", e.letterSpacing), s = W("line-height", e.lineSpacing), l = W("text-align", e.textAlign), c = W("text-decoration", e.textDecoration), p = W("text-overflow", e.textOverflow), d = W("white-space", e.whiteSpace), g = W("word-break", e.wordBreak), u = W("word-wrap", e.wordWrap);
+  const t = P("color", e.color), n = P("font-family", e.fontFamily), r = P("font-size", e.fontSize), o = P("font-weight", e.fontWeight), a = P("line-spacing", e.letterSpacing), s = P("line-height", e.lineSpacing), l = P("text-align", e.textAlign), c = P("text-decoration", e.textDecoration), p = P("text-overflow", e.textOverflow), d = P("white-space", e.whiteSpace), g = P("word-break", e.wordBreak), u = P("word-wrap", e.wordWrap);
   return `
     ${t}
     ${n}
@@ -366,10 +366,10 @@ const me = (e) => ({
     ${u}
   `;
 }, ht = (e) => {
-  const t = W("cursor", e.cursor), n = W("border-color", e.borderColorHover), r = W("background-color", e.bgColorHover), o = W(
+  const t = P("cursor", e.cursor), n = P("border-color", e.borderColorHover), r = P("background-color", e.bgColorHover), o = P(
     "box-shadow",
     e.shadowHover === void 0 ? void 0 : V.shadows[e.shadowHover]
-  ), a = W("transition", e.transition);
+  ), a = P("transition", e.transition);
   return `
     ${t}
 
@@ -1403,7 +1403,7 @@ const A = ne(function({
       }
     )
   ] });
-}, Po = (e, t) => t === "0" ? `${e.spacing[1]} ${e.spacing[1]} 0 0` : t === "-1" ? `0 0 ${e.spacing[1]} ${e.spacing[1]}` : "unset", At = m.div`
+}, Wo = (e, t) => t === "0" ? `${e.spacing[1]} ${e.spacing[1]} 0 0` : t === "-1" ? `0 0 ${e.spacing[1]} ${e.spacing[1]}` : "unset", At = m.div`
   ${({ theme: e, $index: t }) => `
     align-items: flex-start;
     display: flex;
@@ -1411,7 +1411,7 @@ const A = ne(function({
     background-color: ${e.palette.white};
     border: 1px solid;
     border-color: ${e.palette.gray[200]};
-    border-radius: ${Po(e, t)};
+    border-radius: ${Wo(e, t)};
     gap: ${e.spacing[0.5]};
     padding: ${e.spacing[1.5]};
     overflow: hidden;
@@ -1551,7 +1551,7 @@ const A = ne(function({
       }
     )
   ] });
-}, Wo = (e) => {
+}, Po = (e) => {
   switch (e) {
     case "warning":
       return "triangle-exclamation";
@@ -1851,7 +1851,7 @@ const A = ne(function({
 }) => {
   const $ = j(), [x, k] = R(!1), { refs: C, floatingStyles: z, context: w, placement: S } = Oe({
     middleware: [
-      Pn({
+      Wn({
         fallbackAxisSideDirection: "start"
       }),
       ot({ mainAxis: 10 }),
@@ -2040,7 +2040,7 @@ const A = ne(function({
           A,
           {
             clickable: !1,
-            icon: o ?? Wo(u),
+            icon: o ?? Po(u),
             iconSize: "lg",
             iconType: "fa-light",
             mt: s === "top" ? 0.25 : 0
@@ -2510,7 +2510,7 @@ const A = ne(function({
 }, D) {
   const E = k !== void 0, T = `${a}-tooltip`, L = v(() => {
     o && ci(o, r);
-  }, [r, o]), P = /* @__PURE__ */ f(
+  }, [r, o]), W = /* @__PURE__ */ f(
     si,
     {
       $variant: S,
@@ -2574,9 +2574,9 @@ const A = ne(function({
       place: C,
       tip: k,
       width: I,
-      children: P
+      children: W
     }
-  ) : P;
+  ) : W;
 }), Vd = ne(function({
   children: t,
   onClick: n,
@@ -2763,7 +2763,7 @@ const A = ne(function({
 }) => t === "video" || oa(["webm"], o) ? /* @__PURE__ */ i(sn, { $opacity: r, children: /* @__PURE__ */ i(we, { href: o, iconPosition: "hidden", children: /* @__PURE__ */ f("video", { controls: !0, muted: !0, style: { height: a, width: n }, children: [
   /* @__PURE__ */ i("source", { src: o, type: "video/webm" }),
   o
-] }) }) }) : /* @__PURE__ */ i(sn, { $opacity: r, children: /* @__PURE__ */ i("img", { alt: e, src: o, style: { height: a, width: n } }) }), Pd = ({
+] }) }) }) : /* @__PURE__ */ i(sn, { $opacity: r, children: /* @__PURE__ */ i("img", { alt: e, src: o, style: { height: a, width: n } }) }), Wd = ({
   alt: e,
   authorEmail: t,
   date: n,
@@ -3109,7 +3109,7 @@ const A = ne(function({
   ${ge}:focus-within:not(.disabled, .error) & {
     border: 1px solid ${({ theme: e }) => e.palette.black};
   }
-`, Wd = m.div`
+`, Pd = m.div`
   ${({ theme: e, $show: t }) => `
     align-items: center;
     align-self: stretch;
@@ -3214,7 +3214,7 @@ const A = ne(function({
       }
     ) : void 0
   ] });
-}, Pe = ({
+}, We = ({
   className: e,
   children: t,
   isFilter: n = !1,
@@ -3572,13 +3572,13 @@ const A = ne(function({
   weight: D
 }) => {
   var Zt, Kt;
-  const E = j(), T = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? I, [P, B] = R(
+  const E = j(), T = t ? void 0 : r, L = (e == null ? void 0 : e.value) ?? I, [W, B] = R(
     ((Zt = g.find((H) => H.value === L)) == null ? void 0 : Zt.name) ?? ""
   ), [Z, J] = R(L), [ee, ie] = R(g), [ke, Y] = R(!1), { contains: K } = ir({ sensitivity: "base" }), ue = M(null), Ce = M(null), Ee = M(null), Le = M(null), _e = M(null), Fi = X(() => g.toSorted((H, oe) => {
     const se = Array.from(n ?? []), Ae = se.includes(H.value), qt = se.includes(oe.value);
     return Ae && !qt ? 1 : !Ae && qt ? -1 : 0;
   }).map(
-    (H) => K(H.name, P) || ke ? /* @__PURE__ */ i(
+    (H) => K(H.name, W) || ke ? /* @__PURE__ */ i(
       rr,
       {
         "aria-label": H.value,
@@ -3588,7 +3588,7 @@ const A = ne(function({
       },
       H.value
     ) : null
-  ), [K, n, P, g, ke]), Ei = v(
+  ), [K, n, W, g, ke]), Ei = v(
     (H) => {
       const oe = H.split(/,|\s/u).slice(-1)[0].trim();
       B(d ? oe : H), H === "" || H.endsWith(",") ? Y(!0) : (Y(!1), J((se) => {
@@ -3620,7 +3620,7 @@ const A = ne(function({
     allowsCustomValue: d,
     allowsEmptyCollection: !0,
     disabledKeys: n,
-    inputValue: P,
+    inputValue: W,
     items: ee,
     menuTrigger: "focus",
     shouldCloseOnBlur: !d,
@@ -3644,10 +3644,10 @@ const A = ne(function({
   }, [g, y, re, h]), {
     buttonProps: Oi,
     inputProps: Vi,
-    listBoxProps: Pi
+    listBoxProps: Wi
   } = ar(
     {
-      inputValue: P,
+      inputValue: W,
       buttonRef: Ce,
       id: p,
       inputRef: ue,
@@ -3658,7 +3658,7 @@ const A = ne(function({
       popoverRef: _e
     },
     re
-  ), { listBoxProps: Gt } = lr(Pi, re, Ee), { buttonProps: Wi } = Wn(Oi, Ce), { width: Ut } = ((Kt = Le.current) == null ? void 0 : Kt.getBoundingClientRect()) ?? {
+  ), { listBoxProps: Gt } = lr(Wi, re, Ee), { buttonProps: Pi } = Pn(Oi, Ce), { width: Ut } = ((Kt = Le.current) == null ? void 0 : Kt.getBoundingClientRect()) ?? {
     width: 240
   };
   $e(
@@ -3737,7 +3737,7 @@ const A = ne(function({
               /* @__PURE__ */ i(
                 Q,
                 {
-                  ...Wi,
+                  ...Pi,
                   className: "action",
                   disabled: t,
                   icon: re.isOpen && !t ? "chevron-up" : "chevron-down",
@@ -3755,7 +3755,7 @@ const A = ne(function({
           }
         ),
         re.isOpen && re.collection.size > 0 && !t ? /* @__PURE__ */ i(
-          Pe,
+          We,
           {
             className: "dropdown",
             offset: 4,
@@ -3813,7 +3813,7 @@ const A = ne(function({
             )
           }
         ) : g.length > 0 || !re.isOpen || t || !k ? null : /* @__PURE__ */ i(
-          Pe,
+          We,
           {
             className: "dropdown",
             offset: 4,
@@ -4207,7 +4207,7 @@ const A = ne(function({
   icon: t,
   props: n
 }) => {
-  const r = M(null), { buttonProps: o } = Wn(n, r);
+  const r = M(null), { buttonProps: o } = Pn(n, r);
   return /* @__PURE__ */ i(
     va,
     {
@@ -4229,7 +4229,7 @@ const A = ne(function({
       )
     }
   );
-}, Pt = ({
+}, Wt = ({
   state: e,
   prevButtonProps: t,
   nextButtonProps: n,
@@ -4270,7 +4270,7 @@ const A = ne(function({
   const { locale: n } = at(), r = Hn({ ...t, createCalendar: lt, locale: n }), { prevButtonProps: o, nextButtonProps: a, title: s } = Mn(t, r);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
-      Pt,
+      Wt,
       {
         nextButtonProps: a,
         prevButtonProps: o,
@@ -4484,7 +4484,7 @@ const A = ne(function({
       ]
     }
   );
-}, Wt = ({
+}, Pt = ({
   children: e,
   ...t
 }) => {
@@ -4552,13 +4552,13 @@ const A = ne(function({
           }
         ),
         k.isOpen && !e ? /* @__PURE__ */ i(
-          Pe,
+          We,
           {
             offset: 8,
             placement: "bottom start",
             state: k,
             triggerRef: h,
-            children: /* @__PURE__ */ i(Wt, { ...I, children: /* @__PURE__ */ i(Sa, { onClose: C, props: F }) })
+            children: /* @__PURE__ */ i(Pt, { ...I, children: /* @__PURE__ */ i(Sa, { onClose: C, props: F }) })
           }
         ) : null
       ]
@@ -4575,7 +4575,7 @@ const A = ne(function({
   );
   return /* @__PURE__ */ f("div", { className: "calendar-range", ref: r, children: [
     /* @__PURE__ */ i(
-      Pt,
+      Wt,
       {
         nextButtonProps: s,
         prevButtonProps: a,
@@ -4615,8 +4615,8 @@ const A = ne(function({
   const h = `${r}Max`, y = `${r}Min`, $ = M(null), x = et(d == null ? void 0 : d.value), k = et(p == null ? void 0 : p.value), C = v(
     (L) => {
       if (L) {
-        const P = Qe(String(L.end)), B = Qe(String(L.start));
-        c && (c((p == null ? void 0 : p.name) ?? h, P), c((d == null ? void 0 : d.name) ?? y, B)), p != null && p.onChange && (p == null || p.onChange(P)), d != null && d.onChange && (d == null || d.onChange(B));
+        const W = Qe(String(L.end)), B = Qe(String(L.start));
+        c && (c((p == null ? void 0 : p.name) ?? h, W), c((d == null ? void 0 : d.name) ?? y, B)), p != null && p.onChange && (p == null || p.onChange(W)), d != null && d.onChange && (d == null || d.onChange(B));
       }
     },
     [h, y, c, p, d]
@@ -4707,13 +4707,13 @@ const A = ne(function({
           }
         ),
         z.isOpen && !e ? /* @__PURE__ */ i(
-          Pe,
+          We,
           {
             offset: 8,
             placement: "bottom start",
             state: z,
             triggerRef: $,
-            children: /* @__PURE__ */ i(Wt, { ...E, children: /* @__PURE__ */ i(Fa, { onClose: w, props: T }) })
+            children: /* @__PURE__ */ i(Pt, { ...E, children: /* @__PURE__ */ i(Fa, { onClose: w, props: T }) })
           }
         ) : null
       ]
@@ -4743,7 +4743,7 @@ const A = ne(function({
   const o = j(), { locale: a } = at(), s = Hn({ ...n, createCalendar: lt, locale: a }), { prevButtonProps: l, nextButtonProps: c, title: p } = Mn(n, s);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ i(
-      Pt,
+      Wt,
       {
         nextButtonProps: c,
         prevButtonProps: l,
@@ -4838,13 +4838,13 @@ const A = ne(function({
           }
         ),
         u.isOpen && !t ? /* @__PURE__ */ i(
-          Pe,
+          We,
           {
             offset: 8,
             placement: "bottom start",
             state: u,
             triggerRef: g,
-            children: /* @__PURE__ */ i(Wt, { ...k, children: /* @__PURE__ */ i(
+            children: /* @__PURE__ */ i(Pt, { ...k, children: /* @__PURE__ */ i(
               ja,
               {
                 handleTimeChange: w,
@@ -4898,9 +4898,9 @@ const A = ne(function({
   weight: w,
   ...S
 }) => {
-  const { required: I, onBlur: F, onChange: D } = S, E = j(), T = e ? void 0 : a, [L, P] = R(""), B = v(
+  const { required: I, onBlur: F, onChange: D } = S, E = j(), T = e ? void 0 : a, [L, W] = R(""), B = v(
     (ee) => {
-      P(ee.target.value), D == null || D(ee);
+      W(ee.target.value), D == null || D(ee);
     },
     [D]
   ), Z = c && p && !e && L.trim() !== "", J = v(
@@ -5080,7 +5080,7 @@ const A = ne(function({
       padding: ${n}px;
     }
   `}
-`, Pa = ({
+`, Wa = ({
   align: e,
   children: t,
   cols: n,
@@ -5123,7 +5123,7 @@ const A = ne(function({
     },
     [$]
   );
-  return /* @__PURE__ */ f(Pa, { align: "start", children: [
+  return /* @__PURE__ */ f(Wa, { align: "start", children: [
     /* @__PURE__ */ i(yn, { lg: 75, md: 75, sm: 75, children: /* @__PURE__ */ i(
       $t,
       {
@@ -5215,7 +5215,7 @@ const A = ne(function({
     required: s,
     tooltip: h
   }
-), Wa = m(ri)`
+), Pa = m(ri)`
   white-space: nowrap;
   margin-right: ${({ theme: e }) => e.spacing[0.25]};
   text-overflow: ellipsis;
@@ -5354,7 +5354,7 @@ const A = ne(function({
   {
     className: `${e ? "disabled" : ""} ${n ? "error" : ""}`,
     children: [
-      /* @__PURE__ */ i(Wa, { $size: "md", children: r }),
+      /* @__PURE__ */ i(Pa, { $size: "md", children: r }),
       /* @__PURE__ */ f(b, { alignItems: "center", display: "flex", gap: 0.625, children: [
         G.isEmpty(r) || e ? void 0 : /* @__PURE__ */ i(
           Q,
@@ -5402,7 +5402,7 @@ const A = ne(function({
   "vnd.openxmlformats-officedocument.spreadsheetml.sheet": "XLSX",
   "vnd.openxmlformats-officedocument.wordprocessingml.document": "DOCX",
   msword: "DOC"
-}, We = (e, t, n) => {
+}, Pe = (e, t, n) => {
   const r = new Event(e);
   return Object.defineProperty(r, "target", {
     value: { name: t, value: n }
@@ -5606,10 +5606,10 @@ const A = ne(function({
     async onDrop(L) {
       $ == null || $(!0);
       try {
-        const P = L.items.filter(
+        const W = L.items.filter(
           (ie) => ie.kind === "file"
         ), B = await Promise.all(
-          P.map(async (ie) => ie.getFile())
+          W.map(async (ie) => ie.getFile())
         ), Z = c ? B.filter((ie) => Qa(ie, Ja(c))) : B;
         c && Z.length < B.length && console.warn(
           "InputFile: Some files were rejected due to invalid type."
@@ -5624,8 +5624,8 @@ const A = ne(function({
           const ie = new Event("change", { bubbles: !0 });
           x.current.dispatchEvent(ie);
         }
-      } catch (P) {
-        console.error("Error reading dropped files:", P);
+      } catch (W) {
+        console.error("Error reading dropped files:", W);
       }
     }
   }), S = /* @__PURE__ */ i(
@@ -5802,14 +5802,14 @@ const A = ne(function({
   progressPercentage: w,
   maxSize: S
 }) => {
-  const I = j(), F = t ? void 0 : n, D = M(null), E = g == null ? void 0 : g(c, { required: d }), T = $ == null ? void 0 : $(c), L = Ua(T), [P, B] = R(!1), [Z, J] = R(w);
+  const I = j(), F = t ? void 0 : n, D = M(null), E = g == null ? void 0 : g(c, { required: d }), T = $ == null ? void 0 : $(c), L = Ua(T), [W, B] = R(!1), [Z, J] = R(w);
   _(() => {
-    J(!w && P ? 50 : !w && !P ? void 0 : w);
-  }, [P, w]);
+    J(!w && W ? 50 : !w && !W ? void 0 : w);
+  }, [W, w]);
   const ee = v(
     (Y) => {
       Y.stopPropagation();
-      const K = We("change", c, null);
+      const K = Pe("change", c, null);
       u && u(c, void 0), E && E.onChange(K);
     },
     [E, c, u]
@@ -5817,7 +5817,7 @@ const A = ne(function({
     async (Y) => {
       B(!0);
       try {
-        const { files: K } = Y.currentTarget, ue = We(
+        const { files: K } = Y.currentTarget, ue = Pe(
           "change",
           c,
           K && K.length > 0 ? K : null
@@ -5948,7 +5948,7 @@ const A = ne(function({
 }) => {
   const $ = j(), x = e ? void 0 : t, [k, C] = R(""), z = c ? h : n == null ? void 0 : n.value, w = X(() => z && typeof z == "string" ? z.split(",").filter(Boolean) : [], [z]), S = v(
     (T) => {
-      const P = [...new Set(T.filter(Boolean))].join(","), B = We("change", l, P);
+      const W = [...new Set(T.filter(Boolean))].join(","), B = Pe("change", l, W);
       n && n.onChange(B), c && c(B);
     },
     [n, l, c]
@@ -6146,7 +6146,7 @@ const A = ne(function({
   const D = v(() => {
     const Z = ((I ?? Number(s)) - 10 ** -w).toFixed(w), J = Math.max(Number(s), Number(Z));
     h && h(l, J, { shouldDirty: !0 }), F(J);
-    const ee = We("change", l, Z);
+    const ee = Pe("change", l, Z);
     c && c(ee);
   }, [I, w, s, h, l, c]), E = v(() => {
     const Z = ((I ?? Number(s)) + 10 ** -w).toFixed(w), J = Math.min(
@@ -6154,7 +6154,7 @@ const A = ne(function({
       Number(Z) > Number(s) ? Number(Z) : Number(s)
     );
     h && h(l, J, { shouldDirty: !0 }), F(J);
-    const ee = We("change", l, Z);
+    const ee = Pe("change", l, Z);
     c && c(ee);
   }, [I, w, a, s, h, l, c]), T = v(
     (B) => {
@@ -6167,7 +6167,7 @@ const A = ne(function({
       B.stopPropagation(), B.key === "Enter" && !G.isEmpty(B.currentTarget.value) && (p == null || p(G.toNumber(B.currentTarget.value)));
     },
     [p]
-  ), P = () => /* @__PURE__ */ i(
+  ), W = () => /* @__PURE__ */ i(
     "input",
     {
       "aria-hidden": !1,
@@ -6208,9 +6208,9 @@ const A = ne(function({
             id: `numberInputTooltip-${l}`,
             tip: y,
             width: "100%",
-            children: P()
+            children: W()
           }
-        ) : P(),
+        ) : W(),
         z && /* @__PURE__ */ i(
           A,
           {
@@ -6535,7 +6535,7 @@ const A = ne(function({
     defaultCountry: "co",
     forceDialCode: !0,
     value: y ? String(y) : ""
-  }), P = v(
+  }), W = v(
     (Y) => {
       Y.key === "Enter" && Y.preventDefault();
     },
@@ -6627,7 +6627,7 @@ const A = ne(function({
                       disabled: e,
                       id: r,
                       name: r,
-                      onKeyDown: P,
+                      onKeyDown: W,
                       placeholder: o,
                       ref: F,
                       type: "tel",
@@ -8469,7 +8469,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
       ]
     }
   );
-}, Pl = m(bt)`
+}, Wl = m(bt)`
   padding: 7px 8px;
 
   &[aria-selected="true"] {
@@ -8494,12 +8494,12 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
     [r.group]: [r]
   } : n,
   {}
-), Wl = 300, Te = ({
+), Pl = 300, Te = ({
   name: e,
   onClear: t,
   onChange: n,
   value: r,
-  maxLength: o = Wl,
+  maxLength: o = Pl,
   ...a
 }) => {
   const s = M(null), l = j(), [c, p] = R(r ?? "");
@@ -8675,7 +8675,7 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
         children: a.map((g) => {
           const u = `li-checkbox-${g.name}`;
           return /* @__PURE__ */ i(
-            Pl,
+            Wl,
             {
               selected: g.visible,
               value: u,
@@ -9197,9 +9197,9 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
         var T, L;
         return {
           ...E,
-          options: (T = E.options) == null ? void 0 : T.map((P) => ({
-            ...P,
-            checked: z.checkbox.includes(P.value) || z.radio === P.value
+          options: (T = E.options) == null ? void 0 : T.map((W) => ({
+            ...W,
+            checked: z.checkbox.includes(W.value) || z.radio === W.value
           })),
           value: ["text", "select"].includes(E.type) ? ((L = z.text) == null ? void 0 : L[`${String(E.key)}-${E.filterFn ?? "caseInsensitive"}`]) ?? E.value : E.value,
           minValue: ["numberRange", "dateRange"].includes(E.type) ? z.minValue : E.minValue,
@@ -9240,9 +9240,9 @@ ${$[8]}...` : ($.length < 8 && d(!1), n);
   return _(() => {
     const z = e.reduce(
       (w, { label: S, filterOptions: I }) => {
-        const F = I.flatMap(({ value: T, minValue: L, maxValue: P }) => [
+        const F = I.flatMap(({ value: T, minValue: L, maxValue: W }) => [
           L,
-          P,
+          W,
           T
         ]).filter(Boolean), D = I.flatMap(({ options: T }) => T ?? []).filter(({ checked: T = !1 }) => T).map(({ value: T }) => T), E = [
           ...F,
@@ -9964,14 +9964,14 @@ const Ye = ({
   }, [e, a]), { ConfirmDialog: ({ id: d = "confirm-dialog-modal", children: g }) => /* @__PURE__ */ f(
     wi,
     {
-      cancelButton: n != null && n.showCancel ? {
+      cancelButton: n != null && n.showCancel || (n == null ? void 0 : n.showCancel) === void 0 ? {
         onClick: c,
-        text: "Cancel"
+        text: (n == null ? void 0 : n.cancelText) ?? "Cancel"
       } : void 0,
-      confirmButton: n != null && n.showConfirm ? {
+      confirmButton: (n == null ? void 0 : n.showConfirm) === !0 || (n == null ? void 0 : n.showConfirm) === void 0 ? {
         id: (n == null ? void 0 : n.id) ?? "modal-confirm",
         onClick: l,
-        text: "Confirm"
+        text: (n == null ? void 0 : n.confirmText) ?? "Confirm"
       } : void 0,
       description: n == null ? void 0 : n.message,
       id: d,
@@ -10789,13 +10789,13 @@ const Ye = ({
             (B) => B !== "-" && !RegExp(/^\d+\-\d+\-\d+$/).test(B.trim())
           ), T = D.filter(
             (B) => q(B).isValid() && q(B).isAfter(q("1903-01-01"))
-          ), L = q(w, "YYYY-MM-DD", !0), P = ["-", "-"];
-          return T.length === 2 ? (P[0] = T[0], P[1] = T[1]) : T.length === 1 && (L.isAfter(q(T[0])) ? (P[0] = T[0], P[1] = w) : (P[0] = w, P[1] = T[0])), P[I ?? 0] = w, { ...F, [a]: [...E, ...P].join(",") };
+          ), L = q(w, "YYYY-MM-DD", !0), W = ["-", "-"];
+          return T.length === 2 ? (W[0] = T[0], W[1] = T[1]) : T.length === 1 && (L.isAfter(q(T[0])) ? (W[0] = T[0], W[1] = w) : (W[0] = w, W[1] = T[0])), W[I ?? 0] = w, { ...F, [a]: [...E, ...W].join(",") };
         }
         if (S === "numberRange") {
           const D = Xe(F[a] ?? ""), E = D.filter(
-            (P) => !RegExp(/^\d+$/).test(P)
-          ), T = D.map(Number).filter((P) => G.isNumber(P) && !G.isNaN(P)), L = [T[0] ?? "", T[1] ?? ""];
+            (W) => !RegExp(/^\d+$/).test(W)
+          ), T = D.map(Number).filter((W) => G.isNumber(W) && !G.isNaN(W)), L = [T[0] ?? "", T[1] ?? ""];
           return L[I ?? 0] = Number(w), { ...F, [a]: [...E, ...L].join(",") };
         }
         if (S === "list") {
@@ -11650,7 +11650,7 @@ const Ye = ({
     className: `ml-${r}`,
     children: t
   }
-), Ps = (e) => e === "red" || e === "blue" || e === "white", Ws = {
+), Ws = (e) => e === "red" || e === "blue" || e === "white", Ps = {
   lg: "56",
   md: "30",
   sm: "12"
@@ -11689,7 +11689,7 @@ const Ye = ({
     animation: ${Hs} 2s linear infinite;
     animation-timing-function: linear;
     display: inline-block;
-    width: ${Ws[e]}px;
+    width: ${Ps[e]}px;
   `}
 `, Gs = m.circle`
   ${({ theme: e, $color: t = "red" }) => He`
@@ -11702,7 +11702,7 @@ const Ye = ({
     stroke-width: 10px;
     transform-origin: 50% 50%;
 
-    ${Ps(t) ? Bs(e, t) : `stroke: ${t};`}
+    ${Ws(t) ? Bs(e, t) : `stroke: ${t};`}
   `}
 `, Us = m.circle`
   display: block;
@@ -12185,7 +12185,7 @@ const Ye = ({
   setPageSize: t
 }) => {
   const n = j(), [r, o] = R(!1), { refs: a, floatingStyles: s } = Oe({
-    middleware: [Pn(), ot({ mainAxis: 4 })],
+    middleware: [Wn(), ot({ mainAxis: 4 })],
     placement: "top-end",
     whileElementsMounted: rt
   }), l = v(() => {
@@ -13379,8 +13379,8 @@ const Ye = ({
     }), (T = u.current) == null || T.focus(), y(!1);
   }, [o, a]), I = v(
     (T) => {
-      const L = Number(T.currentTarget.dataset.index), P = t[L];
-      r == null || r(P), y(!1);
+      const L = Number(T.currentTarget.dataset.index), W = t[L];
+      r == null || r(W), y(!1);
     },
     [t, r]
   ), F = h && ($.trim().length > 0 || t.length > 0), D = X(
@@ -13523,7 +13523,7 @@ const Ye = ({
       display: block;
     }
   `}
-`, Pp = ({
+`, Wp = ({
   visibleElement: e,
   hiddenElement: t
 }) => /* @__PURE__ */ f(Dc, { children: [
@@ -13607,7 +13607,7 @@ const Ye = ({
       height: auto;
     }
   `}
-`, Wp = ({
+`, Pp = ({
   children: e,
   closeIconId: t = "close-menu",
   isOpen: n,
@@ -13818,11 +13818,11 @@ const Ye = ({
   index: n,
   name: r
 }) => {
-  const o = M(null), { thumbProps: a, inputProps: s, isDragging: l } = Pr(
+  const o = M(null), { thumbProps: a, inputProps: s, isDragging: l } = Wr(
     { index: n, trackRef: t, inputRef: o },
     e
   );
-  return /* @__PURE__ */ i("div", { ...a, className: `thumb ${l ? "dragging" : ""}`, children: /* @__PURE__ */ i(Wr, { children: /* @__PURE__ */ i("input", { ...s, "aria-label": r, ref: o }) }) });
+  return /* @__PURE__ */ i("div", { ...a, className: `thumb ${l ? "dragging" : ""}`, children: /* @__PURE__ */ i(Pr, { children: /* @__PURE__ */ i("input", { ...s, "aria-label": r, ref: o }) }) });
 }, Oc = (e, t, n) => Math.round((n - e) / (t - e) * 100), Bp = (e) => {
   const t = j(), n = M(null), { label: r, minValue: o = 0, maxValue: a = 100, name: s, setValue: l, watch: c } = e, p = Qn(), d = Br({
     ...e,
@@ -13903,7 +13903,7 @@ const Ye = ({
       }
     `
   })
-), Pc = m.div`
+), Wc = m.div`
   ${({ theme: e }) => `
     align-items: stretch;
     background-color: ${e.palette.white};
@@ -13913,7 +13913,7 @@ const Ye = ({
     padding: ${`${e.spacing[1]} ${e.spacing[1]}`};
     scroll-behavior: unset;
   `}
-`, Wc = m.div`
+`, Pc = m.div`
   display: flex;
   flex-direction: row;
   margin-bottom: ${({ theme: e }) => e.spacing[2]};
@@ -13968,9 +13968,9 @@ const Ye = ({
     },
     []
   );
-  return /* @__PURE__ */ i(Pc, { children: o.map((c, p) => {
+  return /* @__PURE__ */ i(Wc, { children: o.map((c, p) => {
     const { content: d, title: g, nextAction: u, previousAction: h } = c, y = p + 1, $ = y === a ? "current" : "disabled", x = y < a ? "completed" : $;
-    return /* @__PURE__ */ f(Wc, { children: [
+    return /* @__PURE__ */ f(Pc, { children: [
       /* @__PURE__ */ i(b, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ i(Hc, { $variant: x, children: x === "completed" ? /* @__PURE__ */ i(A, { icon: "check", iconSize: "lg", iconType: "fa-solid" }) : y }) }),
       /* @__PURE__ */ f(b, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ i(
@@ -15577,7 +15577,7 @@ export {
   U as E,
   Rt as F,
   Qd as G,
-  Pd as H,
+  Wd as H,
   ep as I,
   tp as J,
   sl as K,
@@ -15640,7 +15640,7 @@ export {
   ce as ab,
   qd as ac,
   pi as ad,
-  Wd as ae,
+  Pd as ae,
   $t as af,
   Yd as ag,
   Na as ah,
@@ -15659,7 +15659,7 @@ export {
   _d as au,
   yn as av,
   Ud as aw,
-  Pa as ax,
+  Wa as ax,
   we as ay,
   bt as az,
   fn as b,
@@ -15671,22 +15671,22 @@ export {
   Op as b4,
   Lt as b5,
   Vp as b6,
-  Pp as b7,
-  Wp as b8,
+  Wp as b7,
+  Pp as b8,
   Bp as b9,
   di as bA,
-  Pe as bB,
+  We as bB,
   ua as bC,
   dn as bD,
   xa as bE,
   Vt as bF,
   Dt as bG,
-  Pt as bH,
+  Wt as bH,
   Sa as bI,
   za as bJ,
   Ia as bK,
   tt as bL,
-  Wt as bM,
+  Pt as bM,
   Fa as bN,
   ja as bO,
   $n as bP,