@fluidattacks/design 3.16.2-pr-04 → 3.16.2-pr-06

package/dist/{components-dfu3Ch-3.mjs → components-DcbwFuxc.mjs}

@@ -338,7 +338,7 @@ const ae = (e) => ({
   ), g = j(
     "gap",
     e.gap === void 0 ? void 0 : T.spacing[e.gap]
-  ), u = j("background-color", e.bgColor), f = j("background", e.bgGradient), y = j("flex-direction", e.flexDirection), b = j("flex-grow", e.flexGrow), w = j("justify-content", e.justify), m = j("justify-self", e.justifySelf), v = j("align-items", e.alignItems), C = j("align-self", e.alignSelf), S = j("flex-wrap", e.wrap);
+  ), u = j("background-color", e.bgColor), f = j("background", e.bgGradient), y = j("flex-direction", e.flexDirection), b = j("flex-grow", e.flexGrow), m = j("justify-content", e.justify), w = j("justify-self", e.justifySelf), v = j("align-items", e.alignItems), C = j("align-self", e.alignSelf), S = j("flex-wrap", e.wrap);
   return `
     ${t}
     ${i}
@@ -355,8 +355,8 @@ const ae = (e) => ({
     ${g}
     ${y}
     ${b}
-    ${w}
     ${m}
+    ${w}
     ${v}
     ${C}
     ${S}
@@ -598,8 +598,8 @@ const ae = (e) => ({
   sizeSm: f,
   textFill: y,
   whiteSpace: b,
-  wordBreak: w,
-  ...m
+  wordBreak: m,
+  ...w
 }, v) {
   return /* @__PURE__ */ n(
     Ln,
@@ -617,10 +617,10 @@ const ae = (e) => ({
       $sizeSm: f,
       $textFill: y,
       $whiteSpace: b,
-      $wordBreak: w,
+      $wordBreak: m,
       className: a,
       ref: v,
-      ...m,
+      ...w,
       children: i
     }
   );
@@ -674,8 +674,8 @@ const ae = (e) => ({
   sizeSm: f,
   textFill: y,
   whiteSpace: b,
-  wordBreak: w,
-  ...m
+  wordBreak: m,
+  ...w
 }, v) {
   return /* @__PURE__ */ n(
     At,
@@ -693,10 +693,10 @@ const ae = (e) => ({
       $sizeSm: f,
       $textFill: y,
       $whiteSpace: b,
-      $wordBreak: w,
+      $wordBreak: m,
       className: a,
       ref: v,
-      ...m,
+      ...w,
       children: i
     }
   );
@@ -789,7 +789,7 @@ const N = G(function({
   spanClass: f,
   secondaryColor: y,
   ...b
-}, w) {
+}, m) {
   return /* @__PURE__ */ n(
     Pn,
     {
@@ -803,7 +803,7 @@ const N = G(function({
       className: f,
       "data-testid": `${r}-icon`,
       onClick: g,
-      ref: w,
+      ref: m,
       ...b,
       children: /* @__PURE__ */ n(
         "i",
@@ -1125,7 +1125,7 @@ const N = G(function({
   hide: f = g === "" && u === "" && d === void 0,
   width: y
 }) => {
-  const b = D(), [w, m] = F(!1), { refs: v, floatingStyles: C, context: S } = si({
+  const b = D(), [m, w] = F(!1), { refs: v, floatingStyles: C, context: S } = si({
     middleware: [
       ui({
         fallbackAxisSideDirection: "start"
@@ -1133,8 +1133,8 @@ const N = G(function({
       fi({ mainAxis: 10 }),
       hi()
     ],
-    onOpenChange: m,
-    open: w,
+    onOpenChange: w,
+    open: m,
     placement: p,
     whileElementsMounted: Ct
   }), E = ci(S, {
@@ -1163,12 +1163,12 @@ const N = G(function({
             icon: r,
             iconColor: o,
             iconSize: l ?? "xxs",
-            iconType: w ? "fa-solid" : "fa-light"
+            iconType: m ? "fa-solid" : "fa-light"
           }
         ) : e
       }
     ),
-    w && !f && de(
+    m && !f && de(
       /* @__PURE__ */ h(
         Gn,
         {
@@ -1224,8 +1224,8 @@ const N = G(function({
   type: f = "button",
   tooltip: y,
   tooltipPlace: b,
-  value: w,
-  variant: m = "primary",
+  value: m,
+  variant: w = "primary",
   ...v
 }, C) {
   const S = /* @__PURE__ */ n(
@@ -1234,7 +1234,7 @@ const N = G(function({
       $borderRadius: t,
       $px: g,
       $py: u,
-      $variant: m,
+      $variant: w,
       "aria-disabled": i,
       "aria-label": c,
       borderRadius: t,
@@ -1244,7 +1244,7 @@ const N = G(function({
       onClick: p,
       ref: C,
       type: f,
-      value: w,
+      value: m,
       ...v,
       children: /* @__PURE__ */ n(
         N,
@@ -1258,7 +1258,7 @@ const N = G(function({
         }
       )
     }
-  ), W = (f + (m ?? "") + (c ?? a)).replace(/ /u, "_");
+  ), W = (f + (w ?? "") + (c ?? a)).replace(/ /u, "_");
   return y === void 0 ? S : /* @__PURE__ */ n(ie, { id: `${W}-tooltip`, place: b, tip: y, children: S });
 }), gl = G(function({
   autoHide: t = !1,
@@ -1686,8 +1686,8 @@ const N = G(function({
   tooltip: f,
   tooltipPlace: y = "bottom",
   underline: b = !1,
-  value: w,
-  variant: m = "primary",
+  value: m,
+  variant: w = "primary",
   width: v,
   ...C
 }, S) {
@@ -1697,23 +1697,23 @@ const N = G(function({
     Pt,
     {
       $size: r,
-      $variant: m,
+      $variant: w,
       "aria-disabled": i,
       className: b ? "underline" : void 0,
       disabled: i,
       id: l,
       name: c,
-      onClick: m === "link" ? z : d,
+      onClick: w === "link" ? z : d,
       ref: S,
       type: u,
-      value: w,
+      value: m,
       width: v,
       ...E ? { "data-tooltip-id": W } : {},
       ...C,
       children: [
         s !== void 0 && /* @__PURE__ */ n(N, { icon: s, iconSize: "xs", iconType: "fa-light" }),
         t,
-        (p || m === "link") && /* @__PURE__ */ n(N, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
+        (p || w === "link") && /* @__PURE__ */ n(N, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
         g === void 0 ? null : /* @__PURE__ */ n(re, { tagLabel: g, variant: "default" })
       ]
     }
@@ -1935,9 +1935,9 @@ const N = G(function({
   showMaximize: g = !0,
   videoViewStatus: u
 }) => {
-  const f = D(), [y, b] = F(!1), w = k(() => {
+  const f = D(), [y, b] = F(!1), m = k(() => {
     b(!0);
-  }, []), m = k(() => {
+  }, []), w = k(() => {
     b(!1);
   }, []);
   return /* @__PURE__ */ h(
@@ -1950,8 +1950,8 @@ const N = G(function({
       display: "flex",
       flexDirection: "column",
       gap: 1,
-      onHover: w,
-      onLeave: m,
+      onHover: m,
+      onLeave: w,
       padding: [0.5, 0.5, 0.5, 0.5],
       width: "100%",
       children: [
@@ -2429,10 +2429,10 @@ const N = G(function({
   required: f,
   tooltip: y,
   value: b,
-  weight: w
+  weight: m
 }) => {
   var Qe;
-  const m = D(), v = t ? void 0 : i, C = (e == null ? void 0 : e.value) ?? b, [S, E] = F(
+  const w = D(), v = t ? void 0 : i, C = (e == null ? void 0 : e.value) ?? b, [S, E] = F(
     ((Qe = d.find((H) => H.value === C)) == null ? void 0 : Qe.name) ?? ""
   ), [W, z] = F(C), [L, B] = F(d), [A, M] = F(!1), { contains: X } = xi({ sensitivity: "base" }), ee = V(null), J = V(null), _ = V(null), K = V(null), le = V(null), Pe = te(() => d.map(
     (H) => X(H.name, S) || A ? /* @__PURE__ */ n(mi, { children: H.name }, H.value) : null
@@ -2512,7 +2512,7 @@ const N = G(function({
       label: l,
       required: f,
       tooltip: y,
-      weight: w,
+      weight: m,
       children: [
         /* @__PURE__ */ h(
           oe,
@@ -2535,7 +2535,7 @@ const N = G(function({
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
-                  iconColor: m.palette.error[500],
+                  iconColor: w.palette.error[500],
                   iconSize: "xs"
                 }
               ) : void 0,
@@ -2545,7 +2545,7 @@ const N = G(function({
                   ...ii,
                   className: "action",
                   icon: ne.isOpen ? "chevron-up" : "chevron-down",
-                  iconColor: m.palette.gray[400],
+                  iconColor: w.palette.gray[400],
                   iconSize: "xxs",
                   iconType: "fa-light",
                   px: 0.125,
@@ -2590,20 +2590,20 @@ const N = G(function({
   required: f,
   tooltip: y,
   value: b,
-  weight: w
+  weight: m
 }) => e ? /* @__PURE__ */ n(
   Be,
   {
     control: e,
     name: c,
-    render: ({ field: m, fieldState: v }) => {
+    render: ({ field: w, fieldState: v }) => {
       var C;
       return /* @__PURE__ */ n(
         st,
         {
           disabled: t,
           error: (C = v.error) == null ? void 0 : C.message,
-          field: m,
+          field: w,
           helpLink: a,
           helpLinkText: r,
           helpText: o,
@@ -2617,7 +2617,7 @@ const N = G(function({
           required: f,
           tooltip: y,
           value: b,
-          weight: w
+          weight: m
         }
       );
     },
@@ -2641,7 +2641,7 @@ const N = G(function({
     required: f,
     tooltip: y,
     value: b,
-    weight: w
+    weight: m
   }
 ), sa = $.div`
   ${({ theme: e }) => `
@@ -3194,15 +3194,15 @@ const N = G(function({
       d && z && d(s, me(String(z)));
     },
     [s, d]
-  ), w = Tt({
+  ), m = Tt({
     ...u,
     onChange(z) {
       b(z);
     },
     value: R.isNil(y) || R.isEmpty(y) || y === "-" ? null : Ri(y.replace(/\//gu, "-"))
-  }), { close: m } = w, { groupProps: v, fieldProps: C, buttonProps: S, dialogProps: E, calendarProps: W } = Nt(
+  }), { close: w } = m, { groupProps: v, fieldProps: C, buttonProps: S, dialogProps: E, calendarProps: W } = Nt(
     { ...u, "aria-label": l ?? s, name: s },
-    w,
+    m,
     f
   );
   return /* @__PURE__ */ h(
@@ -3233,14 +3233,14 @@ const N = G(function({
             value: y
           }
         ),
-        w.isOpen && !e ? /* @__PURE__ */ n(
+        m.isOpen && !e ? /* @__PURE__ */ n(
           Ee,
           {
             offset: 8,
             placement: "bottom start",
-            state: w,
+            state: m,
             triggerRef: f,
-            children: /* @__PURE__ */ n(Ye, { ...E, children: /* @__PURE__ */ n(xa, { onClose: m, props: W }) })
+            children: /* @__PURE__ */ n(Ye, { ...E, children: /* @__PURE__ */ n(xa, { onClose: w, props: W }) })
           }
         ) : null
       ]
@@ -3304,14 +3304,14 @@ const N = G(function({
       ));
     },
     [u, f, s, c, d]
-  ), w = Wi({
+  ), m = Wi({
     ...g,
     endName: (c == null ? void 0 : c.name) ?? u,
     startName: (d == null ? void 0 : d.name) ?? f,
     onChange(L) {
       b(L);
     }
-  }), { close: m } = w, {
+  }), { close: w } = m, {
     groupProps: v,
     startFieldProps: C,
     endFieldProps: S,
@@ -3320,7 +3320,7 @@ const N = G(function({
     calendarProps: z
   } = Hi(
     { ...g, "aria-label": i ?? a },
-    w,
+    m,
     y
   );
   return /* @__PURE__ */ h(
@@ -3383,14 +3383,14 @@ const N = G(function({
             ]
           }
         ),
-        w.isOpen && !e ? /* @__PURE__ */ n(
+        m.isOpen && !e ? /* @__PURE__ */ n(
           Ee,
           {
             offset: 8,
             placement: "bottom start",
-            state: w,
+            state: m,
             triggerRef: y,
-            children: /* @__PURE__ */ n(Ye, { ...W, children: /* @__PURE__ */ n(Sa, { onClose: m, props: z }) })
+            children: /* @__PURE__ */ n(Ye, { ...W, children: /* @__PURE__ */ n(Sa, { onClose: w, props: z }) })
           }
         ) : null
       ]
@@ -3462,7 +3462,7 @@ const N = G(function({
     isRequired: a,
     shouldCloseOnSelect: !1,
     value: R.isNil(p) || R.isEmpty(p) || p === "-" ? null : Vi(p.replace(/\//gu, "-"))
-  }), { close: f } = u, { groupProps: y, fieldProps: b, buttonProps: w, dialogProps: m, calendarProps: v } = Nt(e, u, g), C = k(
+  }), { close: f } = u, { groupProps: y, fieldProps: b, buttonProps: m, dialogProps: w, calendarProps: v } = Nt(e, u, g), C = k(
     (E) => {
       v.onChange && v.onChange(E), c == null || c(
         o,
@@ -3488,7 +3488,7 @@ const N = G(function({
         /* @__PURE__ */ n(
           we,
           {
-            buttonProps: w,
+            buttonProps: m,
             datePickerRef: g,
             disabled: t,
             error: i,
@@ -3508,7 +3508,7 @@ const N = G(function({
             placement: "bottom start",
             state: u,
             triggerRef: g,
-            children: /* @__PURE__ */ n(Ye, { ...m, children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ n(Ye, { ...w, children: /* @__PURE__ */ n(
               Fa,
               {
                 handleTimeChange: S,
@@ -3555,8 +3555,8 @@ const N = G(function({
   maskValue: f = !1,
   onPaste: y,
   placeholder: b,
-  removeItemArray: w,
-  register: m,
+  removeItemArray: m,
+  register: w,
   suggestions: v,
   tooltip: C,
   type: S = "text",
@@ -3608,7 +3608,7 @@ const N = G(function({
                   onPaste: y,
                   placeholder: b,
                   type: S,
-                  ...m ? m(u, { required: z, onBlur: L, onChange: B }) : { ...W }
+                  ...w ? w(u, { required: z, onBlur: L, onChange: B }) : { ...W }
                 }
               ),
               M ? /* @__PURE__ */ n(
@@ -3636,7 +3636,7 @@ const N = G(function({
                   icon: "trash",
                   iconSize: "xxs",
                   iconType: "fa-light",
-                  onClick: w ? w(s) : void 0,
+                  onClick: m ? m(s) : void 0,
                   variant: "ghost"
                 }
               ) : void 0
@@ -3773,10 +3773,10 @@ const N = G(function({
   placeholder: f,
   tooltip: y,
   remove: b,
-  value: w
+  value: m
 }) => {
   var C;
-  const m = k(() => {
+  const w = k(() => {
     t == null || t(o);
   }, [t, o]), v = k(
     (S) => () => {
@@ -3802,7 +3802,7 @@ const N = G(function({
         removeItemArray: v,
         required: s,
         tooltip: y,
-        value: w
+        value: m
       }
     ) }),
     l < d - 1 && l + 1 === (a == null ? void 0 : a.length) ? /* @__PURE__ */ n(ut, { lg: 25, md: 25, sm: 25, children: /* @__PURE__ */ n(
@@ -3810,7 +3810,7 @@ const N = G(function({
       {
         disabled: i,
         icon: "plus",
-        onClick: m,
+        onClick: w,
         variant: "ghost",
         width: "100%",
         children: e ?? "Add"
@@ -3837,26 +3837,26 @@ const N = G(function({
   {
     control: i,
     name: `${d}.${b}`,
-    render: ({ field: w, fieldState: m }) => /* @__PURE__ */ n(
+    render: ({ field: m, fieldState: w }) => /* @__PURE__ */ n(
       ft,
       {
         addText: e,
         append: t,
         disabled: a,
-        fieldState: m,
+        fieldState: w,
         fields: r,
         index: b,
         initValue: o,
         label: s,
         max: c,
-        name: w.name,
-        onBlur: w.onBlur,
-        onChange: p ?? w.onChange,
+        name: m.name,
+        onBlur: m.onBlur,
+        onChange: p ?? m.onChange,
         placeholder: g,
         remove: u,
         required: l,
         tooltip: f,
-        value: w.value.value
+        value: m.value.value
       }
     ),
     index: b,
@@ -3914,7 +3914,7 @@ const N = G(function({
   watch: y,
   weight: b
 }) => {
-  const w = D(), m = t ? void 0 : i, v = V(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), E = Pa(S), W = k(() => {
+  const m = D(), w = t ? void 0 : i, v = V(null), C = g == null ? void 0 : g(c, { required: p }), S = y == null ? void 0 : y(c), E = Pa(S), W = k(() => {
     const B = Bt("change", c, void 0);
     u && u(c, void 0), C && C.onChange(B);
   }, [C, c, u]), z = k(
@@ -3932,7 +3932,7 @@ const N = G(function({
   return /* @__PURE__ */ h(
     q,
     {
-      error: m,
+      error: w,
       helpLink: r,
       helpText: o,
       htmlFor: l ?? c,
@@ -3944,14 +3944,14 @@ const N = G(function({
         /* @__PURE__ */ h(
           oe,
           {
-            className: `${t ? "disabled" : ""} ${m ? "error" : ""}`,
+            className: `${t ? "disabled" : ""} ${w ? "error" : ""}`,
             children: [
               /* @__PURE__ */ n(Ra, { $size: "xs", children: E }),
               /* @__PURE__ */ h(x, { alignItems: "center", display: "flex", gap: 0.625, children: [
                 P.isEmpty(E) ? void 0 : /* @__PURE__ */ n(
                   Y,
                   {
-                    color: w.palette.gray[400],
+                    color: m.palette.gray[400],
                     height: "20px",
                     icon: "xmark",
                     iconSize: "lg",
@@ -3961,19 +3961,19 @@ const N = G(function({
                     width: "20px"
                   }
                 ),
-                m && /* @__PURE__ */ n(
+                w && /* @__PURE__ */ n(
                   N,
                   {
                     icon: "exclamation-circle",
                     iconClass: "error-icon",
-                    iconColor: w.palette.error[500],
+                    iconColor: m.palette.error[500],
                     iconSize: "xs"
                   }
                 ),
                 /* @__PURE__ */ h(
                   O,
                   {
-                    border: t ? `1px solid ${w.palette.gray[300]} !important` : "",
+                    border: t ? `1px solid ${m.palette.gray[300]} !important` : "",
                     borderRadius: "0px 8px 8px 0px !important",
                     disabled: t,
                     height: "40px",
@@ -4032,7 +4032,7 @@ const N = G(function({
   value: f,
   weight: y
 }) => {
-  const b = D(), w = e ? void 0 : t, [m, v] = F(""), C = c ? f : i == null ? void 0 : i.value, S = te(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), E = k(
+  const b = D(), m = e ? void 0 : t, [w, v] = F(""), C = c ? f : i == null ? void 0 : i.value, S = te(() => C && typeof C == "string" ? C.split(",").filter(Boolean) : [], [C]), E = k(
     (A) => {
       const X = [...new Set(A.filter(Boolean))].join(","), ee = Bt("change", s, X);
       i && i.onChange(ee), c && c(ee);
@@ -4045,16 +4045,16 @@ const N = G(function({
     []
   ), z = k(
     (A) => {
-      const M = m.trim();
+      const M = w.trim();
       M.length && !S.includes(M) && (A.preventDefault(), E([...S, M]), v("")), i && i.onBlur();
     },
-    [m, i, E, S]
+    [w, i, E, S]
   ), L = k(
     (A) => {
-      const M = m.trim();
+      const M = w.trim();
       A.key === "Enter" && M.length === 0 && A.preventDefault(), ["Enter", ","].includes(A.key) && M.length > 0 && !S.includes(M) ? (A.preventDefault(), E([...S, M]), v("")) : A.key === "Backspace" && !M.length && S.length && (A.preventDefault(), d == null || d(S[S.length - 1]), E(S.slice(0, -1)));
     },
-    [m, d, E, S]
+    [w, d, E, S]
   ), B = k(
     (A) => () => {
       d == null || d(A), E(S.filter((M) => M !== A));
@@ -4064,7 +4064,7 @@ const N = G(function({
   return /* @__PURE__ */ n(
     q,
     {
-      error: w,
+      error: m,
       helpLink: a,
       helpLinkText: r,
       helpText: o,
@@ -4077,7 +4077,7 @@ const N = G(function({
         oe,
         {
           $overflowX: "auto",
-          className: `${e ? "disabled" : ""} ${w ? "error" : ""}`,
+          className: `${e ? "disabled" : ""} ${m ? "error" : ""}`,
           children: [
             S.map((A) => /* @__PURE__ */ n(
               re,
@@ -4092,7 +4092,7 @@ const N = G(function({
               Wa,
               {
                 "aria-hidden": !1,
-                "aria-invalid": w ? "true" : "false",
+                "aria-invalid": m ? "true" : "false",
                 "aria-label": s,
                 "aria-required": g,
                 autoComplete: "off",
@@ -4103,10 +4103,10 @@ const N = G(function({
                 placeholder: S.length === 0 ? p : void 0,
                 ref: i == null ? void 0 : i.ref,
                 type: "text",
-                value: m
+                value: w
               }
             ),
-            w ? /* @__PURE__ */ n(
+            m ? /* @__PURE__ */ n(
               N,
               {
                 icon: "exclamation-circle",
@@ -4218,18 +4218,18 @@ const N = G(function({
   setValue: u,
   value: f
 }) => {
-  const y = D(), b = i ? void 0 : e, w = t < 0 ? 0 : t, [m, v] = F(
+  const y = D(), b = i ? void 0 : e, m = t < 0 ? 0 : t, [w, v] = F(
     f ? R.toNumber(f) : 0
   ), C = k(() => {
-    const z = (m - 10 ** -w).toFixed(w), L = Math.max(Number(l), Number(z));
+    const z = (w - 10 ** -m).toFixed(m), L = Math.max(Number(l), Number(z));
     u && u(s, L, { shouldDirty: !0 }), v(L);
-  }, [w, m, l, s, u]), S = k(() => {
-    const z = (m + 10 ** -w).toFixed(w), L = Math.min(
+  }, [m, w, l, s, u]), S = k(() => {
+    const z = (w + 10 ** -m).toFixed(m), L = Math.min(
       Number(o),
       Number(z) > Number(l) ? Number(z) : Number(l)
     );
     u && u(s, L, { shouldDirty: !0 }), v(L);
-  }, [w, m, o, l, s, u]), E = k(
+  }, [m, w, o, l, s, u]), E = k(
     (z) => {
       const { value: L } = z.target, B = /\d+/u.test(L) && !R.isEmpty(L);
       u && u(s, B ? L : void 0), c && c(z), v(Number(L));
@@ -4261,7 +4261,7 @@ const N = G(function({
             onKeyDown: W,
             placeholder: d,
             required: g,
-            step: 10 ** -w,
+            step: 10 ** -m,
             type: "number",
             ...p == null ? void 0 : p(s, {
               maxLength: r,
@@ -4326,8 +4326,8 @@ const N = G(function({
   placeholder: f,
   register: y,
   required: b,
-  setValue: w,
-  tooltip: m,
+  setValue: m,
+  tooltip: w,
   value: v,
   watch: C,
   weight: S
@@ -4342,7 +4342,7 @@ const N = G(function({
     linkPosition: s,
     maxLength: c,
     required: b,
-    tooltip: m,
+    tooltip: w,
     weight: S,
     children: /* @__PURE__ */ n(
       He,
@@ -4359,7 +4359,7 @@ const N = G(function({
         placeholder: f,
         register: y,
         required: b,
-        setValue: w,
+        setValue: m,
         value: u ? v : C == null ? void 0 : C(g)
       }
     )
@@ -4535,7 +4535,7 @@ const N = G(function({
   watch: d,
   weight: p
 }) => {
-  const g = D(), u = V(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [b, w] = F(!1), [m, v] = F(""), { refs: C, floatingStyles: S } = Ft({
+  const g = D(), u = V(null), f = e ? void 0 : t, y = (d == null ? void 0 : d(a)) ?? c, [b, m] = F(!1), [w, v] = F(""), { refs: C, floatingStyles: S } = Ft({
     placement: "bottom-start",
     whileElementsMounted: Ct
   }), { inputRef: E, inputValue: W, handlePhoneValueChange: z, country: L, setCountry: B } = Bi({
@@ -4550,14 +4550,14 @@ const N = G(function({
     []
   ), M = k(
     (_) => {
-      _.preventDefault(), w((K) => !K), b || v("");
+      _.preventDefault(), m((K) => !K), b || v("");
     },
     [b]
   ), X = k(
     (_) => () => {
-      B(_), w(!1), v("");
+      B(_), m(!1), v("");
     },
-    [B, w]
+    [B, m]
   ), ee = k(
     (_) => {
       _.key.length === 1 ? v((K) => K + _.key) : _.key === "Backspace" && v((K) => K.slice(0, -1));
@@ -4565,12 +4565,12 @@ const N = G(function({
     []
   ), J = tt.filter((_) => {
     const { name: K } = it(_);
-    return K.toLowerCase().includes(m.toLowerCase());
+    return K.toLowerCase().includes(w.toLowerCase());
   });
   return Re(
     C.floating.current,
     () => {
-      w(!1), v("");
+      m(!1), v("");
     },
     !0
   ), /* @__PURE__ */ n(
@@ -4702,11 +4702,11 @@ const N = G(function({
   required: f,
   rows: y,
   tooltip: b,
-  watch: w,
-  weight: m,
+  watch: m,
+  weight: w,
   value: v
 }) => {
-  const C = D(), S = (w == null ? void 0 : w(s)) ?? v, E = o && r && !e, W = e ? void 0 : t;
+  const C = D(), S = (m == null ? void 0 : m(s)) ?? v, E = o && r && !e, W = e ? void 0 : t;
   return /* @__PURE__ */ n(
     q,
     {
@@ -4719,7 +4719,7 @@ const N = G(function({
       required: f,
       tooltip: b,
       value: S ? String(S) : void 0,
-      weight: m,
+      weight: w,
       children: /* @__PURE__ */ h(
         oe,
         {
@@ -5072,7 +5072,7 @@ const N = G(function({
       const g = p.filter(({ locked: b }) => !b), f = [...p.filter(({ locked: b }) => b), ...g], y = f.map(({ name: b }) => b);
       l((b) => [
         ...f,
-        ...b.filter(({ name: w }) => !y.includes(w))
+        ...b.filter(({ name: m }) => !y.includes(m))
       ]), a && a(f.map(({ id: b }) => b));
     },
     [a]
@@ -6637,8 +6637,8 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   const r = D(), o = V(null), [l, s] = F(void 0), c = k(
     (g) => {
       const { checked: u, value: f } = g.target, y = i.columns.map((b) => {
-        var w;
-        return b.name === f ? ((w = b.toggleVisibility) == null || w.call(b, u), { ...b, visible: u }) : b;
+        var m;
+        return b.name === f ? ((m = b.toggleVisibility) == null || m.call(b, u), { ...b, visible: u }) : b;
       });
       i.setColumns(y);
     },
@@ -7048,21 +7048,21 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
   const o = D(), [l, s] = F(e), [c, d] = F(
     []
   ), [p, g] = F({}), [u, f] = F(""), y = k(
-    (m) => () => {
-      const v = l.find((S) => S.label === m), C = !(v != null && v.filterOptions.some(
+    (w) => () => {
+      const v = l.find((S) => S.label === w), C = !(v != null && v.filterOptions.some(
         (S) => S.type === "dateRange" || S.type === "select"
       ));
-      r == null || r(C ?? !0), f(m), d((v == null ? void 0 : v.filterOptions) ?? []);
+      r == null || r(C ?? !0), f(w), d((v == null ? void 0 : v.filterOptions) ?? []);
     },
     [l, r]
   ), b = k(
-    (m) => {
+    (w) => {
       const v = [
-        ...m.checkbox,
-        ...Object.values(m.text ?? {}),
-        ...m.radio ? [m.radio] : [],
-        ...m.minValue ? [String(m.minValue)] : [],
-        ...m.maxValue ? [String(m.maxValue)] : []
+        ...w.checkbox,
+        ...Object.values(w.text ?? {}),
+        ...w.radio ? [w.radio] : [],
+        ...w.minValue ? [String(w.minValue)] : [],
+        ...w.maxValue ? [String(w.maxValue)] : []
       ];
       g((z) => v.length > 0 ? { ...z, [u]: v } : z);
       const C = (z) => {
@@ -7071,11 +7071,11 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           ...z,
           options: (L = z.options) == null ? void 0 : L.map((A) => ({
             ...A,
-            checked: m.checkbox.includes(A.value) || m.radio === A.value
+            checked: w.checkbox.includes(A.value) || w.radio === A.value
           })),
-          value: ["text", "select"].includes(z.type) ? ((B = m.text) == null ? void 0 : B[`${String(z.key)}-${z.filterFn ?? "caseInsensitive"}`]) ?? z.value : z.value,
-          minValue: ["numberRange", "dateRange"].includes(z.type) ? m.minValue : z.minValue,
-          maxValue: ["numberRange", "dateRange"].includes(z.type) ? m.maxValue : z.maxValue
+          value: ["text", "select"].includes(z.type) ? ((B = w.text) == null ? void 0 : B[`${String(z.key)}-${z.filterFn ?? "caseInsensitive"}`]) ?? z.value : z.value,
+          minValue: ["numberRange", "dateRange"].includes(z.type) ? w.minValue : z.minValue,
+          maxValue: ["numberRange", "dateRange"].includes(z.type) ? w.maxValue : z.maxValue
         };
       }, S = (z) => z.label === u ? {
         ...z,
@@ -7088,20 +7088,20 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       i(W), d([]);
     },
     [l, i, u]
-  ), w = k(
-    (m, v) => {
-      const C = `li-filter-option-${m}`;
+  ), m = k(
+    (w, v) => {
+      const C = `li-filter-option-${w}`;
       return /* @__PURE__ */ h(
         Rr,
         {
           icon: v,
-          onClick: y(m),
+          onClick: y(w),
           style: { minWidth: "180px" },
           value: C,
           width: "100%",
           children: [
-            m,
-            p[m] === void 0 ? void 0 : /* @__PURE__ */ n(re, { tagLabel: p[m].length.toString() })
+            w,
+            p[w] === void 0 ? void 0 : /* @__PURE__ */ n(re, { tagLabel: p[w].length.toString() })
           ]
         },
         C
@@ -7110,7 +7110,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
     [p, y]
   );
   return U(() => {
-    const m = e.reduce(
+    const w = e.reduce(
       (v, { label: C, filterOptions: S }) => {
         const E = S.flatMap(({ value: L, minValue: B, maxValue: A }) => [
           B,
@@ -7127,7 +7127,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
       },
       {}
     );
-    g(m), c.length > 0 && a && a("column");
+    g(w), c.length > 0 && a && a("column");
   }, [c, e, a]), t === "grouped" ? /* @__PURE__ */ n(
     x,
     {
@@ -7146,12 +7146,12 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           options: c
         }
       ) : Object.entries(Yt(e)).map(
-        ([m, v]) => /* @__PURE__ */ h(x, { children: [
-          /* @__PURE__ */ n(I, { color: o.palette.gray[400], mb: 0.25, size: "sm", children: m }),
+        ([w, v]) => /* @__PURE__ */ h(x, { children: [
+          /* @__PURE__ */ n(I, { color: o.palette.gray[400], mb: 0.25, size: "sm", children: w }),
           v.map(
-            ({ label: C, icon: S = "filter-list" }) => w(C, S)
+            ({ label: C, icon: S = "filter-list" }) => m(C, S)
           )
-        ] }, m)
+        ] }, w)
       )
     }
   ) : /* @__PURE__ */ n(
@@ -7172,7 +7172,7 @@ ${f[8]}...` : (f.length < 8 && c(!1), t);
           options: c
         }
       ) : e.map(
-        ({ label: m, icon: v = "filter-list" }) => w(m, v)
+        ({ label: w, icon: v = "filter-list" }) => m(w, v)
       )
     }
   );
