@fluidattacks/design 3.21.2-pr.1 → 3.21.2-pr.3

package/dist/{components-Vx3rzp7p.mjs → components-BDIfsS0t.mjs}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as h, Fragment as Ke } from "react/jsx-runtime";
-import Lt, { forwardRef as Y, useState as j, useCallback as v, StrictMode as wn, useEffect as V, useRef as M, useMemo as Q, Fragment as Te, Children as Ve, isValidElement as vn, cloneElement as jt } from "react";
-import { X as kn, s as m, J as E, u as Et, a as Cn, b as Sn, c as zn, d as In, l as B, e as At, f as Tn, o as Rt, g as Nn, n as me, _ as R, $ as Dn, h as Fn, i as Ln, j as jn, k as En, m as An, p as Rn, q as Pn, r as Wn, t as Pt, C as Ze, v as On, w as Hn, x as Bn, y as st, z as Ne, A as Mn, B as Un, D as Wt, E as Ot, F as De, G as Gn, H as Vn, I as Yn, K as _n, L as Kn, M as ee, N as Zn, O as Ht, P as qn, Q as Bt, R as Jn, S as Xn, T as Qn, U as ei, V as ti, W as ni, Y as Mt, Z as ii, a0 as ct, a1 as dt, a2 as pt, a3 as ai, a4 as ri, a5 as oi, a6 as li, a7 as si, a8 as ci, a9 as di, aa as pi, ab as Ut, ac as gi, ad as ui, ae as fi, af as hi, ag as yi, ak as Gt, al as $i, am as bi, an as xi, ao as mi, ap as wi, aq as vi, ar as ki, as as Ci, at as Si, au as gt, av as zi, aw as ut, ax as Ii } from "./vendor-BzUP-0MT.mjs";
+import Lt, { forwardRef as Y, useState as j, useCallback as v, StrictMode as wn, useEffect as V, useRef as B, useMemo as Q, Fragment as Te, Children as Ve, isValidElement as vn, cloneElement as jt } from "react";
+import { X as kn, s as m, J as E, u as Et, a as Cn, b as Sn, c as zn, d as In, l as M, e as At, f as Tn, o as Rt, g as Nn, n as me, _ as R, $ as Dn, h as Fn, i as Ln, j as jn, k as En, m as An, p as Rn, q as Pn, r as Wn, t as Pt, C as Ze, v as On, w as Hn, x as Mn, y as st, z as Ne, A as Bn, B as Un, D as Wt, E as Ot, F as De, G as Gn, H as Vn, I as Yn, K as _n, L as Kn, M as ee, N as Zn, O as Ht, P as qn, Q as Mt, R as Jn, S as Xn, T as Qn, U as ei, V as ti, W as ni, Y as Bt, Z as ii, a0 as ct, a1 as dt, a2 as pt, a3 as ai, a4 as ri, a5 as oi, a6 as li, a7 as si, a8 as ci, a9 as di, aa as pi, ab as Ut, ac as gi, ad as ui, ae as fi, af as hi, ag as yi, ak as Gt, al as $i, am as bi, an as xi, ao as mi, ap as wi, aq as vi, ar as ki, as as Ci, at as Si, au as gt, av as zi, aw as ut, ax as Ii } from "./vendor-BzUP-0MT.mjs";
 import { createPortal as ue } from "react-dom";
 import { Link as Ti, useLocation as Ni, NavLink as Di } from "react-router-dom";
 const le = (e) => ({
@@ -192,12 +192,12 @@ const le = (e) => ({
     semibold: "600",
     regular: "400"
   }
-}, Bi = {
+}, Mi = {
   none: "none",
   sm: "0px 1px 2px 0px rgba(16, 24, 40, 0.15)",
   md: "0px 4px 6px 0px rgba(16, 24, 40, 0.15)",
   lg: "0px 8px 24px 0px rgba(16, 24, 40, 0.15)"
-}, Mi = {
+}, Bi = {
   mobile: "480px",
   tablet: "960px",
   sm: "1024px",
@@ -276,8 +276,8 @@ const le = (e) => ({
   ["fas", "circle-question"]
 ], F = {
   typography: Hi,
-  shadows: Bi,
-  breakpoints: Mi,
+  shadows: Mi,
+  breakpoints: Bi,
   spacing: Ui,
   palette: {
     primary: ji,
@@ -1208,7 +1208,7 @@ const L = Y(function({
           ref: w.setFloating,
           style: C,
           children: [
-            B.isEmpty(u) ? void 0 : /* @__PURE__ */ i(
+            M.isEmpty(u) ? void 0 : /* @__PURE__ */ i(
               N,
               {
                 color: $.palette.white,
@@ -1220,7 +1220,7 @@ const L = Y(function({
                 children: u
               }
             ),
-            B.isEmpty(g) ? void 0 : /* @__PURE__ */ i(
+            M.isEmpty(g) ? void 0 : /* @__PURE__ */ i(
               N,
               {
                 color: $.palette.gray[100],
@@ -1231,7 +1231,7 @@ const L = Y(function({
                 children: g
               }
             ),
-            B.isEmpty(d) ? void 0 : d
+            M.isEmpty(d) ? void 0 : d
           ]
         }
       ),
@@ -1651,7 +1651,7 @@ const L = Y(function({
   tagLabel: u,
   variant: f = "default"
 }) => {
-  const y = u.length > 25 && B.isEmpty(g + o), $ = `${u.slice(0, 25)}...`;
+  const y = u.length > 25 && M.isEmpty(g + o), $ = `${u.slice(0, 25)}...`;
   return /* @__PURE__ */ h(
     Ce,
     {
@@ -1699,7 +1699,7 @@ const L = Y(function({
     t ? void 0 : "_self",
     "noopener,noreferrer,"
   );
-  B.isObject(n) && (n.opener = null);
+  M.isObject(n) && (n.opener = null);
 }, U = Y(function({
   children: t,
   disabled: n = !1,
@@ -2094,7 +2094,7 @@ const L = Y(function({
   tooltip: r,
   weight: o = "normal"
 }) => {
-  const l = E(), s = `${e}-tooltip`, c = r !== void 0 && !B.isEmpty(r);
+  const l = E(), s = `${e}-tooltip`, c = r !== void 0 && !M.isEmpty(r);
   return /* @__PURE__ */ h(
     "label",
     {
@@ -2370,7 +2370,7 @@ const L = Y(function({
   ...l
 }) => {
   var g;
-  const s = M(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = Dn(
+  const s = B(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = Dn(
     {
       ...l,
       popoverRef: a ?? s,
@@ -2612,7 +2612,7 @@ const L = Y(function({
   watch: s
 }) => {
   var D, I, W;
-  const c = E(), d = M(null), p = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
+  const c = E(), d = B(null), p = e.props.hrefLang, g = l.disabledKeys, u = Array.from(l.collection.getKeys()).filter(
     (T) => !Array.from(g).includes(T) && T !== "All"
   ), { optionProps: f, isSelected: y, isFocused: $, isDisabled: x } = Ln(
     { key: e.key },
@@ -2714,7 +2714,7 @@ const L = Y(function({
   var ot;
   const P = E(), D = t ? void 0 : a, I = (e == null ? void 0 : e.value) ?? C, [W, T] = j(
     ((ot = g.find((H) => H.value === I)) == null ? void 0 : ot.name) ?? ""
-  ), [O, te] = j(I), [re, de] = j(g), [G, Z] = j(!1), { contains: _ } = En({ sensitivity: "base" }), he = M(null), Ue = M(null), Ge = M(null), it = M(null), at = M(null), pn = Q(() => g.toSorted((H, q) => {
+  ), [O, te] = j(I), [re, de] = j(g), [G, Z] = j(!1), { contains: _ } = En({ sensitivity: "base" }), he = B(null), Ue = B(null), Ge = B(null), it = B(null), at = B(null), pn = Q(() => g.toSorted((H, q) => {
     const J = Array.from(n ?? []), ye = J.includes(H.value), lt = J.includes(q.value);
     return ye && !lt ? 1 : !ye && lt ? -1 : 0;
   }).map(
@@ -3114,7 +3114,7 @@ const L = Y(function({
     width: 100%;
   `}
 `, za = ({ state: e, date: t }) => {
-  const n = M(null), a = On(t, Hn()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Bn({ date: t }, e, n), d = "highlightedRange" in e && !B.isNull(e.highlightedRange) ? st(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !B.isNull(e.highlightedRange) ? st(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
+  const n = B(null), a = On(t, Hn()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Mn({ date: t }, e, n), d = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? st(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !M.isNull(e.highlightedRange) ? st(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
   return /* @__PURE__ */ i(Ca, { id: g, ...r, children: /* @__PURE__ */ h(
     "div",
     {
@@ -3133,7 +3133,7 @@ const L = Y(function({
   state: e,
   ...t
 }) => {
-  const { locale: n } = Ne(), { weekDays: a } = Mn(t, e), r = Un(e.visibleRange.start, n);
+  const { locale: n } = Ne(), { weekDays: a } = Bn(t, e), r = Un(e.visibleRange.start, n);
   return /* @__PURE__ */ h("table", { children: [
     /* @__PURE__ */ i("thead", { children: /* @__PURE__ */ i($t, { children: a.map((o, l) => {
       const s = `key_${l}`;
@@ -3252,7 +3252,7 @@ const L = Y(function({
   icon: t,
   props: n
 }) => {
-  const a = M(null), { buttonProps: r } = Pt(n, a);
+  const a = B(null), { buttonProps: r } = Pt(n, a);
   return /* @__PURE__ */ i(
     Na,
     {
@@ -3325,7 +3325,7 @@ const L = Y(function({
   segment: e,
   state: t
 }) => {
-  const n = E(), a = M(null), o = { ...e, placeholder: {
+  const n = E(), a = B(null), o = { ...e, placeholder: {
     day: "dd",
     dayPeriod: "(AM/PM)",
     era: "",
@@ -3356,7 +3356,7 @@ const L = Y(function({
   error: t = !1,
   props: n
 }) => {
-  const a = E(), r = M(null), o = Gn({
+  const a = E(), r = B(null), o = Gn({
     ...n,
     createCalendar: De,
     locale: "en-US"
@@ -3374,7 +3374,7 @@ const L = Y(function({
       "div",
       {
         className: "flex flex-row",
-        style: { color: a.palette.gray[B.isNil(o.value) ? 400 : 800] },
+        style: { color: a.palette.gray[M.isNil(o.value) ? 400 : 800] },
         tabIndex: -1,
         children: o.segments.map((c, d) => {
           const p = `key_${d}`;
@@ -3399,16 +3399,16 @@ const L = Y(function({
     ) : void 0
   ] });
 }, Ea = (e) => {
-  const t = M(null), n = Yn({
+  const t = B(null), n = Yn({
     ...e,
     locale: "en-US",
     shouldForceLeadingZeros: !0
-  }), { timeValue: a } = n, r = !B.isNil(a) && a.hour < 12 ? "AM" : "PM", [o, l] = j(
-    B.isNil(a) ? "AM" : r
+  }), { timeValue: a } = n, r = !M.isNil(a) && a.hour < 12 ? "AM" : "PM", [o, l] = j(
+    M.isNil(a) ? "AM" : r
   ), { fieldProps: s } = _n(e, n, t), c = v(
     (d) => {
       const p = d.currentTarget.name;
-      p !== o && (B.isNil(a) || (p === "AM" ? n.setSegment("dayPeriod", 0) : p === "PM" && n.setSegment("dayPeriod", 12))), l(p);
+      p !== o && (M.isNil(a) || (p === "AM" ? n.setSegment("dayPeriod", 0) : p === "PM" && n.setSegment("dayPeriod", 12))), l(p);
     },
     [o, n, a]
   );
@@ -3511,7 +3511,7 @@ const L = Y(function({
   children: e,
   ...t
 }) => {
-  const n = M(null), { dialogProps: a } = Zn(t, n);
+  const n = B(null), { dialogProps: a } = Zn(t, n);
   return /* @__PURE__ */ i(Ta, { ...a, ref: n, children: e });
 }, Ra = ({
   disabled: e = !1,
@@ -3528,7 +3528,7 @@ const L = Y(function({
   watch: g,
   ...u
 }) => {
-  const f = M(null), y = g == null ? void 0 : g(s), $ = v(
+  const f = B(null), y = g == null ? void 0 : g(s), $ = v(
     (D) => {
       d && D && d(s, Se(String(D)), {
         shouldDirty: !0
@@ -3541,7 +3541,7 @@ const L = Y(function({
       $(D);
     },
     ...!R.isNil(y) && !R.isEmpty(y) && ee(y).isValid() ? { defaultValue: qn(y.replace(/\//gu, "-")) } : {}
-  }), { close: k } = x, { groupProps: w, fieldProps: C, buttonProps: S, dialogProps: z, calendarProps: P } = Bt(
+  }), { close: k } = x, { groupProps: w, fieldProps: C, buttonProps: S, dialogProps: z, calendarProps: P } = Mt(
     { ...u, "aria-label": l ?? s, name: s },
     x,
     f
@@ -3591,7 +3591,7 @@ const L = Y(function({
   onClose: e,
   props: t
 }) => {
-  const { locale: n } = Ne(), a = M(null), r = Jn({ ...t, createCalendar: De, locale: n }), { prevButtonProps: o, nextButtonProps: l, title: s } = Xn(
+  const { locale: n } = Ne(), a = B(null), r = Jn({ ...t, createCalendar: De, locale: n }), { prevButtonProps: o, nextButtonProps: l, title: s } = Xn(
     t,
     r,
     a
@@ -3634,7 +3634,7 @@ const L = Y(function({
   variant: p = "default",
   ...g
 }) => {
-  const u = `${a}Max`, f = `${a}Min`, y = M(null), $ = v(
+  const u = `${a}Max`, f = `${a}Min`, y = B(null), $ = v(
     (I) => {
       s && I && (s(
         (c == null ? void 0 : c.name) ?? u,
@@ -3746,13 +3746,13 @@ const L = Y(function({
     justify-content: center;
     padding: ${e.spacing[0.5]} ${e.spacing[1.25]};
   `}
-`, Ba = m.div`
+`, Ma = m.div`
   align-items: center;
   display: flex;
   gap: ${({ theme: e }) => e.spacing[0.5]};
   justify-content: flex-end;
   flex: 1 0 0;
-`, Ma = ({
+`, Ba = ({
   handleTimeChange: e,
   onClose: t,
   props: n,
@@ -3772,7 +3772,7 @@ const L = Y(function({
     /* @__PURE__ */ i(Xe, { state: l }),
     /* @__PURE__ */ h(Ha, { children: [
       /* @__PURE__ */ i(N, { color: r.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }),
-      /* @__PURE__ */ i(Ba, { children: /* @__PURE__ */ i(
+      /* @__PURE__ */ i(Ma, { children: /* @__PURE__ */ i(
         Ea,
         {
           hourCycle: 12,
@@ -3795,7 +3795,7 @@ const L = Y(function({
     register: s,
     setValue: c,
     watch: d
-  } = e, p = d == null ? void 0 : d(o), g = M(null), u = Ht({
+  } = e, p = d == null ? void 0 : d(o), g = B(null), u = Ht({
     ...e,
     granularity: "minute",
     hourCycle: 12,
@@ -3805,7 +3805,7 @@ const L = Y(function({
     value: R.isNil(p) || R.isEmpty(p) || p === "-" || ee(p, "YYYY/MM/DD hh:mm A").isValid() === !1 ? null : ti(
       ee(p, "YYYY/MM/DD hh:mm A").format("YYYY-MM-DDTHH:mm:ss")
     )
-  }), { close: f } = u, { groupProps: y, fieldProps: $, buttonProps: x, dialogProps: k, calendarProps: w } = Bt(e, u, g), C = v(
+  }), { close: f } = u, { groupProps: y, fieldProps: $, buttonProps: x, dialogProps: k, calendarProps: w } = Mt(e, u, g), C = v(
     (z) => {
       if (w.onChange && w.onChange(z), u.timeValue) {
         const P = wt(
@@ -3863,7 +3863,7 @@ const L = Y(function({
             state: u,
             triggerRef: g,
             children: /* @__PURE__ */ i(et, { ...k, children: /* @__PURE__ */ i(
-              Ma,
+              Ba,
               {
                 handleTimeChange: S,
                 onClose: f,
@@ -3887,7 +3887,7 @@ const L = Y(function({
 }) => {
   if (a)
     return /* @__PURE__ */ i("div", { children: e });
-  const s = B.isNil(t) ? "" : t, c = String(n ?? s);
+  const s = M.isNil(t) ? "" : t, c = String(n ?? s);
   return /* @__PURE__ */ h(b, { children: [
     /* @__PURE__ */ i(Xt, { htmlFor: o, label: r, tooltip: l, weight: "bold" }),
     c.startsWith("https://") ? /* @__PURE__ */ i(se, { href: c, children: s }) : /* @__PURE__ */ i(N, { size: "md", children: s })
@@ -4272,7 +4272,7 @@ const L = Y(function({
   watch: y,
   weight: $
 }) => {
-  const x = E(), k = t ? void 0 : n, w = M(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), z = Za(S), P = v(() => {
+  const x = E(), k = t ? void 0 : n, w = B(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), z = Za(S), P = v(() => {
     const W = be("change", c, void 0);
     u && u(c, void 0), C && C.onChange(W);
   }, [C, c, u]), D = v(
@@ -4312,7 +4312,7 @@ const L = Y(function({
             children: [
               /* @__PURE__ */ i(_a, { $size: "xs", children: z }),
               /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", gap: 0.625, children: [
-                B.isEmpty(z) ? void 0 : /* @__PURE__ */ i(
+                M.isEmpty(z) ? void 0 : /* @__PURE__ */ i(
                   K,
                   {
                     color: x.palette.gray[400],
@@ -4484,7 +4484,7 @@ const L = Y(function({
       )
     }
   );
-}, Bl = ({
+}, Ml = ({
   disabled: e = !1,
   control: t,
   error: n,
@@ -4879,7 +4879,7 @@ const L = Y(function({
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-`, Ml = ({
+`, Bl = ({
   disabled: e,
   error: t,
   label: n,
@@ -4892,7 +4892,7 @@ const L = Y(function({
   watch: d,
   weight: p
 }) => {
-  const g = E(), u = M(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [$, x] = j(!1), [k, w] = j(""), { refs: C, floatingStyles: S } = Mt({
+  const g = E(), u = B(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [$, x] = j(!1), [k, w] = j(""), { refs: C, floatingStyles: S } = Bt({
     placement: "bottom-start",
     whileElementsMounted: At
   }), { inputRef: z, inputValue: P, handlePhoneValueChange: D, country: I, setCountry: W } = ii({
@@ -5279,7 +5279,7 @@ const L = Y(function({
     }
   }), []);
   return Q(() => n.image(e).format(t), [n, e, t]);
-}, Be = (e) => {
+}, Me = (e) => {
   const [t, n] = j(!1), a = v(() => {
     n(!0);
   }, []), r = v(() => {
@@ -5332,7 +5332,7 @@ const L = Y(function({
     setColumns: s,
     resetToDefault: c,
     columns: o,
-    ...Be(e),
+    ...Me(e),
     hasChanged: d
   };
 }, lr = (e, t) => Q(
@@ -6071,7 +6071,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     n != null && n.onClick && n.onClick(), r();
   }, [n, r]);
   return [n, a].some(
-    (c) => !B.isEmpty(c)
+    (c) => !M.isEmpty(c)
   ) ? /* @__PURE__ */ h(
     b,
     {
@@ -6157,8 +6157,8 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         )
       ] })
     ] }),
-    t && B.isString(t) && !B.isEmpty(t) ? /* @__PURE__ */ i(N, { mt: 0.5, size: "sm", children: t }) : void 0,
-    t && !B.isString(t) && /* @__PURE__ */ i(Ce, { display: "block", mt: 0.5, size: "sm", children: t })
+    t && M.isString(t) && !M.isEmpty(t) ? /* @__PURE__ */ i(N, { mt: 0.5, size: "sm", children: t }) : void 0,
+    t && !M.isString(t) && /* @__PURE__ */ i(Ce, { display: "block", mt: 0.5, size: "sm", children: t })
   ] });
 }, Nr = ({
   disabled: e,
@@ -6446,7 +6446,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     min-width: 240px;
     padding: ${e.spacing[0.25]} 0 ${e.spacing[0.25]} 0;
   `}
-`, Me = ({
+`, Be = ({
   children: e,
   disabled: t = !1,
   icon: n,
@@ -6504,7 +6504,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, Wr = m(Me)`
+}, Wr = m(Be)`
   margin-top: 10px;
   border: 1px solid ${({ theme: e }) => e.palette.gray[300]};
   border-radius: 4px;
@@ -6591,7 +6591,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       ]
     }
   );
-}, Hr = m(Me)`
+}, Hr = m(Be)`
   padding: 7px 8px;
 
   &[aria-selected="true"] {
@@ -6607,7 +6607,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       display: none;
     }
   }
-`, Br = ({
+`, Mr = ({
   options: e,
   title: t,
   checkboxesName: n,
@@ -6688,7 +6688,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     [a.group]: [a]
   } : n,
   {}
-), Mr = m.input`
+), Br = m.input`
   ${({ theme: e }) => `
     background: none;
     border: none !important;
@@ -6751,7 +6751,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   value: r,
   ...o
 }, l) {
-  const s = E(), [c, d] = j(!1), { refs: p, floatingStyles: g } = Mt(), u = v(() => {
+  const s = E(), [c, d] = j(!1), { refs: p, floatingStyles: g } = Bt(), u = v(() => {
     d(($) => !$);
   }, []), f = v(
     ($) => {
@@ -6777,7 +6777,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       }
     ),
     /* @__PURE__ */ i(
-      Mr,
+      Br,
       {
         ...o,
         id: t,
@@ -6788,7 +6788,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
         value: r
       }
     ),
-    !B.isEmpty(r) && /* @__PURE__ */ i(
+    !M.isEmpty(r) && /* @__PURE__ */ i(
       K,
       {
         icon: "xmark",
@@ -6824,7 +6824,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   onChangeHandler: n,
   variant: a
 }) => {
-  const r = M(null), [o, l] = j([]), [s, c] = j(""), d = v(
+  const r = B(null), [o, l] = j([]), [s, c] = j(""), d = v(
     (g) => {
       const { value: u } = g.target;
       c(u);
@@ -6877,7 +6877,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
               ([g, u], f) => {
                 const y = `li-checkbox${g}`;
                 return /* @__PURE__ */ i(
-                  Br,
+                  Mr,
                   {
                     checkboxesName: g,
                     defaultCollapsed: f === 0,
@@ -6944,7 +6944,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: n,
   variant: a
 }) => {
-  const r = E(), o = M(null), [l, s] = j(void 0), c = v(
+  const r = E(), o = B(null), [l, s] = j(void 0), c = v(
     (g) => {
       const { checked: u, value: f } = g.target, y = n.columns.map(($) => {
         var x;
@@ -7075,7 +7075,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     ] }) }),
     document.getElementById(e) ?? document.body
   ) : /* @__PURE__ */ i("div", {});
-}, Yr = m(Me)`
+}, Yr = m(Be)`
   padding: 8px;
   min-height: 36px;
   min-width: unset;
@@ -7087,7 +7087,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   display: flex;
   justify-content: center;
   z-index: 99999;
-`, zt = m(Me)`
+`, zt = m(Be)`
   padding: 7px 8px;
   word-wrap: break-word;
 
@@ -7347,24 +7347,32 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   );
   return V(() => {
     s(e), Jr(e, p);
-  }, [e, s, p]), /* @__PURE__ */ h("div", { className: "flex flex-col gap-[8px]", id: a, children: [
-    g && /* @__PURE__ */ h("div", { children: [
-      r,
-      /* @__PURE__ */ i(Ie, { onChange: u })
-    ] }),
-    /* @__PURE__ */ h("form", { id: a, onSubmit: d(f), children: [
-      /* @__PURE__ */ i(
-        Zr,
-        {
-          control: o,
-          items: l,
-          register: c,
-          setValue: p
-        }
-      ),
-      /* @__PURE__ */ i(U, { mt: 1, type: "submit", children: "Apply" })
-    ] })
-  ] });
+  }, [e, s, p]), /* @__PURE__ */ h(
+    "div",
+    {
+      className: "flex flex-col gap-[8px]",
+      id: a,
+      style: { writingMode: "horizontal-tb", maxWidth: "300px", width: "100%" },
+      children: [
+        g && /* @__PURE__ */ h("div", { children: [
+          r,
+          /* @__PURE__ */ i(Ie, { onChange: u })
+        ] }),
+        /* @__PURE__ */ h("form", { id: a, onSubmit: d(f), children: [
+          /* @__PURE__ */ i(
+            Zr,
+            {
+              control: o,
+              items: l,
+              register: c,
+              setValue: p
+            }
+          ),
+          /* @__PURE__ */ i(U, { mt: 1, type: "submit", children: "Apply" })
+        ] })
+      ]
+    }
+  );
 }, eo = ({
   options: e,
   variant: t,
@@ -7461,10 +7469,8 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     {
       display: "flex",
       flexDirection: "row",
-      flexGrow: 1,
       maxHeight: d.length > 0 ? "unset" : "360px",
       style: { rowGap: "10px", writingMode: "vertical-lr" },
-      width: "100%",
       wrap: "wrap",
       children: d.length > 0 ? /* @__PURE__ */ i(
         It,
@@ -7489,10 +7495,8 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     {
       display: "flex",
       flexDirection: "row",
-      flexGrow: 1,
       maxHeight: d.length > 0 ? "unset" : "200px",
       style: { rowGap: "10px", writingMode: "vertical-lr" },
-      width: "100%",
       wrap: "wrap",
       children: d.length > 0 ? /* @__PURE__ */ i(
         It,
@@ -7515,7 +7519,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   modalRef: a,
   variant: r
 }) => {
-  const [o, l] = j("row"), [s, c] = j(!0), d = E(), p = M(null), g = /* @__PURE__ */ i(
+  const [o, l] = j("row"), [s, c] = j(!0), d = E(), p = B(null), g = /* @__PURE__ */ i(
     K,
     {
       icon: "close",
@@ -7552,7 +7556,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       px: 1.25,
       py: 1.25,
       ref: p,
-      style: { overflow: "hidden", width: "max-content" },
+      style: {
+        minHeight: "fit-content",
+        overflow: "hidden",
+        width: "max-content"
+      },
       children: [
         o === "column" ? g : void 0,
         /* @__PURE__ */ i(
@@ -7788,7 +7796,7 @@ const ve = ({
   onSearch: l,
   variant: s = "ungrouped"
 }) => {
-  const c = Be("filters-modal"), [d, p] = j([]), [g, u] = j(
+  const c = Me("filters-modal"), [d, p] = j([]), [g, u] = j(
     Tt(d)
   ), f = n.map((w) => ({
     ...w,
@@ -7924,7 +7932,7 @@ const ve = ({
     document.getElementById("portals") ?? document.body
   ) : s.isOpen ? $ : null;
 }, es = (e, t, n) => {
-  const a = Be("confirm-dialog-modal"), r = M(null), o = v(async () => (a.open(), new Promise((d) => {
+  const a = Me("confirm-dialog-modal"), r = B(null), o = v(async () => (a.open(), new Promise((d) => {
     r.current = d;
   })), [a]), l = v(() => {
     var d;
@@ -7984,7 +7992,7 @@ const ve = ({
     );
   }];
 }, ts = () => {
-  const [e, t] = j(!1), [n, a] = j(), r = M(null), o = Be("confirm-dialog-modal"), l = v(
+  const [e, t] = j(!1), [n, a] = j(), r = B(null), o = Me("confirm-dialog-modal"), l = v(
     async (p) => (a(p), t(!0), new Promise((g) => {
       r.current = g;
     })),
@@ -8572,7 +8580,7 @@ const ve = ({
       width: p,
       children: [
         /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", gap: 0.5, children: [
-          u || B.isUndefined(n) ? void 0 : f,
+          u || M.isUndefined(n) ? void 0 : f,
           /* @__PURE__ */ i(
             N,
             {
@@ -8582,15 +8590,15 @@ const ve = ({
               children: e
             }
           ),
-          u || B.isUndefined(r) ? void 0 : f
+          u || M.isUndefined(r) ? void 0 : f
         ] }),
         /* @__PURE__ */ h(b, { alignItems: "center", display: "flex", gap: 0.5, my: 0.5, children: [
-          u && !B.isUndefined(n) ? f : void 0,
+          u && !M.isUndefined(n) ? f : void 0,
           /* @__PURE__ */ h("div", { style: { display: "flex", gap: "12px" }, children: [
-            B.isUndefined(o) ? void 0 : /* @__PURE__ */ i(ne, { fontWeight: "bold", size: "md", children: o }),
+            M.isUndefined(o) ? void 0 : /* @__PURE__ */ i(ne, { fontWeight: "bold", size: "md", children: o }),
             a
           ] }),
-          u && !B.isUndefined(r) ? f : void 0
+          u && !M.isUndefined(r) ? f : void 0
         ] })
       ]
     }
@@ -8857,7 +8865,7 @@ const ve = ({
               }
             ),
             /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "sm", children: c }),
-            B.isUndefined(d) ? void 0 : /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "sm", children: d })
+            M.isUndefined(d) ? void 0 : /* @__PURE__ */ i(N, { color: l.palette.gray[400], size: "sm", children: d })
           ]
         }
       ),
@@ -9105,8 +9113,8 @@ const ve = ({
 }, p) {
   const g = n < 0 ? 0 : n, [u, f] = j(Number(a).toFixed(g)), y = v(
     (k) => {
-      const w = B.toNumber(k.target.value);
-      k.target.value.endsWith(".") ? f(k.target.value) : w >= Number(o) && w <= Number(r) && (f(String(w)), t && s(B.toNumber(w.toFixed(g)))), k.stopPropagation();
+      const w = M.toNumber(k.target.value);
+      k.target.value.endsWith(".") ? f(k.target.value) : w >= Number(o) && w <= Number(r) && (f(String(w)), t && s(M.toNumber(w.toFixed(g)))), k.stopPropagation();
     },
     [t, g, r, o, s]
   ), $ = v(
@@ -9116,7 +9124,7 @@ const ve = ({
     [g, a]
   ), x = v(
     (k) => {
-      k.stopPropagation(), k.key === "Enter" && !B.isEmpty(k.currentTarget.value) && s(B.toNumber(k.currentTarget.value));
+      k.stopPropagation(), k.key === "Enter" && !M.isEmpty(k.currentTarget.value) && s(M.toNumber(k.currentTarget.value));
     },
     [s]
   );
@@ -9211,7 +9219,7 @@ const ve = ({
   manualOption: r,
   providers: o
 }) => {
-  const l = E(), [s, c] = j(!1), d = M(null);
+  const l = E(), [s, c] = j(!1), d = B(null);
   fe(
     d.current,
     () => {
@@ -9449,7 +9457,7 @@ const ve = ({
       }
     `
   })
-), Ho = (e, t) => t < 50 ? e.palette.error[500] : t < 80 ? e.palette.warning[500] : e.palette.success[500], Bo = m.div`
+), Ho = (e, t) => t < 50 ? e.palette.error[500] : t < 80 ? e.palette.warning[500] : e.palette.success[500], Mo = m.div`
   ${({ theme: e, $minWidth: t, $orientation: n, $rounded: a, $variant: r }) => `
     background-color: ${e.palette.gray[100]};
     border-radius: ${a ? "100px" : "unset"};
@@ -9459,7 +9467,7 @@ const ve = ({
     ${Oo(e, r)}
 
   `}
-`, Mo = m.div`
+`, Bo = m.div`
   ${({ theme: e, $percentage: t, $rounded: n, $variant: a }) => `
     display: inline-flex;
     width: ${t}%;
@@ -9490,7 +9498,7 @@ const ve = ({
       children: /* @__PURE__ */ i(N, { ml: 0.5, mr: s ? 0.5 : 0, size: "sm", children: `${t}%` })
     }
   ) : null, d = /* @__PURE__ */ i(
-    Bo,
+    Mo,
     {
       $minWidth: e,
       $orientation: r,
@@ -9498,7 +9506,7 @@ const ve = ({
       $variant: l,
       className: r,
       children: /* @__PURE__ */ i(
-        Mo,
+        Bo,
         {
           $percentage: t,
           $rounded: o,
@@ -9866,7 +9874,7 @@ const ve = ({
                 gap: 1,
                 justify: p ? "start" : "center",
                 children: [
-                  B.isObject(r) ? /* @__PURE__ */ i(
+                  M.isObject(r) ? /* @__PURE__ */ i(
                     U,
                     {
                       onClick: C,
@@ -9875,7 +9883,7 @@ const ve = ({
                     },
                     r == null ? void 0 : r.key
                   ) : void 0,
-                  B.isObject(t) ? /* @__PURE__ */ i(
+                  M.isObject(t) ? /* @__PURE__ */ i(
                     U,
                     {
                       onClick: w,
@@ -10009,7 +10017,7 @@ const ve = ({
   };
   return {
     iconColor: t < 1 ? n.none : n[e],
-    iconText: B.capitalize(e.charAt(0)),
+    iconText: M.capitalize(e.charAt(0)),
     iconTextColor: t < 1 ? r.none : r[e],
     textColor: t < 1 ? a.disabled : a.enabled
   };
@@ -10020,7 +10028,7 @@ const ve = ({
   const { iconColor: n, iconText: a, iconTextColor: r, textColor: o } = Xo(
     e,
     t
-  ), l = B.capitalize(e.charAt(0)) + e.slice(1);
+  ), l = M.capitalize(e.charAt(0)) + e.slice(1);
   return /* @__PURE__ */ h(
     b,
     {
@@ -10171,7 +10179,7 @@ const ve = ({
   secondaryOnClick: c,
   title: d
 }) => {
-  const p = E(), g = M(null), u = v(
+  const p = E(), g = B(null), u = v(
     (f) => () => {
       f(), r();
     },
@@ -10407,13 +10415,13 @@ const ve = ({
   index: n,
   name: a
 }) => {
-  const r = M(null), { thumbProps: o, inputProps: l, isDragging: s } = wi(
+  const r = B(null), { thumbProps: o, inputProps: l, isDragging: s } = wi(
     { index: n, trackRef: t, inputRef: r },
     e
   );
   return /* @__PURE__ */ i("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ i(vi, { children: /* @__PURE__ */ i("input", { ...l, "aria-label": a, ref: r }) }) });
 }, ll = (e, t, n) => Math.round((n - e) / (t - e) * 100), Ns = (e) => {
-  const t = E(), n = M(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = ki(), p = Ci({
+  const t = E(), n = B(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = ki(), p = Ci({
     ...e,
     numberFormatter: d,
     onChange(y) {
@@ -10814,7 +10822,7 @@ const ve = ({
     }) })
   ] });
 }, Ls = ({ items: e }) => {
-  const t = M(null), [n, a] = j("long");
+  const t = B(null), [n, a] = j("long");
   return V(() => {
     t.current && a(t.current.offsetWidth <= 1100 ? "small" : "long");
   }, []), /* @__PURE__ */ i(b, { ref: t, width: "100%", children: /* @__PURE__ */ i(yl, { $size: n, children: e.map((r, o) => /* @__PURE__ */ i(
@@ -10865,7 +10873,7 @@ const ve = ({
       const { action: d, index: p, status: g, type: u } = c;
       [gt.STEP_AFTER, gt.TARGET_NOT_FOUND].includes(
         u
-      ) ? l(p + (d === zi.PREV ? -1 : 1)) : ([ut.FINISHED, ut.SKIPPED].includes(g) || d === "close") && (r(!1), B.isUndefined(n) || n());
+      ) ? l(p + (d === zi.PREV ? -1 : 1)) : ([ut.FINISHED, ut.SKIPPED].includes(g) || d === "close") && (r(!1), M.isUndefined(n) || n());
     },
     [n]
   );
@@ -11076,7 +11084,7 @@ export {
   cs as T,
   ds as U,
   X as V,
-  Ml as W,
+  Bl as W,
   Qt as X,
   tt as Y,
   Ol as Z,
@@ -11086,7 +11094,7 @@ export {
   jl as a0,
   Hl as a1,
   Ja as a2,
-  Bl as a3,
+  Ml as a3,
   Xa as a4,
   Ul as a5,
   El as a6,
@@ -11124,7 +11132,7 @@ export {
   Wl as ab,
   Ya as ac,
   se as ad,
-  Me as ae,
+  Be as ae,
   Pr as af,
   ps as ag,
   gs as ah,
@@ -11150,7 +11158,7 @@ export {
   fe as b0,
   Vl as b1,
   lr as b2,
-  Be as b3,
+  Me as b3,
   Yl as b4,
   Zi as b5,
   Xt as b6,
@@ -11178,7 +11186,7 @@ export {
   ze as bh,
   et as bi,
   Pa as bj,
-  Ma as bk,
+  Ba as bk,
   kt as bl,
   Ct as bm,
   St as bn,
@@ -11187,7 +11195,7 @@ export {
   Tr as bq,
   Ar as br,
   Or as bs,
-  Br as bt,
+  Mr as bt,
   Vr as bu,
   Kr as bv,
   Zr as bw,