@fluidattacks/design 3.7.5 → 3.7.6

package/dist/{components-BNZX-y-p.mjs → components-BiCqORga.mjs}

@@ -338,7 +338,7 @@ const ne = (e) => ({
   ), u = j(
     "gap",
     e.gap === void 0 ? void 0 : S.spacing[e.gap]
-  ), f = j("background-color", e.bgColor), $ = j("background", e.bgGradient), y = j("flex-direction", e.flexDirection), w = j("flex-grow", e.flexGrow), m = j("justify-content", e.justify), k = j("justify-self", e.justifySelf), C = j("align-items", e.alignItems), I = j("align-self", e.alignSelf), N = j("flex-wrap", e.wrap);
+  ), f = j("background-color", e.bgColor), $ = j("background", e.bgGradient), y = j("flex-direction", e.flexDirection), m = j("flex-grow", e.flexGrow), w = j("justify-content", e.justify), k = j("justify-self", e.justifySelf), C = j("align-items", e.alignItems), I = j("align-self", e.alignSelf), N = j("flex-wrap", e.wrap);
   return `
     ${t}
     ${i}
@@ -354,8 +354,8 @@ const ne = (e) => ({
     ${$}
     ${u}
     ${y}
-    ${w}
     ${m}
+    ${w}
     ${k}
     ${C}
     ${I}
@@ -594,8 +594,8 @@ const ne = (e) => ({
   sizeMd: f,
   sizeSm: $,
   textFill: y,
-  wordBreak: w,
-  ...m
+  wordBreak: m,
+  ...w
 }, k) {
   return /* @__PURE__ */ n(
     gi,
@@ -612,10 +612,10 @@ const ne = (e) => ({
       $sizeMd: f,
       $sizeSm: $,
       $textFill: y,
-      $wordBreak: w,
+      $wordBreak: m,
       className: r,
       ref: k,
-      ...m,
+      ...w,
       children: i
     }
   );
@@ -668,8 +668,8 @@ const ne = (e) => ({
   sizeMd: f,
   sizeSm: $,
   textFill: y,
-  wordBreak: w,
-  ...m
+  wordBreak: m,
+  ...w
 }, k) {
   return /* @__PURE__ */ n(
     St,
@@ -686,10 +686,10 @@ const ne = (e) => ({
       $sizeMd: f,
       $sizeSm: $,
       $textFill: y,
-      $wordBreak: w,
+      $wordBreak: m,
       className: r,
       ref: k,
-      ...m,
+      ...w,
       children: i
     }
   );
@@ -778,8 +778,8 @@ const z = H(function({
   rotation: f,
   spanClass: $,
   secondaryColor: y,
-  ...w
-}, m) {
+  ...m
+}, w) {
   return /* @__PURE__ */ n(
     $i,
     {
@@ -793,8 +793,8 @@ const z = H(function({
       className: $,
       "data-testid": `${a}-icon`,
       onClick: u,
-      ref: m,
-      ...w,
+      ref: w,
+      ...m,
       children: /* @__PURE__ */ n(
         "i",
         {
@@ -1115,8 +1115,8 @@ const z = H(function({
   tip: f = "",
   title: $ = "",
   hide: y = f === "" && $ === "" && g === void 0,
-  ...w
-}, m) {
+  ...m
+}, w) {
   const k = T(), [C, I] = D(!1), N = L(null), E = x(() => {
     N.current !== null && clearTimeout(N.current), N.current = setTimeout(() => {
       I(!0);
@@ -1133,9 +1133,9 @@ const z = H(function({
       display: r,
       onMouseLeave: F,
       onMouseMove: E,
-      ref: m,
+      ref: w,
       role: "tooltip",
-      ...w,
+      ...m,
       children: [
         o ? /* @__PURE__ */ n(
           z,
@@ -1213,8 +1213,8 @@ const z = H(function({
   py: f,
   type: $ = "button",
   tooltip: y,
-  tooltipPlace: w,
-  value: m,
+  tooltipPlace: m,
+  value: w,
   variant: k = "primary",
   ...C
 }, I) {
@@ -1234,7 +1234,7 @@ const z = H(function({
       onClick: g,
       ref: I,
       type: $,
-      value: m,
+      value: w,
       ...C,
       children: /* @__PURE__ */ n(
         z,
@@ -1249,7 +1249,7 @@ const z = H(function({
       )
     }
   ), F = ($ + (k ?? "") + (c ?? r)).replace(/ /u, "_");
-  return y === void 0 ? N : /* @__PURE__ */ n(ie, { id: `${F}-tooltip`, place: w, tip: y, children: N });
+  return y === void 0 ? N : /* @__PURE__ */ n(ie, { id: `${F}-tooltip`, place: m, tip: y, children: N });
 }), al = H(function({
   autoHide: t = !1,
   children: i,
@@ -1531,7 +1531,7 @@ const z = H(function({
   tagLabel: f,
   variant: $ = "default"
 }) => {
-  const y = f.length > 25 && W.isEmpty(u + o), w = `${f.slice(0, 25)}...`;
+  const y = f.length > 25 && W.isEmpty(u + o), m = `${f.slice(0, 25)}...`;
   return /* @__PURE__ */ p(
     Le,
     {
@@ -1551,7 +1551,7 @@ const z = H(function({
           ),
           /* @__PURE__ */ p("span", { children: [
             /* @__PURE__ */ n("strong", { children: u }),
-            /* @__PURE__ */ n("span", { children: y ? w : f }),
+            /* @__PURE__ */ n("span", { children: y ? m : f }),
             /* @__PURE__ */ n("strong", { children: o })
           ] }),
           d ? /* @__PURE__ */ n(
@@ -1595,8 +1595,8 @@ const z = H(function({
   tooltip: f,
   tooltipPlace: $ = "bottom",
   underline: y = !1,
-  value: w,
-  variant: m = "primary",
+  value: m,
+  variant: w = "primary",
   ...k
 }, C) {
   const I = f !== void 0, N = `${o}-tooltip`, E = x(() => {
@@ -1612,22 +1612,22 @@ const z = H(function({
       children: /* @__PURE__ */ p(
         zt,
         {
-          $variant: m,
+          $variant: w,
           "aria-disabled": i,
           className: y ? "underline" : void 0,
           disabled: i,
           id: o,
           name: s,
-          onClick: m === "link" ? E : c,
+          onClick: w === "link" ? E : c,
           ref: C,
           type: u,
-          value: w,
+          value: m,
           ...I ? { "data-tooltip-id": N } : {},
           ...k,
           children: [
             l !== void 0 && /* @__PURE__ */ n(z, { icon: l, iconSize: "xs", iconType: "fa-light" }),
             t,
-            (d || m === "link") && /* @__PURE__ */ n(z, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
+            (d || w === "link") && /* @__PURE__ */ n(z, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
             g === void 0 ? null : /* @__PURE__ */ n(de, { tagLabel: g, variant: "inactive" })
           ]
         }
@@ -1755,9 +1755,9 @@ const z = H(function({
   headerType: g = "image",
   showMaximize: u = !0
 }) => {
-  const f = T(), [$, y] = D(!1), w = x(() => {
+  const f = T(), [$, y] = D(!1), m = x(() => {
     y(!0);
-  }, []), m = x(() => {
+  }, []), w = x(() => {
     y(!1);
   }, []);
   return /* @__PURE__ */ p(
@@ -1770,8 +1770,8 @@ const z = H(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: [
@@ -2227,8 +2227,8 @@ const z = H(function({
   weight: f
 }) => {
   var Ye;
-  const $ = T(), { control: y } = K(), {
-    field: { value: w, onBlur: m, onChange: k },
+  const $ = T(), { control: y, setValue: m } = K(), {
+    field: { value: w, onBlur: k },
     fieldState: { error: C }
   } = Z({
     name: o,
@@ -2243,19 +2243,19 @@ const z = H(function({
     (V) => {
       N(V), F((le) => {
         const be = V === "" ? "" : le;
-        return k(be), c && c(), be;
+        return m(o, be), c && c(), be;
       }), B(l.filter((le) => M(le.name, V)));
     },
-    [M, l, k, c]
+    [M, l, o, m, c]
   ), Lt = x(
     (V) => {
       var le;
-      N(((le = l.find((be) => be.value === V)) == null ? void 0 : le.name) ?? ""), F(V ? String(V) : ""), k(V), c && c(), B(l);
+      N(((le = l.find((be) => be.value === V)) == null ? void 0 : le.name) ?? ""), F(V ? String(V) : ""), m(o, V), c && c(), B(l);
     },
-    [l, k, c]
+    [l, o, m, c]
   ), At = x(() => {
-    s && s(), m();
-  }, [m, s]), ee = an({
+    s && s(), k();
+  }, [k, s]), ee = an({
     allowsEmptyCollection: !0,
     inputValue: I,
     items: P,
@@ -2902,15 +2902,15 @@ const z = H(function({
     control: d,
     disabled: e,
     rules: { required: a }
-  }), w = L(null), m = yt({
+  }), m = L(null), w = yt({
     ...c,
     onBlur: u,
     onChange: f,
     value: R.isNil($) || R.isEmpty($) || $ === "-" ? null : yn($.replace(/\//gu, "-"))
-  }), { close: k } = m, { groupProps: C, fieldProps: I, buttonProps: N, dialogProps: E, calendarProps: F } = xt(
+  }), { close: k } = w, { groupProps: C, fieldProps: I, buttonProps: N, dialogProps: E, calendarProps: F } = xt(
     { ...c, "aria-label": o ?? l, name: l },
-    m,
-    w
+    w,
+    m
   ), P = x(
     (B) => {
       F.onChange && F.onChange(B), g(l, me(String(B)));
@@ -2933,7 +2933,7 @@ const z = H(function({
           we,
           {
             buttonProps: N,
-            datePickerRef: w,
+            datePickerRef: m,
             disabled: e,
             error: y == null ? void 0 : y.message,
             fieldProps: I,
@@ -2944,13 +2944,13 @@ const z = H(function({
             setValue: g
           }
         ),
-        m.isOpen && !e ? /* @__PURE__ */ n(
+        w.isOpen && !e ? /* @__PURE__ */ n(
           We,
           {
             offset: 8,
             placement: "bottom start",
-            state: m,
-            triggerRef: w,
+            state: w,
+            triggerRef: m,
             children: /* @__PURE__ */ n(Ue, { ...E, children: /* @__PURE__ */ n(
               qi,
               {
@@ -3020,7 +3020,7 @@ const z = H(function({
     control: l,
     disabled: e,
     rules: { required: r }
-  }), y = (u == null ? void 0 : u.message) ?? ($ == null ? void 0 : $.message), w = L(null), m = wn(o), { close: k } = m, {
+  }), y = (u == null ? void 0 : u.message) ?? ($ == null ? void 0 : $.message), m = L(null), w = wn(o), { close: k } = w, {
     groupProps: C,
     startFieldProps: I,
     endFieldProps: N,
@@ -3029,8 +3029,8 @@ const z = H(function({
     calendarProps: P
   } = kn(
     { ...o, "aria-label": t ?? i },
-    m,
-    w
+    w,
+    m
   ), B = x(
     (M) => {
       M && (P.onChange && P.onChange(M), s(d, me(String(M.start))), s(c, me(String(M.end))));
@@ -3051,13 +3051,13 @@ const z = H(function({
           {
             $disabled: e,
             $show: y !== void 0,
-            ref: w,
+            ref: m,
             children: [
               /* @__PURE__ */ n(
                 we,
                 {
                   buttonProps: E,
-                  datePickerRef: w,
+                  datePickerRef: m,
                   disabled: e,
                   error: y,
                   fieldProps: {
@@ -3075,7 +3075,7 @@ const z = H(function({
                 we,
                 {
                   buttonProps: E,
-                  datePickerRef: w,
+                  datePickerRef: m,
                   disabled: e,
                   error: y,
                   fieldProps: {
@@ -3092,13 +3092,13 @@ const z = H(function({
             ]
           }
         ),
-        m.isOpen && !e ? /* @__PURE__ */ n(
+        w.isOpen && !e ? /* @__PURE__ */ n(
           We,
           {
             offset: 8,
             placement: "bottom start",
-            state: m,
-            triggerRef: w,
+            state: w,
+            triggerRef: m,
             children: /* @__PURE__ */ n(Ue, { ...F, children: /* @__PURE__ */ n(
               na,
               {
@@ -3177,7 +3177,7 @@ const z = H(function({
     onBlur: d,
     onChange: g,
     value: R.isNil(u) || R.isEmpty(u) || u === "-" ? null : vn(u.replace(/\//gu, "-"))
-  }), { close: y } = $, { groupProps: w, fieldProps: m, buttonProps: k, dialogProps: C, calendarProps: I } = xt(e, $, l), N = x(
+  }), { close: y } = $, { groupProps: m, fieldProps: w, buttonProps: k, dialogProps: C, calendarProps: I } = xt(e, $, l), N = x(
     (F) => {
       I.onChange && I.onChange(F), c(
         a,
@@ -3207,9 +3207,9 @@ const z = H(function({
             datePickerRef: l,
             disabled: t,
             error: f == null ? void 0 : f.message,
-            fieldProps: m,
+            fieldProps: w,
             granularity: "minute",
-            groupProps: w,
+            groupProps: m,
             name: a,
             onChange: g,
             setValue: c
@@ -3268,9 +3268,9 @@ const z = H(function({
   required: f,
   tooltip: $,
   type: y = "text",
-  weight: w
+  weight: m
 }) => {
-  const m = T(), {
+  const w = T(), {
     register: k,
     formState: { errors: C, isValid: I },
     getFieldState: N
@@ -3291,7 +3291,7 @@ const z = H(function({
       label: o,
       required: f,
       tooltip: $,
-      weight: w,
+      weight: m,
       children: /* @__PURE__ */ p(
         ae,
         {
@@ -3323,7 +3323,7 @@ const z = H(function({
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
-                iconColor: m.palette.error[500],
+                iconColor: w.palette.error[500],
                 iconSize: "xs"
               }
             ) : void 0,
@@ -3332,7 +3332,7 @@ const z = H(function({
               {
                 icon: "check-circle",
                 iconClass: "success-icon",
-                iconColor: m.palette.success[500],
+                iconColor: w.palette.success[500],
                 iconSize: "xs"
               }
             ) : void 0
@@ -3374,18 +3374,18 @@ const z = H(function({
   tooltip: g,
   weight: u
 }) => {
-  const f = T(), $ = L(null), { control: y, setValue: w } = K(), {
-    field: { value: m, onChange: k },
+  const f = T(), $ = L(null), { control: y, setValue: m } = K(), {
+    field: { value: w, onChange: k },
     fieldState: { error: C }
   } = Z({
     name: s,
     control: y,
     disabled: t,
     rules: { required: d }
-  }), I = da(m), N = x(() => {
+  }), I = da(w), N = x(() => {
     const P = Re("change", s, void 0);
-    k(P), w(s, "");
-  }, [s, k, w]), E = x(
+    k(P), m(s, "");
+  }, [s, k, m]), E = x(
     (P) => {
       const { files: B } = P.currentTarget, M = Re(
         "change",
@@ -3505,14 +3505,14 @@ const z = H(function({
   weight: g
 }) => {
   const u = T(), [f, $] = D(""), { control: y } = K(), {
-    field: { value: w, onBlur: m, onChange: k, ref: C },
+    field: { value: m, onBlur: w, onChange: k, ref: C },
     fieldState: { error: I }
   } = Z({
     name: o,
     control: y,
     disabled: e,
     rules: { required: c }
-  }), N = te(() => w && typeof w == "string" ? w.split(",").filter(Boolean) : [], [w]), E = x(
+  }), N = te(() => m && typeof m == "string" ? m.split(",").filter(Boolean) : [], [m]), E = x(
     (O) => {
       const re = [...new Set(O.filter(Boolean))].join(","), U = Re("change", o, re);
       k(U);
@@ -3526,9 +3526,9 @@ const z = H(function({
   ), P = x(
     (O) => {
       const _ = f.trim();
-      _.length && !N.includes(_) && (O.preventDefault(), E([...N, _]), $("")), m();
+      _.length && !N.includes(_) && (O.preventDefault(), E([...N, _]), $("")), w();
     },
-    [f, m, E, N]
+    [f, w, E, N]
   ), B = x(
     (O) => {
       const _ = f.trim();
@@ -3637,7 +3637,7 @@ const z = H(function({
   required: g
 }) => {
   const u = T(), { control: f, setValue: $ } = K(), {
-    field: { value: y, onChange: w, onBlur: m, ref: k }
+    field: { value: y, onChange: m, onBlur: w, ref: k }
   } = Z({
     name: s,
     control: f,
@@ -3661,9 +3661,9 @@ const z = H(function({
   }, [C, I, o, l, s, $]), F = x(
     (P) => {
       const { value: B } = P.target;
-      /\d+/u.test(B) && !R.isEmpty(B) ? c ? c(P) : w(P) : $(s, void 0);
+      /\d+/u.test(B) && !R.isEmpty(B) ? c ? c(P) : m(P) : $(s, void 0);
     },
-    [s, w, c, $]
+    [s, m, c, $]
   );
   return /* @__PURE__ */ p(
     ae,
@@ -3683,7 +3683,7 @@ const z = H(function({
             max: o,
             min: l,
             name: s,
-            onBlur: m,
+            onBlur: w,
             onChange: F,
             placeholder: d,
             ref: k,
@@ -3747,12 +3747,12 @@ const z = H(function({
   weight: y
 }) => {
   const {
-    formState: { errors: w }
-  } = K(), m = w[d] ? String(w[d].message) : void 0;
+    formState: { errors: m }
+  } = K(), w = m[d] ? String(m[d].message) : void 0;
   return /* @__PURE__ */ n(
     q,
     {
-      error: m,
+      error: w,
       helpLink: i,
       helpText: r,
       htmlFor: d,
@@ -3766,7 +3766,7 @@ const z = H(function({
         {
           decimalPlaces: e,
           disabled: t,
-          error: m,
+          error: w,
           id: a,
           max: s,
           maxLength: l,
@@ -3944,7 +3944,7 @@ const z = H(function({
     control: d,
     disabled: e,
     rules: { required: a }
-  }), [w, m] = D(!1), [k, C] = D(""), { refs: I, floatingStyles: N } = mt({
+  }), [m, w] = D(!1), [k, C] = D(""), { refs: I, floatingStyles: N } = mt({
     placement: "bottom-start",
     whileElementsMounted: Sn
   }), { inputValue: E, handlePhoneValueChange: F, country: P, setCountry: B } = Cn({
@@ -3954,12 +3954,12 @@ const z = H(function({
     onChange: u,
     value: $ ? String($) : void 0
   }), M = x(() => {
-    m((U) => !U), w || C("");
-  }, [w]), O = x(
+    w((U) => !U), m || C("");
+  }, [m]), O = x(
     (U) => () => {
-      B(U), m(!1), C("");
+      B(U), w(!1), C("");
     },
-    [B, m]
+    [B, w]
   ), _ = x(
     (U) => {
       U.key.length === 1 ? C((J) => J + U.key) : U.key === "Backspace" && C((J) => J.slice(0, -1));
@@ -3972,7 +3972,7 @@ const z = H(function({
   return pe(
     I.floating.current,
     () => {
-      m(!1), C("");
+      w(!1), C("");
     },
     !0
   ), /* @__PURE__ */ n(
@@ -4051,7 +4051,7 @@ const z = H(function({
                 ]
               }
             ),
-            w && se(
+            m && se(
               /* @__PURE__ */ n(ha, { ref: I.setFloating, style: N, children: re.map((U) => {
                 const { dialCode: J, iso2: oe, name: Fe } = Ze(U);
                 return /* @__PURE__ */ p(
@@ -4100,8 +4100,8 @@ const z = H(function({
   weight: f
 }) => {
   const $ = T(), { control: y } = K(), {
-    field: w,
-    fieldState: { error: m, isTouched: k },
+    field: m,
+    fieldState: { error: w, isTouched: k },
     formState: { isValid: C }
   } = Z({
     name: a,
@@ -4112,7 +4112,7 @@ const z = H(function({
   return /* @__PURE__ */ n(
     q,
     {
-      error: m ? m.message : void 0,
+      error: w ? w.message : void 0,
       helpLink: t,
       helpText: i,
       htmlFor: a,
@@ -4120,20 +4120,20 @@ const z = H(function({
       maxLength: s,
       required: d,
       tooltip: u,
-      value: w.value ? String(w.value) : void 0,
+      value: m.value ? String(m.value) : void 0,
       weight: f,
       children: /* @__PURE__ */ p(
         ae,
         {
           className: `