@@ -7452,9 +7452,9 @@ const $e = ({
     xt(s)
   ), g = i.map((b) => ({
     ...b,
-    filterOptions: b.filterOptions.map((w) => s.find(
-      (v) => v.key === w.key && v.type === w.type && v.filterFn === w.filterFn
-    ) ?? { ...w })
+    filterOptions: b.filterOptions.map((m) => s.find(
+      (v) => v.key === m.key && v.type === m.type && v.filterFn === m.filterFn
+    ) ?? { ...m })
   })), u = k(
     (b) => {
       c([...b]), localStorage.setItem(t, JSON.stringify(b));
@@ -7462,18 +7462,16 @@ const $e = ({
     [c, t]
   ), f = k(
     (b) => () => {
-      const w = s.map(
-        (m) => m.key === b.key && m.type === b.type && m.filterFn === b.filterFn ? Xr(m) : m
+      const m = s.map(
+        (w) => w.key === b.key && w.type === b.type && w.filterFn === b.filterFn ? Xr(w) : w
       );
-      c(w), localStorage.setItem(t, JSON.stringify(w));
+      c(m), localStorage.setItem(t, JSON.stringify(m));
     },
     [s, t]
   );
   return U(() => {
-    const b = localStorage.getItem(t), w = i.flatMap((v) => v.filterOptions);
-    b || localStorage.setItem(t, JSON.stringify(w));
-    const m = b ? JSON.parse(b) : w;
-    c(m);
+    const b = localStorage.getItem(t), m = i.flatMap((v) => v.filterOptions), w = b ? JSON.parse(b) : m;
+    m.flatMap((v) => v.value).filter(Boolean).length > 0 ? (localStorage.setItem(t, JSON.stringify(m)), c(m)) : c(w);
   }, [t, i, c]), U(() => {
     a && e !== void 0 && a(qr(e, s)), p(xt(s)), r == null || r(s);
   }, [e, s, a, p, r]), { Filters: () => /* @__PURE__ */ h(
@@ -7895,17 +7893,17 @@ const $e = ({
   variant: s
 }) => {
   const c = D(), [d, p] = F(t), [g, u] = F(""), f = k(
-    (w) => {
+    (m) => {
       p(
-        (m) => m.filter(
-          (v) => String(v.name).toLowerCase().includes(w.toLocaleLowerCase())
+        (w) => w.filter(
+          (v) => String(v.name).toLowerCase().includes(m.toLocaleLowerCase())
         )
       );
     },
     [p]
   ), y = k(
-    (w) => {
-      w.currentTarget && (u(w.currentTarget.value), f(w.currentTarget.value));
+    (m) => {
+      m.currentTarget && (u(m.currentTarget.value), f(m.currentTarget.value));
     },
     [u, f]
   );
@@ -7985,14 +7983,14 @@ const $e = ({
                     /* @__PURE__ */ n(I, { color: c.palette.gray[400], size: "sm", children: "New organization" })
                   ] }) }) : void 0,
                   d.map(
-                    (w) => /* @__PURE__ */ n(
+                    (m) => /* @__PURE__ */ n(
                       ao,
                       {
-                        isSelected: o.toLowerCase() === w.name,
-                        label: w.name.charAt(0).toUpperCase() + w.name.slice(1),
+                        isSelected: o.toLowerCase() === m.name,
+                        label: m.name.charAt(0).toUpperCase() + m.name.slice(1),
                         onSelect: a
                       },
-                      w.name
+                      m.name
                     )
                   )
                 ]
@@ -8569,19 +8567,19 @@ const $e = ({
   ...d
 }, p) {
   const g = i < 0 ? 0 : i, [u, f] = F(Number(a).toFixed(g)), y = k(
-    (m) => {
-      const v = P.toNumber(m.target.value);
-      m.target.value.endsWith(".") ? f(m.target.value) : v >= Number(o) && v <= Number(r) && (f(String(v)), t && s(P.toNumber(v.toFixed(g)))), m.stopPropagation();
+    (w) => {
+      const v = P.toNumber(w.target.value);
+      w.target.value.endsWith(".") ? f(w.target.value) : v >= Number(o) && v <= Number(r) && (f(String(v)), t && s(P.toNumber(v.toFixed(g)))), w.stopPropagation();
     },
     [t, g, r, o, s]
   ), b = k(
-    (m) => {
-      m.currentTarget.contains(m.relatedTarget) || f(Number(a).toFixed(g)), m.stopPropagation();
+    (w) => {
+      w.currentTarget.contains(w.relatedTarget) || f(Number(a).toFixed(g)), w.stopPropagation();
     },
     [g, a]
-  ), w = k(
-    (m) => {
-      m.stopPropagation(), m.key === "Enter" && !P.isEmpty(m.currentTarget.value) && s(P.toNumber(m.currentTarget.value));
+  ), m = k(
+    (w) => {
+      w.stopPropagation(), w.key === "Enter" && !P.isEmpty(w.currentTarget.value) && s(P.toNumber(w.currentTarget.value));
     },
     [s]
   );
@@ -8597,7 +8595,7 @@ const $e = ({
       min: o,
       name: l,
       onChange: y,
-      onKeyUp: w,
+      onKeyUp: m,
       ref: p,
       step: 10 ** -g,
       type: "number",
@@ -8974,7 +8972,7 @@ const So = {
   title: p,
   titleColor: g
 }) => {
-  const u = D(), { alt: f, src: y, width: b = "77px", height: w = "77px" } = c, m = k(() => {
+  const u = D(), { alt: f, src: y, width: b = "77px", height: m = "77px" } = c, w = k(() => {
     t == null || t.onClick();
   }, [t]), v = k(() => {
     r == null || r.onClick();
@@ -9022,7 +9020,7 @@ const So = {
                     pe,
                     {
                       alt: f,
-                      height: w,
+                      height: m,
                       publicId: y,
                       width: b
                     }
@@ -9081,7 +9079,7 @@ const So = {
                   P.isObject(t) ? /* @__PURE__ */ n(
                     O,
                     {
-                      onClick: m,
+                      onClick: w,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
                       children: t == null ? void 0 : t.text
                     },
@@ -9616,8 +9614,8 @@ const So = {
   return U(() => {
     const f = ["mousedown", "touchstart"], y = (b) => {
       var S;
-      const w = b.target, m = document.getElementById("helpBtn"), v = document.getElementById("filterBtn"), C = (w === m || ((m == null ? void 0 : m.contains(w)) ?? !1) || w === v || (v == null ? void 0 : v.contains(w))) ?? !1;
-      i && !C && !(((S = g.current) == null ? void 0 : S.contains(w)) ?? !1) && r();
+      const m = b.target, w = document.getElementById("helpBtn"), v = document.getElementById("filterBtn"), C = (m === w || ((w == null ? void 0 : w.contains(m)) ?? !1) || m === v || (v == null ? void 0 : v.contains(m))) ?? !1;
+      i && !C && !(((S = g.current) == null ? void 0 : S.contains(m)) ?? !1) && r();
     };
     return f.forEach((b) => {
       document.addEventListener(b, y, { passive: !0 });
@@ -9706,8 +9704,8 @@ const So = {
                     customBadge: f,
                     description: y,
                     icon: b,
-                    onClick: w,
-                    requiresUpgrade: m,
+                    onClick: m,
+                    requiresUpgrade: w,
                     title: v
                   }) => /* @__PURE__ */ n(
                     Po,
@@ -9715,8 +9713,8 @@ const So = {
                       customBadge: f,
                       description: y,
                       icon: b,
-                      onClick: u(w),
-                      requiresUpgrade: m,
+                      onClick: u(m),
+                      requiresUpgrade: w,
                       title: v
                     },
                     v
@@ -9997,9 +9995,9 @@ const So = {
     []
   );
   return /* @__PURE__ */ n(_o, { children: r.map((c, d) => {
-    const { content: p, title: g, nextAction: u, previousAction: f } = c, y = d + 1, b = y === o ? "current" : "disabled", w = y < o ? "completed" : b;
+    const { content: p, title: g, nextAction: u, previousAction: f } = c, y = d + 1, b = y === o ? "current" : "disabled", m = y < o ? "completed" : b;
     return /* @__PURE__ */ h(Yo, { children: [
-      /* @__PURE__ */ n(x, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(qo, { $variant: w, children: w === "completed" ? /* @__PURE__ */ n(N, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : y }) }),
+      /* @__PURE__ */ n(x, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(qo, { $variant: m, children: m === "completed" ? /* @__PURE__ */ n(N, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : y }) }),
       /* @__PURE__ */ h(x, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ n(
           Q,
@@ -10011,7 +10009,7 @@ const So = {
             children: g
           }
         ),
-        w === "current" && /* @__PURE__ */ h(x, { children: [
+        m === "current" && /* @__PURE__ */ h(x, { children: [
           p,
           /* @__PURE__ */ h(Ko, { children: [
             o > 1 && /* @__PURE__ */ n(