-          ${e ? "disabled" : ""} ${m ? "error" : ""} ${I ? "success" : ""}
+          ${e ? "disabled" : ""} ${w ? "error" : ""} ${I ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ n(
               "textarea",
               {
                 "aria-hidden": !1,
-                "aria-invalid": m ? "true" : "false",
+                "aria-invalid": w ? "true" : "false",
                 "aria-label": a,
                 "aria-required": d,
                 className: l ? "sr-block" : "",
@@ -4143,10 +4143,10 @@ const z = H(function({
                 maxLength: s,
                 placeholder: c,
                 rows: g,
-                ...w
+                ...m
               }
             ),
-            m ? /* @__PURE__ */ n(
+            w ? /* @__PURE__ */ n(
               z,
               {
                 icon: "exclamation-circle",
@@ -4188,14 +4188,14 @@ const z = H(function({
       return /* @__PURE__ */ n(la, { disabled: t, name: c, placeholder: d });
     if (a === "date")
       return /* @__PURE__ */ n(ta, { disabled: t, name: c });
-    const { decimalPlaces: $, max: y, min: w } = o ?? {};
+    const { decimalPlaces: $, max: y, min: m } = o ?? {};
     return /* @__PURE__ */ n(
       ga,
       {
         decimalPlaces: $,
         disabled: t,
         max: y,
-        min: w,
+        min: m,
         name: c,
         placeholder: d
       }
@@ -4343,7 +4343,7 @@ const z = H(function({
     {
       bgColor: a.palette.gray[50],
       border: "1px solid" + a.palette.gray[300],
-      borderRadius: "4px",
+      borderRadius: "8px",
       display: "inline-flex",
       flexDirection: "column",
       gap: 1.25,
@@ -5089,8 +5089,11 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
     }
   );
 }, Ma = h(Ft)`
-  padding-left: 8px;
-  padding-right: 8px;
+  padding: 7px 8px;
+
+  svg.fa-check {
+    border-radius: 2px;
+  }
 `, Oa = (e) => e.reduce(
   (i, r) => i[r.name] ? {
     ...i,
@@ -5883,7 +5886,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
   tagPosition: g = "top",
   title: u
 }) => {
-  const f = T(), $ = s == null ? void 0 : s.split("-"), y = l === "dark", w = /* @__PURE__ */ p(rr, { "data-testid": `content-card-${u}`, children: [
+  const f = T(), $ = s == null ? void 0 : s.split("-"), y = l === "dark", m = /* @__PURE__ */ p(rr, { "data-testid": `content-card-${u}`, children: [
     o || r || d && g === "top" ? /* @__PURE__ */ p(b, { id: "card-image", position: "relative", children: [
       o && /* @__PURE__ */ n(Q, { publicId: o }),
       g === "top" && /* @__PURE__ */ n(lt, { tag: d, tagPosition: g }),
@@ -5974,9 +5977,9 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
       href: a,
       rel: "noopener noreferrer",
       target: "_self",
-      children: w
+      children: m
     }
-  ) : w;
+  ) : m;
 }, vl = ({
   description: e,
   items: t,
@@ -6344,17 +6347,17 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
   variant: s
 }) => {
   const c = T(), [d, g] = D(t), [u, f] = D(""), $ = x(
-    (m) => {
+    (w) => {
       g(
         (k) => k.filter(
-          (C) => String(C.name).toLowerCase().includes(m.toLocaleLowerCase())
+          (C) => String(C.name).toLowerCase().includes(w.toLocaleLowerCase())
         )
       );
     },
     [g]
   ), y = x(
-    (m) => {
-      m.currentTarget && (f(m.currentTarget.value), $(m.currentTarget.value));
+    (w) => {
+      w.currentTarget && (f(w.currentTarget.value), $(w.currentTarget.value));
     },
     [f, $]
   );
@@ -6433,14 +6436,14 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
                     /* @__PURE__ */ n(v, { color: c.palette.gray[400], size: "sm", children: "New organization" })
                   ] }) }) : void 0,
                   d.map(
-                    (m) => /* @__PURE__ */ n(
+                    (w) => /* @__PURE__ */ n(
                       ur,
                       {
-                        isSelected: o.toLowerCase() === m.name,
-                        label: m.name.charAt(0).toUpperCase() + m.name.slice(1),
+                        isSelected: o.toLowerCase() === w.name,
+                        label: w.name.charAt(0).toUpperCase() + w.name.slice(1),
                         onSelect: r
                       },
-                      m.name
+                      w.name
                     )
                   )
                 ]
@@ -7606,7 +7609,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
     values: e,
     children: [
       /* @__PURE__ */ p(b, { display: "flex", gap: 0.25, children: [
-        /* @__PURE__ */ n(G, { display: "flex", size: "sm", children: i }),
+        /* @__PURE__ */ n(G, { display: "flex", size: "xs", children: i }),
         /* @__PURE__ */ n(
           de,
           {
@@ -7629,7 +7632,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
             {
               ...a,
               icon: "grid-horizontal",
-              rightIcon: "lock",
+              rightIcon: a.disabled ? "lock" : "close",
               children: a.value
             }
           )
@@ -7654,7 +7657,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
     [i]
   ), l = /* @__PURE__ */ p(Pt, { $size: "md", children: [
     /* @__PURE__ */ p(b, { display: "flex", justify: "space-between", px: 1.25, py: 1.25, children: [
-      /* @__PURE__ */ n(G, { size: "md", children: t }),
+      /* @__PURE__ */ n(G, { size: "sm", children: t }),
       /* @__PURE__ */ n(
         Y,
         {
@@ -7671,7 +7674,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
         }
       )
     ] }),
-    /* @__PURE__ */ n(ue, { mb: 0 }),
+    /* @__PURE__ */ n(ue, { mb: 0, mt: 0 }),
     /* @__PURE__ */ p(b, { display: "flex", px: 1.25, width: "100%", children: [
       /* @__PURE__ */ n(
         _a,
@@ -7699,7 +7702,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
         }
       ) })
     ] }),
-    /* @__PURE__ */ n(ue, { mt: 0 }),
+    /* @__PURE__ */ n(ue, { mb: 0, mt: 0 }),
     /* @__PURE__ */ p(b, { display: "flex", justify: "space-between", px: 1.25, py: 1.25, children: [
       /* @__PURE__ */ n(
         A,
@@ -7880,18 +7883,18 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
       k.target.value.endsWith(".") ? $(k.target.value) : C >= Number(o) && C <= Number(a) && ($(String(C)), t && s(W.toNumber(C.toFixed(u)))), k.stopPropagation();
     },
     [t, u, a, o, s]
-  ), w = x(
+  ), m = x(
     (k) => {
       k.currentTarget.contains(k.relatedTarget) || $(Number(r).toFixed(u)), k.stopPropagation();
     },
     [u, r]
-  ), m = x(
+  ), w = x(
     (k) => {
       k.stopPropagation(), k.key === "Enter" && !W.isEmpty(k.currentTarget.value) && s(W.toNumber(k.currentTarget.value));
     },
     [s]
   );
-  return /* @__PURE__ */ n(eo, { onBlur: w, tabIndex: -1, children: /* @__PURE__ */ n(ie, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
+  return /* @__PURE__ */ n(eo, { onBlur: m, tabIndex: -1, children: /* @__PURE__ */ n(ie, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
     to,
     {
       ...d,
@@ -7903,7 +7906,7 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
       min: o,
       name: l,
       onChange: y,
-      onKeyUp: m,
+      onKeyUp: w,
       ref: g,
       step: 10 ** -u,
       type: "number",
@@ -7999,8 +8002,8 @@ ${u[8]}...` : (u.length < 8 && l(!1), t);
     c(($) => !$);
   }, [c]), f = x(
     ($) => (y) => {
-      var w;
-      (w = o[$]) == null || w.onClick(y), c(!1);
+      var m;
+      (m = o[$]) == null || m.onClick(y), c(!1);
     },
     [o]
   );
@@ -8280,7 +8283,7 @@ const ro = {
   title: g,
   titleColor: u
 }) => {
-  const f = T(), { alt: $, src: y, width: w = "77px", height: m = "77px" } = c, k = x(() => {
+  const f = T(), { alt: $, src: y, width: m = "77px", height: w = "77px" } = c, k = x(() => {
     t == null || t.onClick();
   }, [t]), C = x(() => {
     a == null || a.onClick();
@@ -8328,9 +8331,9 @@ const ro = {
                     Q,
                     {
                       alt: $,
-                      height: m,
+                      height: w,
                       publicId: y,
-                      width: w
+                      width: m
                     }
                   ) }),
                   /* @__PURE__ */ p(
@@ -8980,12 +8983,12 @@ const ro = {
       u(k.currentTarget.value);
     },
     [u]
-  ), w = x(
+  ), m = x(
     (k) => {
       k.preventDefault(), k.stopPropagation(), f(), d.current && d.current.focus();
     },
     [f]
-  ), m = x(
+  ), w = x(
     (k) => {
       k.preventDefault(), k.stopPropagation(), d.current && d.current.blur();
     },
@@ -9003,8 +9006,8 @@ const ro = {
       {
         action: "",
         noValidate: !0,
-        onReset: w,
-        onSubmit: m,
+        onReset: m,
+        onSubmit: w,
         role: "search",
         children: [
           /* @__PURE__ */ p("div", { className: "flex gap-2 w-full", children: [
@@ -9464,8 +9467,8 @@ const ro = {
                   ({
                     customBadge: $,
                     description: y,
-                    icon: w,
-                    onClick: m,
+                    icon: m,
+                    onClick: w,
                     requiresUpgrade: k,
                     title: C
                   }) => /* @__PURE__ */ n(
@@ -9473,8 +9476,8 @@ const ro = {
                     {
                       customBadge: $,
                       description: y,
-                      icon: w,
-                      onClick: f(m),
+                      icon: m,
+                      onClick: f(w),
                       requiresUpgrade: k,
                       title: C
                     },
@@ -9613,7 +9616,7 @@ const ro = {
     name: o,
     control: l,
     disabled: r
-  }), { minValue: d = 0, maxValue: g = 100 } = e, u = Bn(), f = Vn({ ...e, numberFormatter: u, onChange: s, value: c }), $ = Po(d, g, f.getThumbValue(0)), { groupProps: y, trackProps: w } = Hn(
+  }), { minValue: d = 0, maxValue: g = 100 } = e, u = Bn(), f = Vn({ ...e, numberFormatter: u, onChange: s, value: c }), $ = Po(d, g, f.getThumbValue(0)), { groupProps: y, trackProps: m } = Hn(
     { ...e, "aria-label": "slider", id: o },
     f,
     i
@@ -9638,7 +9641,7 @@ const ro = {
               /* @__PURE__ */ n(
                 "div",
                 {
-                  ...w,
+                  ...m,
                   className: `track ${f.isDisabled ? "disabled" : ""}`,
                   ref: i,
                   children: /* @__PURE__ */ n(Fo, { index: 0, state: f, trackRef: i })
@@ -9751,9 +9754,9 @@ const ro = {
     []
   );
   return /* @__PURE__ */ n(Lo, { children: a.map((c, d) => {
-    const { content: g, title: u, nextAction: f, previousAction: $ } = c, y = d + 1, w = y === o ? "current" : "disabled", m = y < o ? "completed" : w;
+    const { content: g, title: u, nextAction: f, previousAction: $ } = c, y = d + 1, m = y === o ? "current" : "disabled", w = y < o ? "completed" : m;
     return /* @__PURE__ */ p(Ao, { children: [
-      /* @__PURE__ */ n(b, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(Mo, { $variant: m, children: m === "completed" ? /* @__PURE__ */ n(z, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : y }) }),
+      /* @__PURE__ */ n(b, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(Mo, { $variant: w, children: w === "completed" ? /* @__PURE__ */ n(z, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : y }) }),
       /* @__PURE__ */ p(b, { ml: 1.5, width: "100%", children: [
         /* @__PURE__ */ n(
           G,
@@ -9765,7 +9768,7 @@ const ro = {
             children: u
           }
         ),
-        m === "current" && /* @__PURE__ */ p(b, { children: [
+        w === "current" && /* @__PURE__ */ p(b, { children: [
           g,
           /* @__PURE__ */ p(Ro, { children: [
             o > 1 && /* @__PURE__ */ n(