@fluidattacks/design 3.11.0 → 3.11.1-pr

package/dist/{components-G0LfJsQQ.mjs → components-BzIZD9W_.mjs}

@@ -338,7 +338,7 @@ const ne = (e) => ({
   ), p = R(
     "gap",
     e.gap === void 0 ? void 0 : F.spacing[e.gap]
-  ), u = R("background-color", e.bgColor), h = R("background", e.bgGradient), x = R("flex-direction", e.flexDirection), y = R("flex-grow", e.flexGrow), m = R("justify-content", e.justify), k = R("justify-self", e.justifySelf), w = R("align-items", e.alignItems), z = R("align-self", e.alignSelf), I = R("flex-wrap", e.wrap);
+  ), u = R("background-color", e.bgColor), h = R("background", e.bgGradient), x = R("flex-direction", e.flexDirection), y = R("flex-grow", e.flexGrow), m = R("justify-content", e.justify), w = R("justify-self", e.justifySelf), k = R("align-items", e.alignItems), I = R("align-self", e.alignSelf), z = R("flex-wrap", e.wrap);
   return `
     ${t}
     ${i}
@@ -356,10 +356,10 @@ const ne = (e) => ({
     ${x}
     ${y}
     ${m}
-    ${k}
     ${w}
-    ${z}
+    ${k}
     ${I}
+    ${z}
   `;
 }, Te = (e) => {
   const t = R("color", e.color), i = R("font-family", e.fontFamily), a = R("font-size", e.fontSize), r = R("font-weight", e.fontWeight), o = R("line-spacing", e.letterSpacing), l = R("line-height", e.lineSpacing), s = R("text-align", e.textAlign), c = R("text-decoration", e.textDecoration), d = R("text-overflow", e.textOverflow), g = R("white-space", e.whiteSpace), p = R("word-break", e.wordBreak), u = R("word-wrap", e.wordWrap);
@@ -600,8 +600,8 @@ const ne = (e) => ({
   textFill: x,
   whiteSpace: y,
   wordBreak: m,
-  ...k
-}, w) {
+  ...w
+}, k) {
   return /* @__PURE__ */ n(
     Wi,
     {
@@ -620,8 +620,8 @@ const ne = (e) => ({
       $whiteSpace: y,
       $wordBreak: m,
       className: a,
-      ref: w,
-      ...k,
+      ref: k,
+      ...w,
       children: i
     }
   );
@@ -676,8 +676,8 @@ const ne = (e) => ({
   textFill: x,
   whiteSpace: y,
   wordBreak: m,
-  ...k
-}, w) {
+  ...w
+}, k) {
   return /* @__PURE__ */ n(
     Vt,
     {
@@ -696,8 +696,8 @@ const ne = (e) => ({
       $whiteSpace: y,
       $wordBreak: m,
       className: a,
-      ref: w,
-      ...k,
+      ref: k,
+      ...w,
       children: i
     }
   );
@@ -1061,13 +1061,13 @@ const T = _(function({
     `
   })
 ), Ht = b(Pt)`
-  ${({ theme: e, $variant: t }) => `
+  ${({ theme: e, $size: t, $variant: i }) => `
     align-items: center;
     border-radius: var(--btn-spacing);
     cursor: pointer;
     display: inline-flex;
     font-family: ${e.typography.type.primary};
-    font-size: ${e.typography.text.sm};
+    font-size: ${t ?? e.typography.text.sm};
     font-weight: ${e.typography.weight.regular};
     gap: var(--btn-spacing);
     justify-content: center;
@@ -1079,10 +1079,10 @@ const T = _(function({
     white-space: nowrap;
 
     @media screen and (max-width: ${e.breakpoints.mobile}) {
-      ${t !== "link" ? `--btn-padding-y: ${e.spacing[1]}` : ""};
+      ${i !== "link" ? `--btn-padding-y: ${e.spacing[1]}` : ""};
     }
 
-    ${_i(e, t ?? "primary")}
+    ${_i(e, i ?? "primary")}
   `}
 `, Ui = b(Ht)`
   ${({ theme: e, $borderRadius: t = "4px", $px: i = 0.5, $py: a = 0.5 }) => `
@@ -1126,7 +1126,7 @@ const T = _(function({
   hide: h = p === "" && u === "" && d === void 0,
   width: x
 }) => {
-  const y = D(), [m, k] = j(!1), { refs: w, floatingStyles: z, context: I } = hn({
+  const y = D(), [m, w] = j(!1), { refs: k, floatingStyles: I, context: z } = hn({
     middleware: [
       mn({
         fallbackAxisSideDirection: "start"
@@ -1134,14 +1134,14 @@ const T = _(function({
       wn({ mainAxis: 10 }),
       kn()
     ],
-    onOpenChange: k,
+    onOpenChange: w,
     open: m,
     placement: g,
     whileElementsMounted: It
-  }), C = bn(I, {
+  }), C = bn(z, {
     delay: { close: 0, open: 500 },
     move: !1
-  }), E = yn(I), N = $n(I, { role: r ? "label" : "tooltip" }), { getReferenceProps: L, getFloatingProps: O } = xn([
+  }), E = yn(z), N = $n(z, { role: r ? "label" : "tooltip" }), { getReferenceProps: L, getFloatingProps: O } = xn([
     C,
     E,
     N
@@ -1154,7 +1154,7 @@ const T = _(function({
         display: i,
         height: a,
         id: s,
-        ref: w.setReference,
+        ref: k.setReference,
         width: x,
         children: r ? /* @__PURE__ */ n(
           T,
@@ -1176,8 +1176,8 @@ const T = _(function({
           ...O(),
           $maxWidth: c,
           id: `floating-${s}`,
-          ref: w.setFloating,
-          style: z,
+          ref: k.setFloating,
+          style: I,
           children: [
             W.isEmpty(u) ? void 0 : /* @__PURE__ */ n(
               S,
@@ -1226,16 +1226,16 @@ const T = _(function({
   tooltip: x,
   tooltipPlace: y,
   value: m,
-  variant: k = "primary",
-  ...w
-}, z) {
-  const I = /* @__PURE__ */ n(
+  variant: w = "primary",
+  ...k
+}, I) {
+  const z = /* @__PURE__ */ n(
     Ui,
     {
       $borderRadius: t,
       $px: p,
       $py: u,
-      $variant: k,
+      $variant: w,
       "aria-disabled": i,
       "aria-label": c,
       borderRadius: t,
@@ -1243,10 +1243,10 @@ const T = _(function({
       id: c,
       justify: d,
       onClick: g,
-      ref: z,
+      ref: I,
       type: h,
       value: m,
-      ...w,
+      ...k,
       children: /* @__PURE__ */ n(
         T,
         {
@@ -1259,8 +1259,8 @@ const T = _(function({
         }
       )
     }
-  ), E = (h + (k ?? "") + (c ?? a)).replace(/ /u, "_");
-  return x === void 0 ? I : /* @__PURE__ */ n(ie, { id: `${E}-tooltip`, place: y, tip: x, children: I });
+  ), E = (h + (w ?? "") + (c ?? a)).replace(/ /u, "_");
+  return x === void 0 ? z : /* @__PURE__ */ n(ie, { id: `${E}-tooltip`, place: y, tip: x, children: z });
 }), Tl = _(function({
   autoHide: t = !1,
   children: i,
@@ -1675,51 +1675,53 @@ const T = _(function({
   children: t,
   disabled: i = !1,
   external: a = !1,
-  href: r,
-  id: o,
-  icon: l,
-  name: s,
-  onClick: c,
-  showArrow: d = !1,
-  tag: g,
-  type: p = "button",
-  tooltip: u,
-  tooltipPlace: h = "bottom",
-  underline: x = !1,
-  value: y,
-  variant: m = "primary",
+  fontSize: r,
+  href: o,
+  id: l,
+  icon: s,
+  name: c,
+  onClick: d,
+  showArrow: g = !1,
+  tag: p,
+  type: u = "button",
+  tooltip: h,
+  tooltipPlace: x = "bottom",
+  underline: y = !1,
+  value: m,
+  variant: w = "primary",
   ...k
-}, w) {
-  const z = u !== void 0, I = `${o}-tooltip`, C = v(() => {
-    r && ta(r, a);
-  }, [a, r]);
+}, I) {
+  const z = h !== void 0, C = `${l}-tooltip`, E = v(() => {
+    o && ta(o, a);
+  }, [a, o]);
   return /* @__PURE__ */ n(
     ie,
     {
       disabled: !z,
-      id: I,
-      place: h,
-      tip: u,
+      id: C,
+      place: x,
+      tip: h,
       children: /* @__PURE__ */ f(
         Ht,
         {
-          $variant: m,
+          $size: r,
+          $variant: w,
           "aria-disabled": i,
-          className: x ? "underline" : void 0,
+          className: y ? "underline" : void 0,
           disabled: i,
-          id: o,
-          name: s,
-          onClick: m === "link" ? C : c,
-          ref: w,
-          type: p,
-          value: y,
-          ...z ? { "data-tooltip-id": I } : {},
+          id: l,
+          name: c,
+          onClick: w === "link" ? E : d,
+          ref: I,
+          type: u,
+          value: m,
+          ...z ? { "data-tooltip-id": C } : {},
           ...k,
           children: [
-            l !== void 0 && /* @__PURE__ */ n(T, { icon: l, iconSize: "xs", iconType: "fa-light" }),
+            s !== void 0 && /* @__PURE__ */ n(T, { icon: s, iconSize: "xs", iconType: "fa-light" }),
             t,
-            (d || m === "link") && /* @__PURE__ */ n(T, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
-            g === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: g, variant: "inactive" })
+            (g || w === "link") && /* @__PURE__ */ n(T, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
+            p === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: p, variant: "inactive" })
           ]
         }
       )
@@ -2397,11 +2399,11 @@ const T = _(function({
   weight: m
 }) => {
   var et;
-  const k = D(), w = t ? void 0 : i, z = (e == null ? void 0 : e.value) ?? y, [I, C] = j(
-    ((et = d.find((H) => H.value === z)) == null ? void 0 : et.name) ?? ""
-  ), [E, N] = j(z), [L, O] = j(d), [A, P] = j(!1), { contains: Y } = zn({ sensitivity: "base" }), Z = B(null), le = B(null), Re = B(null), Ze = B(null), Je = B(null), en = J(() => d.map(
-    (H) => Y(H.name, I) || A ? /* @__PURE__ */ n(In, { children: H.name }, H.value) : null
-  ), [Y, I, d, A]), tn = v(
+  const w = D(), k = t ? void 0 : i, I = (e == null ? void 0 : e.value) ?? y, [z, C] = j(
+    ((et = d.find((H) => H.value === I)) == null ? void 0 : et.name) ?? ""
+  ), [E, N] = j(I), [L, O] = j(d), [A, P] = j(!1), { contains: Y } = zn({ sensitivity: "base" }), Z = B(null), le = B(null), Re = B(null), Ze = B(null), Je = B(null), en = J(() => d.map(
+    (H) => Y(H.name, z) || A ? /* @__PURE__ */ n(In, { children: H.name }, H.value) : null
+  ), [Y, z, d, A]), tn = v(
     (H) => {
       C(H), H === "" ? P(!0) : (P(!1), N((X) => {
         const he = H === "" ? "" : X;
@@ -2424,7 +2426,7 @@ const T = _(function({
     g && g(), e && e.onBlur();
   }, [e, g]), te = Tn({
     allowsEmptyCollection: !0,
-    inputValue: I,
+    inputValue: z,
     items: L,
     menuTrigger: "focus",
     shouldCloseOnBlur: !0,
@@ -2448,7 +2450,7 @@ const T = _(function({
     listBoxProps: ln
   } = Nn(
     {
-      inputValue: I,
+      inputValue: z,
       buttonRef: le,
       id: c,
       inputRef: Z,
@@ -2462,13 +2464,13 @@ const T = _(function({
   ), { listBoxProps: sn } = Fn(ln, te, Re), { buttonProps: cn } = Tt(rn, le);
   return G(() => {
     var H;
-    (s === !1 || !z) && C(
-      ((H = d.find((X) => X.value === z)) == null ? void 0 : H.name) ?? ""
+    (s === !1 || !I) && C(
+      ((H = d.find((X) => X.value === I)) == null ? void 0 : H.name) ?? ""
     );
-  }, [z, d, s]), /* @__PURE__ */ f(
+  }, [I, d, s]), /* @__PURE__ */ f(
     q,
     {
-      error: w,
+      error: k,
       helpLink: a,
       helpLinkText: r,
       helpText: o,
@@ -2481,25 +2483,25 @@ const T = _(function({
         /* @__PURE__ */ f(
           ae,
           {
-            className: `${t ? "disabled" : ""} ${w ? "error" : ""}`,
+            className: `${t ? "disabled" : ""} ${k ? "error" : ""}`,
             ref: Ze,
             children: [
               /* @__PURE__ */ n(
                 "input",
                 {
                   ...on,
-                  "aria-invalid": w ? "true" : "false",
+                  "aria-invalid": k ? "true" : "false",
                   "aria-label": c,
                   onKeyDown: Qe,
                   ref: Z
                 }
               ),
-              w ? /* @__PURE__ */ n(
+              k ? /* @__PURE__ */ n(
                 T,
                 {
                   icon: "exclamation-circle",
                   iconClass: "error-icon",
-                  iconColor: k.palette.error[500],
+                  iconColor: w.palette.error[500],
                   iconSize: "xs"
                 }
               ) : void 0,
@@ -2509,7 +2511,7 @@ const T = _(function({
                   ...cn,
                   className: "action",
                   icon: te.isOpen ? "chevron-up" : "chevron-down",
-                  iconColor: k.palette.gray[400],
+                  iconColor: w.palette.gray[400],
                   iconSize: "xxs",
                   iconType: "fa-light",
                   px: 0.125,
@@ -2560,12 +2562,12 @@ const T = _(function({
   {
     control: e,
     name: c,
-    render: ({ field: k }) => /* @__PURE__ */ n(
+    render: ({ field: w }) => /* @__PURE__ */ n(
       ct,
       {
         disabled: t,
         error: i,
-        field: k,
+        field: w,
         helpLink: a,
         helpLinkText: r,
         helpText: o,
@@ -3155,7 +3157,7 @@ const T = _(function({
   const h = B(null), x = p == null ? void 0 : p(s), y = jt({
     ...u,
     value: M.isNil(x) || M.isEmpty(x) || x === "-" ? null : Mn(x.replace(/\//gu, "-"))
-  }), { close: m } = y, { groupProps: k, fieldProps: w, buttonProps: z, dialogProps: I, calendarProps: C } = Rt(
+  }), { close: m } = y, { groupProps: w, fieldProps: k, buttonProps: I, dialogProps: z, calendarProps: C } = Rt(
     { ...u, "aria-label": l ?? s, name: s },
     y,
     h
@@ -3180,12 +3182,12 @@ const T = _(function({
         /* @__PURE__ */ n(
           $e,
           {
-            buttonProps: z,
+            buttonProps: I,
             datePickerRef: h,
             disabled: e,
             error: t,
-            fieldProps: w,
-            groupProps: k,
+            fieldProps: k,
+            groupProps: w,
             name: s,
             register: c,
             required: o,
@@ -3200,7 +3202,7 @@ const T = _(function({
             placement: "bottom start",
             state: y,
             triggerRef: h,
-            children: /* @__PURE__ */ n(Ye, { ...I, children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ n(Ye, { ...z, children: /* @__PURE__ */ n(
               wa,
               {
                 onClose: m,
@@ -3260,10 +3262,10 @@ const T = _(function({
 }) => {
   const p = `${a}Max`, u = `${a}Min`, h = B(null), x = _n(g), { close: y } = x, {
     groupProps: m,
-    startFieldProps: k,
-    endFieldProps: w,
-    buttonProps: z,
-    dialogProps: I,
+    startFieldProps: w,
+    endFieldProps: k,
+    buttonProps: I,
+    dialogProps: z,
     calendarProps: C
   } = Un(
     { ...g, "aria-label": i ?? a },
@@ -3297,14 +3299,14 @@ const T = _(function({
               /* @__PURE__ */ n(
                 $e,
                 {
-                  buttonProps: z,
+                  buttonProps: I,
                   datePickerRef: h,
                   disabled: e,
                   error: t,
                   fieldProps: {
-                    ...k,
-                    "aria-label": `${k["aria-label"]} ${a}`,
-                    validate: (N) => w.value && N > w.value ? "Start date must be less than or equal to end date" : null
+                    ...w,
+                    "aria-label": `${w["aria-label"]} ${a}`,
+                    validate: (N) => k.value && N > k.value ? "Start date must be less than or equal to end date" : null
                   },
                   groupProps: m,
                   name: (d == null ? void 0 : d.name) ?? u,
@@ -3316,14 +3318,14 @@ const T = _(function({
               /* @__PURE__ */ n(
                 $e,
                 {
-                  buttonProps: z,
+                  buttonProps: I,
                   datePickerRef: h,
                   disabled: e,
                   error: t,
                   fieldProps: {
-                    ...w,
-                    "aria-label": `${w["aria-label"]} ${a}`,
-                    validate: (N) => k.value && N < k.value ? "End date must be greater than or equal to start date" : null
+                    ...k,
+                    "aria-label": `${k["aria-label"]} ${a}`,
+                    validate: (N) => w.value && N < w.value ? "End date must be greater than or equal to start date" : null
                   },
                   groupProps: m,
                   name: (c == null ? void 0 : c.name) ?? p,
@@ -3342,7 +3344,7 @@ const T = _(function({
             placement: "bottom start",
             state: x,
             triggerRef: h,
-            children: /* @__PURE__ */ n(Ye, { ...I, children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ n(Ye, { ...z, children: /* @__PURE__ */ n(
               Ia,
               {
                 onClose: y,
@@ -3420,15 +3422,15 @@ const T = _(function({
     isRequired: a,
     shouldCloseOnSelect: !1,
     value: M.isNil(g) || M.isEmpty(g) || g === "-" ? null : Kn(g.replace(/\//gu, "-"))
-  }), { close: h } = u, { groupProps: x, fieldProps: y, buttonProps: m, dialogProps: k, calendarProps: w } = Rt(e, u, p), z = v(
+  }), { close: h } = u, { groupProps: x, fieldProps: y, buttonProps: m, dialogProps: w, calendarProps: k } = Rt(e, u, p), I = v(
     (C) => {
-      w.onChange && w.onChange(C), c == null || c(
+      k.onChange && k.onChange(C), c == null || c(
         o,
         Sa(String(C).replace(/-/gu, "/"))
       );
     },
-    [w, o, c]
-  ), I = v(
+    [k, o, c]
+  ), z = v(
     (C) => {
       C && u.setTimeValue(C);
     },
@@ -3466,12 +3468,12 @@ const T = _(function({
             placement: "bottom start",
             state: u,
             triggerRef: p,
-            children: /* @__PURE__ */ n(Ye, { ...k, children: /* @__PURE__ */ n(
+            children: /* @__PURE__ */ n(Ye, { ...w, children: /* @__PURE__ */ n(
               ja,
               {
-                handleTimeChange: I,
+                handleTimeChange: z,
                 onClose: h,
-                props: { ...w, onChange: z },
+                props: { ...k, onChange: I },
                 timeState: u
               }
             ) })
@@ -3514,10 +3516,10 @@ const T = _(function({
   register: x,
   tooltip: y,
   type: m = "text",
-  weight: k,
-  ...w
+  weight: w,
+  ...k
 }) => {
-  const { required: z, onBlur: I, onChange: C } = w, E = D(), N = e ? void 0 : o, L = l && s && !e, O = v(
+  const { required: I, onBlur: z, onChange: C } = k, E = D(), N = e ? void 0 : o, L = l && s && !e, O = v(
     (A) => {
       A.key === "Enter" && A.preventDefault();
     },
@@ -3533,9 +3535,9 @@ const T = _(function({
       htmlFor: g,
       label: c,
       linkPosition: d,
-      required: z,
+      required: I,
       tooltip: y,
-      weight: k,
+      weight: w,
       children: /* @__PURE__ */ f(
         ae,
         {
@@ -3550,7 +3552,7 @@ const T = _(function({
                 "aria-hidden": !1,
                 "aria-invalid": N ? "true" : "false",
                 "aria-label": g,
-                "aria-required": z,
+                "aria-required": I,
                 autoComplete: "off",
                 className: p ? "sr-block" : "",
                 "data-testid": `${g}-input`,
@@ -3560,7 +3562,7 @@ const T = _(function({
                 onPaste: u,
                 placeholder: h,
                 type: m,
-                ...x ? x(g, { required: z, onBlur: I, onChange: C }) : { ...w }
+                ...x ? x(g, { required: I, onBlur: z, onChange: C }) : { ...k }
               }
             ),
             N ? /* @__PURE__ */ n(
@@ -3623,7 +3625,7 @@ const T = _(function({
   watch: x,
   weight: y
 }) => {
-  const m = D(), k = t ? void 0 : i, w = B(null), z = x == null ? void 0 : x(c), I = La(z), C = p == null ? void 0 : p(c, { required: g }), E = v(() => {
+  const m = D(), w = t ? void 0 : i, k = B(null), I = x == null ? void 0 : x(c), z = La(I), C = p == null ? void 0 : p(c, { required: g }), E = v(() => {
     const O = Ae("change", c, void 0);
     u && u(c, ""), C && C.onChange(O);
   }, [C, c, u]), N = v(
@@ -3640,14 +3642,14 @@ const T = _(function({
     [C, c, d]
   ), L = v(
     (O) => {
-      t ? O.preventDefault() : w.current && w.current.click();
+      t ? O.preventDefault() : k.current && k.current.click();
     },
     [t]
   );
   return /* @__PURE__ */ f(
     q,
     {
-      error: k,
+      error: w,
       helpLink: r,
       helpText: o,
       htmlFor: l ?? c,
@@ -3659,11 +3661,11 @@ const T = _(function({
         /* @__PURE__ */ f(
           ae,
           {
-            className: `${t ? "disabled" : ""} ${k ? "error" : ""}`,
+            className: `${t ? "disabled" : ""} ${w ? "error" : ""}`,
             children: [
-              /* @__PURE__ */ n(Ra, { $size: "xs", children: I }),
+              /* @__PURE__ */ n(Ra, { $size: "xs", children: z }),
               /* @__PURE__ */ f($, { alignItems: "center", display: "flex", gap: 0.625, children: [
-                W.isEmpty(I) ? void 0 : /* @__PURE__ */ n(
+                W.isEmpty(z) ? void 0 : /* @__PURE__ */ n(
                   K,
                   {
                     color: m.palette.gray[400],
@@ -3676,7 +3678,7 @@ const T = _(function({
                     width: "20px"
                   }
                 ),
-                k && /* @__PURE__ */ n(
+                w && /* @__PURE__ */ n(
                   T,
                   {
                     icon: "exclamation-circle",
@@ -3721,7 +3723,7 @@ const T = _(function({
             name: c,
             onChange: N,
             onClick: E,
-            ref: w,
+            ref: k,
             required: void 0,
             type: "file",
             value: void 0
@@ -3753,7 +3755,7 @@ const T = _(function({
   value: h,
   weight: x
 }) => {
-  const y = D(), m = e ? void 0 : t, [k, w] = j(""), z = c ? h : i == null ? void 0 : i.value, I = J(() => z && typeof z == "string" ? z.split(",").filter(Boolean) : [], [z]), C = v(
+  const y = D(), m = e ? void 0 : t, [w, k] = j(""), I = c ? h : i == null ? void 0 : i.value, z = J(() => I && typeof I == "string" ? I.split(",").filter(Boolean) : [], [I]), C = v(
     (A) => {
       const Y = [...new Set(A.filter(Boolean))].join(","), Z = Ae("change", s, Y);
       i && i.onChange(Z), c && c(Z);
@@ -3761,26 +3763,26 @@ const T = _(function({
     [i, s, c]
   ), E = v(
     (A) => {
-      w(A.target.value);
+      k(A.target.value);
     },
     []
   ), N = v(
     (A) => {
-      const P = k.trim();
-      P.length && !I.includes(P) && (A.preventDefault(), C([...I, P]), w("")), i && i.onBlur();
+      const P = w.trim();
+      P.length && !z.includes(P) && (A.preventDefault(), C([...z, P]), k("")), i && i.onBlur();
     },
-    [k, i, C, I]
+    [w, i, C, z]
   ), L = v(
     (A) => {
-      const P = k.trim();
-      A.key === "Enter" && P.length === 0 && A.preventDefault(), ["Enter", ","].includes(A.key) && P.length > 0 && !I.includes(P) ? (A.preventDefault(), C([...I, P]), w("")) : A.key === "Backspace" && !P.length && I.length && (A.preventDefault(), d == null || d(I[I.length - 1]), C(I.slice(0, -1)));
+      const P = w.trim();
+      A.key === "Enter" && P.length === 0 && A.preventDefault(), ["Enter", ","].includes(A.key) && P.length > 0 && !z.includes(P) ? (A.preventDefault(), C([...z, P]), k("")) : A.key === "Backspace" && !P.length && z.length && (A.preventDefault(), d == null || d(z[z.length - 1]), C(z.slice(0, -1)));
     },
-    [k, d, C, I]
+    [w, d, C, z]
   ), O = v(
     (A) => () => {
-      d == null || d(A), C(I.filter((P) => P !== A));
+      d == null || d(A), C(z.filter((P) => P !== A));
     },
-    [d, C, I]
+    [d, C, z]
   );
   return /* @__PURE__ */ n(
     q,
@@ -3800,7 +3802,7 @@ const T = _(function({
           $overflowX: "auto",
           className: `${e ? "disabled" : ""} ${m ? "error" : ""}`,
           children: [
-            I.map((A) => /* @__PURE__ */ n(
+            z.map((A) => /* @__PURE__ */ n(
               oe,
               {
                 disabled: e,
@@ -3821,10 +3823,10 @@ const T = _(function({
                 onBlur: N,
                 onChange: E,
                 onKeyDown: L,
-                placeholder: I.length === 0 ? g : void 0,
+                placeholder: z.length === 0 ? g : void 0,
                 ref: i == null ? void 0 : i.ref,
                 type: "text",
-                value: k
+                value: w
               }
             ),
             m ? /* @__PURE__ */ n(
@@ -3942,18 +3944,18 @@ const T = _(function({
   const x = D(), y = i ? void 0 : e, m = J(
     () => t < 0 ? 0 : t,
     [t]
-  ), [k, w] = j(
+  ), [w, k] = j(
     h ? M.toNumber(h) : 0
-  ), z = v(() => {
-    const N = (k - 10 ** -m).toFixed(m), L = Math.max(Number(l), Number(N));
-    u && u(s, L), w(L);
-  }, [m, k, l, s, u]), I = v(() => {
-    const N = (k + 10 ** -m).toFixed(m), L = Math.min(
+  ), I = v(() => {
+    const N = (w - 10 ** -m).toFixed(m), L = Math.max(Number(l), Number(N));
+    u && u(s, L), k(L);
+  }, [m, w, l, s, u]), z = v(() => {
+    const N = (w + 10 ** -m).toFixed(m), L = Math.min(
       Number(o),
       Number(N) > Number(l) ? Number(N) : Number(l)
     );
-    u && u(s, L), w(L);
-  }, [m, k, o, l, s, u]), C = v(
+    u && u(s, L), k(L);
+  }, [m, w, o, l, s, u]), C = v(
     (N) => {
       const { value: L } = N.target, O = /\d+/u.test(L) && !M.isEmpty(L);
       u && u(s, O ? Number(L) : void 0), c && c(N);
@@ -4013,7 +4015,7 @@ const T = _(function({
             disabled: i,
             icon: "minus",
             margin: "0 -0.625rem 0 0",
-            onClick: z,
+            onClick: I,
             px: 0.75,
             py: 0.75
           }
@@ -4024,7 +4026,7 @@ const T = _(function({
             borderRadius: `0 ${x.spacing[0.5]} ${x.spacing[0.5]} 0`,
             disabled: i,
             icon: "plus",
-            onClick: I,
+            onClick: z,
             px: 0.75,
             py: 0.75
           }
@@ -4050,10 +4052,10 @@ const T = _(function({
   register: x,
   required: y,
   setValue: m,
-  tooltip: k,
-  value: w,
-  watch: z,
-  weight: I
+  tooltip: w,
+  value: k,
+  watch: I,
+  weight: z
 }) => /* @__PURE__ */ n(
   q,
   {
@@ -4065,8 +4067,8 @@ const T = _(function({
     linkPosition: s,
     maxLength: c,
     required: y,
-    tooltip: k,
-    weight: I,
+    tooltip: w,
+    weight: z,
     children: /* @__PURE__ */ n(
       Ve,
       {
@@ -4083,7 +4085,7 @@ const T = _(function({
         register: x,
         required: y,
         setValue: m,
-        value: u ? w : z == null ? void 0 : z(p)
+        value: u ? k : I == null ? void 0 : I(p)
       }
     )
   }
@@ -4255,10 +4257,10 @@ const T = _(function({
   value: c,
   weight: d
 }) => {
-  const g = D(), p = B(null), u = e ? void 0 : t, [h, x] = j(!1), [y, m] = j(""), { refs: k, floatingStyles: w } = Et({
+  const g = D(), p = B(null), u = e ? void 0 : t, [h, x] = j(!1), [y, m] = j(""), { refs: w, floatingStyles: k } = Et({
     placement: "bottom-start",
     whileElementsMounted: It
-  }), { inputValue: z, handlePhoneValueChange: I, country: C, setCountry: E } = Yn({
+  }), { inputValue: I, handlePhoneValueChange: z, country: C, setCountry: E } = Yn({
     countries: nt,
     defaultCountry: "us",
     forceDialCode: !0,
@@ -4280,7 +4282,7 @@ const T = _(function({
     return Y.toLowerCase().includes(y.toLowerCase());
   });
   return ge(
-    k.floating.current,
+    w.floating.current,
     () => {
       x(!1), m("");
     },
@@ -4309,7 +4311,7 @@ const T = _(function({
                 id: "country-selector",
                 onClick: N,
                 onKeyDown: O,
-                ref: k.setReference,
+                ref: w.setReference,
                 children: [
                   /* @__PURE__ */ n(at, { iso2: C.iso2, size: "16px" }),
                   /* @__PURE__ */ n(
@@ -4343,10 +4345,10 @@ const T = _(function({
                       name: a,
                       placeholder: r,
                       type: "tel",
-                      value: z,
+                      value: I,
                       ...l == null ? void 0 : l(a, {
                         required: o,
-                        onChange: I
+                        onChange: z
                       })
                     }
                   ),
@@ -4363,7 +4365,7 @@ const T = _(function({
               }
             ),
             h && Q(
-              /* @__PURE__ */ n(Ba, { ref: k.setFloating, style: w, children: A.map((P) => {
+              /* @__PURE__ */ n(Ba, { ref: w.setFloating, style: k, children: A.map((P) => {
                 const { dialCode: Y, iso2: Z, name: le } = it(P);
                 return /* @__PURE__ */ f(
                   Ma,
@@ -4413,9 +4415,9 @@ const T = _(function({
   rows: x,
   tooltip: y,
   watch: m,
-  weight: k
+  weight: w
 }) => {
-  const w = D(), z = m == null ? void 0 : m(s), I = o && r && !e, C = e ? void 0 : t;
+  const k = D(), I = m == null ? void 0 : m(s), z = o && r && !e, C = e ? void 0 : t;
   return /* @__PURE__ */ n(
     q,
     {
@@ -4427,13 +4429,13 @@ const T = _(function({
       maxLength: g,
       required: h,
       tooltip: y,
-      value: z ? String(z) : void 0,
-      weight: k,
+      value: I ? String(I) : void 0,
+      weight: w,
       children: /* @__PURE__ */ f(
         ae,
         {
           className: `
-          ${e ? "disabled" : ""} ${C ? "error" : ""} ${I ? "success" : ""}
+          ${e ? "disabled" : ""} ${C ? "error" : ""} ${z ? "success" : ""}
         `,
           children: [
             /* @__PURE__ */ n(
@@ -4458,16 +4460,16 @@ const T = _(function({
               {
                 icon: "exclamation-circle",
                 iconClass: "error-icon",
-                iconColor: w.palette.error[500],
+                iconColor: k.palette.error[500],
                 iconSize: "xs"
               }
             ) : void 0,
-            I ? /* @__PURE__ */ n(
+            z ? /* @__PURE__ */ n(
               T,
               {
                 icon: "check-circle",
                 iconClass: "success-icon",
-                iconColor: w.palette.success[500],
+                iconColor: k.palette.success[500],
                 iconSize: "xs"
               }
             ) : void 0
@@ -6599,55 +6601,55 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   id: i,
   open: a
 }) => {
-  var h, x, y, m, k;
+  var h, x, y, m, w;
   const [r, o] = j(e), { register: l, handleSubmit: s, setValue: c } = Oe({
     defaultValues: {
-      checkbox: e.filter((w) => w.type === "checkboxes").flatMap(
-        (w) => {
-          var z;
-          return ((z = w.options) == null ? void 0 : z.filter((I) => I.checked).map((I) => I.value)) ?? [];
+      checkbox: e.filter((k) => k.type === "checkboxes").flatMap(
+        (k) => {
+          var I;
+          return ((I = k.options) == null ? void 0 : I.filter((z) => z.checked).map((z) => z.value)) ?? [];
         }
       ),
-      radio: ((y = (x = (h = e.find((w) => w.type === "radioButton")) == null ? void 0 : h.options) == null ? void 0 : x.find(({ checked: w }) => w)) == null ? void 0 : y.value) ?? "",
-      text: e.filter((w) => w.type === "text").reduce(
-        (w, z) => ({
-          ...w,
-          [`${String(z.key)}-${z.filterFn ?? "caseInsensitive"}`]: z.value ?? ""
+      radio: ((y = (x = (h = e.find((k) => k.type === "radioButton")) == null ? void 0 : h.options) == null ? void 0 : x.find(({ checked: k }) => k)) == null ? void 0 : y.value) ?? "",
+      text: e.filter((k) => k.type === "text").reduce(
+        (k, I) => ({
+          ...k,
+          [`${String(I.key)}-${I.filterFn ?? "caseInsensitive"}`]: I.value ?? ""
         }),
         {}
       ),
       minValue: (m = e.find(
-        (w) => ["numberRange", "dateRange"].includes(w.type)
+        (k) => ["numberRange", "dateRange"].includes(k.type)
       )) == null ? void 0 : m.minValue,
-      maxValue: (k = e.find(
-        (w) => ["numberRange", "dateRange"].includes(w.type)
-      )) == null ? void 0 : k.maxValue
+      maxValue: (w = e.find(
+        (k) => ["numberRange", "dateRange"].includes(k.type)
+      )) == null ? void 0 : w.maxValue
     }
-  }), d = e.some((w) => w.type === "checkboxes"), g = v(
-    (w) => {
-      const { value: z } = w.target, I = e.map((C) => {
+  }), d = e.some((k) => k.type === "checkboxes"), g = v(
+    (k) => {
+      const { value: I } = k.target, z = e.map((C) => {
         var E;
         return C.type === "checkboxes" ? {
           ...C,
           options: (E = C.options) == null ? void 0 : E.filter(
             (N) => {
               var L;
-              return ((L = N.label) == null ? void 0 : L.toLowerCase().includes(z.toLowerCase())) ?? N.value.toLowerCase().includes(z.toLowerCase());
+              return ((L = N.label) == null ? void 0 : L.toLowerCase().includes(I.toLowerCase())) ?? N.value.toLowerCase().includes(I.toLowerCase());
             }
           )
         } : C;
       });
-      o(I);
+      o(z);
     },
     [e]
   ), p = v(
-    (w) => {
-      t && t(w);
+    (k) => {
+      t && t(k);
     },
     [t]
   );
   G(() => {
-    var w, z, I, C, E;
+    var k, I, z, C, E;
     o(e), c(
       "checkbox",
       e.filter((N) => N.type === "checkboxes").flatMap(
@@ -6658,7 +6660,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       )
     ), c(
       "radio",
-      ((I = (z = (w = e.find((N) => N.type === "radioButton")) == null ? void 0 : w.options) == null ? void 0 : z.find(({ checked: N }) => N)) == null ? void 0 : I.value) ?? ""
+      ((z = (I = (k = e.find((N) => N.type === "radioButton")) == null ? void 0 : k.options) == null ? void 0 : I.find(({ checked: N }) => N)) == null ? void 0 : z.value) ?? ""
     ), c(
       "text",
       e.filter((N) => N.type === "text").reduce(
@@ -6683,12 +6685,12 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   const u = /* @__PURE__ */ n(ue, { $bgColor: "transparent", children: /* @__PURE__ */ f(fe, { $size: "fixed", flexDirection: "column", gap: 1.25, children: [
     d && /* @__PURE__ */ n(xe, { onChange: g }),
     /* @__PURE__ */ f("form", { id: i, onSubmit: s(p), children: [
-      r.map((w, z) => {
-        const I = `${w.type}-${w.value}-${w.filterFn ?? "default"}`;
+      r.map((k, I) => {
+        const z = `${k.type}-${k.value}-${k.filterFn ?? "default"}`;
         return /* @__PURE__ */ f("div", { children: [
-          /* @__PURE__ */ n(Jt, { option: w, register: l }),
-          z < r.length - 1 && /* @__PURE__ */ n("hr", { style: { margin: "1.25rem 0 0.625rem" } })
-        ] }, I);
+          /* @__PURE__ */ n(Jt, { option: k, register: l }),
+          I < r.length - 1 && /* @__PURE__ */ n("hr", { style: { margin: "1.25rem 0 0.625rem" } })
+        ] }, z);
       }),
       /* @__PURE__ */ n(V, { mt: 1, type: "submit", children: "Apply" })
     ] })
@@ -6706,7 +6708,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     []
   ), [c, d] = j({}), [g, p] = j(""), u = v(
     (y) => () => {
-      const m = r.find((k) => k.label === y);
+      const m = r.find((w) => w.label === y);
       p(y), s((m == null ? void 0 : m.filterOptions) ?? []);
     },
     [r]
@@ -6720,7 +6722,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         ...y.maxValue ? [String(y.maxValue)] : []
       ];
       d((C) => m.length > 0 ? { ...C, [g]: m } : C);
-      const k = (C) => {
+      const w = (C) => {
         var E, N;
         return {
           ...C,
@@ -6732,51 +6734,51 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           minValue: C.type === "numberRange" ? y.minValue : C.minValue,
           maxValue: C.type === "numberRange" ? y.maxValue : C.maxValue
         };
-      }, w = (C) => C.label === g ? {
+      }, k = (C) => C.label === g ? {
         ...C,
-        filterOptions: C.filterOptions.map(k)
-      } : C, z = r.map(w);
-      o((C) => C.map(w));
-      const I = z.flatMap(
+        filterOptions: C.filterOptions.map(w)
+      } : C, I = r.map(k);
+      o((C) => C.map(k));
+      const z = I.flatMap(
         ({ filterOptions: C }) => C
       );
-      i(I), s([]);
+      i(z), s([]);
     },
     [r, i, g]
   ), x = v(
     (y, m) => {
-      const k = `li-filter-option-${y}`;
+      const w = `li-filter-option-${y}`;
       return /* @__PURE__ */ f(
         Er,
         {
           icon: m,
           onClick: u(y),
-          value: k,
+          value: w,
           width: "100%",
           children: [
             y,
             c[y] === void 0 ? void 0 : /* @__PURE__ */ n(oe, { tagLabel: c[y].length.toString() })
           ]
         },
-        k
+        w
       );
     },
     [c, u]
   );
   return G(() => {
     const y = e.reduce(
-      (m, { label: k, filterOptions: w }) => {
-        const z = w.flatMap(({ value: E, minValue: N, maxValue: L }) => [
+      (m, { label: w, filterOptions: k }) => {
+        const I = k.flatMap(({ value: E, minValue: N, maxValue: L }) => [
           N,
           L,
           E
-        ]).filter(Boolean), I = w.flatMap(({ options: E }) => E ?? []).filter(({ checked: E = !1 }) => E).map(({ value: E }) => E), C = [
-          ...z,
-          ...I
+        ]).filter(Boolean), z = k.flatMap(({ options: E }) => E ?? []).filter(({ checked: E = !1 }) => E).map(({ value: E }) => E), C = [
+          ...I,
+          ...z
         ];
         return C.length === 0 ? m : {
           ...m,
-          [k]: C
+          [w]: C
         };
       },
       {}
@@ -6787,7 +6789,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ([y, m]) => /* @__PURE__ */ f($, { width: "100%", children: [
         /* @__PURE__ */ n(S, { color: a.palette.gray[400], mb: 0.25, size: "sm", children: y }),
         m.map(
-          ({ label: k, icon: w = "filter-list" }) => x(k, w)
+          ({ label: w, icon: k = "filter-list" }) => x(w, k)
         )
       ] }, y)
     ),
@@ -7682,24 +7684,25 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   cancelButton: t,
   children: i,
   confirmButton: a,
-  id: r = "modal-confirm",
-  maxButtonWidth: o = "392px",
-  mode: l,
-  onSubmit: s,
-  showButtons: c = !0,
-  yupSchema: d,
-  ...g
+  defaultDisabled: r = !0,
+  id: o = "modal-confirm",
+  maxButtonWidth: l = "392px",
+  mode: s,
+  onSubmit: c,
+  showButtons: d = !0,
+  yupSchema: g,
+  ...p
 }) => {
-  const p = D(), u = Oe({
-    ...g,
-    mode: l ?? "all",
-    resolver: d ? ai(d) : void 0
+  const u = D(), h = Oe({
+    ...p,
+    mode: s ?? "all",
+    resolver: g ? ai(g) : void 0
   });
-  return /* @__PURE__ */ n(ii, { ...u, children: /* @__PURE__ */ n(Ur, { onSubmit: u.handleSubmit(s), children: /* @__PURE__ */ f($, { scroll: "y", width: "100%", children: [
+  return /* @__PURE__ */ n(ii, { ...h, children: /* @__PURE__ */ n(Ur, { onSubmit: h.handleSubmit(c), children: /* @__PURE__ */ f($, { scroll: "y", width: "100%", children: [
     /* @__PURE__ */ n(
       $,
       {
-        borderRadius: `0 0 ${p.spacing[0.25]} ${p.spacing[0.25]}`,
+        borderRadius: `0 0 ${u.spacing[0.25]} ${u.spacing[0.25]}`,
         display: "flex",
         flexDirection: "column",
         gap: 0.5,
@@ -7711,11 +7714,11 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         children: i
       }
     ),
-    c && /* @__PURE__ */ f(
+    d && /* @__PURE__ */ f(
       $,
       {
-        borderRadius: `0 0 ${p.spacing[0.25]} ${p.spacing[0.25]}`,
-        borderTop: `1px solid ${p.palette.gray[200]}`,
+        borderRadius: `0 0 ${u.spacing[0.25]} ${u.spacing[0.25]}`,
+        borderTop: `1px solid ${u.palette.gray[200]}`,
         display: "flex",
         flexDirection: "column",
         gap: 0.625,
@@ -7724,12 +7727,12 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         py: 1.25,
         children: [
           e,
-          /* @__PURE__ */ f($, { display: "flex", gap: 0.75, maxWidth: o, children: [
+          /* @__PURE__ */ f($, { display: "flex", gap: 0.75, maxWidth: l, children: [
             t ? /* @__PURE__ */ n(
               V,
               {
                 icon: t.icon,
-                id: `${r}-cancel`,
+                id: `${o}-cancel`,
                 justify: "center",
                 onClick: t.onClick,
                 type: "reset",
@@ -7741,9 +7744,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             /* @__PURE__ */ n(
               V,
               {
-                disabled: ((a == null ? void 0 : a.disabled) ?? !1) || !u.formState.isDirty,
+                disabled: ((a == null ? void 0 : a.disabled) ?? !1) || r && !h.formState.isDirty,
                 icon: a == null ? void 0 : a.icon,
-                id: r,
+                id: o,
                 justify: "center",
                 type: "submit",
                 width: "100%",
@@ -7863,8 +7866,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   const c = D(), [d, g] = j(t), [p, u] = j(""), h = v(
     (m) => {
       g(
-        (k) => k.filter(
-          (w) => String(w.name).toLowerCase().includes(m.toLocaleLowerCase())
+        (w) => w.filter(
+          (k) => String(k.name).toLowerCase().includes(m.toLocaleLowerCase())
         )
       );
     },
@@ -9092,19 +9095,19 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ...d
 }, g) {
   const p = i < 0 ? 0 : i, [u, h] = j(Number(a).toFixed(p)), x = v(
-    (k) => {
-      const w = W.toNumber(k.target.value);
-      k.target.value.endsWith(".") ? h(k.target.value) : w >= Number(o) && w <= Number(r) && (h(String(w)), t && s(W.toNumber(w.toFixed(p)))), k.stopPropagation();
+    (w) => {
+      const k = W.toNumber(w.target.value);
+      w.target.value.endsWith(".") ? h(w.target.value) : k >= Number(o) && k <= Number(r) && (h(String(k)), t && s(W.toNumber(k.toFixed(p)))), w.stopPropagation();
     },
     [t, p, r, o, s]
   ), y = v(
-    (k) => {
-      k.currentTarget.contains(k.relatedTarget) || h(Number(a).toFixed(p)), k.stopPropagation();
+    (w) => {
+      w.currentTarget.contains(w.relatedTarget) || h(Number(a).toFixed(p)), w.stopPropagation();
     },
     [p, a]
   ), m = v(
-    (k) => {
-      k.stopPropagation(), k.key === "Enter" && !W.isEmpty(k.currentTarget.value) && s(W.toNumber(k.currentTarget.value));
+    (w) => {
+      w.stopPropagation(), w.key === "Enter" && !W.isEmpty(w.currentTarget.value) && s(W.toNumber(w.currentTarget.value));
     },
     [s]
   );
@@ -9497,11 +9500,11 @@ const Fo = {
   title: g,
   titleColor: p
 }) => {
-  const u = D(), { alt: h, src: x, width: y = "77px", height: m = "77px" } = c, k = v(() => {
+  const u = D(), { alt: h, src: x, width: y = "77px", height: m = "77px" } = c, w = v(() => {
     t == null || t.onClick();
-  }, [t]), w = v(() => {
+  }, [t]), k = v(() => {
     r == null || r.onClick();
-  }, [r]), z = /* @__PURE__ */ n(
+  }, [r]), I = /* @__PURE__ */ n(
     $,
     {
       alignItems: "center",
@@ -9595,7 +9598,7 @@ const Fo = {
                   W.isObject(r) ? /* @__PURE__ */ n(
                     V,
                     {
-                      onClick: w,
+                      onClick: k,
                       variant: (r == null ? void 0 : r.variant) ?? "primary",
                       children: r == null ? void 0 : r.text
                     },
@@ -9604,7 +9607,7 @@ const Fo = {
                   W.isObject(t) ? /* @__PURE__ */ n(
                     V,
                     {
-                      onClick: k,
+                      onClick: w,
                       variant: (t == null ? void 0 : t.variant) ?? "tertiary",
                       children: t == null ? void 0 : t.text
                     },
@@ -9618,7 +9621,7 @@ const Fo = {
       )
     }
   );
-  return e ? Q(z, o ?? document.body) : z;
+  return e ? Q(I, o ?? document.body) : I;
 }, jo = b.div`
   ${({ theme: e }) => `
     height: ${e.spacing[1]};
@@ -10184,8 +10187,8 @@ const Fo = {
   query: a
 }) => {
   const [r, o] = j(a), [l, s] = j(!1), c = B(null), d = B(null), g = r.length >= 2, p = v(
-    (k) => {
-      o(k), i(k);
+    (w) => {
+      o(w), i(w);
     },
     [i]
   ), u = v(() => {
@@ -10193,18 +10196,18 @@ const Fo = {
   }, [p]), h = v(() => {
     s(!0);
   }, []), x = v(
-    (k) => {
-      p(k.currentTarget.value);
+    (w) => {
+      p(w.currentTarget.value);
     },
     [p]
   ), y = v(
-    (k) => {
-      k.preventDefault(), k.stopPropagation(), u(), d.current && d.current.focus();
+    (w) => {
+      w.preventDefault(), w.stopPropagation(), u(), d.current && d.current.focus();
     },
     [u]
   ), m = v(
-    (k) => {
-      k.preventDefault(), k.stopPropagation(), d.current && d.current.blur();
+    (w) => {
+      w.preventDefault(), w.stopPropagation(), d.current && d.current.blur();
     },
     []
   );
@@ -10266,14 +10269,14 @@ const Fo = {
           children: "Suggested"
         }
       ),
-      /* @__PURE__ */ n("div", { className: "flex flex-col items-start self-stretch", children: Ko.map(({ hit: k, icon: w }, z) => /* @__PURE__ */ n(
+      /* @__PURE__ */ n("div", { className: "flex flex-col items-start self-stretch", children: Ko.map(({ hit: w, icon: k }, I) => /* @__PURE__ */ n(
         Le,
         {
-          hit: k,
-          icon: w,
+          hit: w,
+          icon: k,
           showIcon: !0
         },
-        `${w}-${z}`
+        `${k}-${I}`
       )) }),
       /* @__PURE__ */ n(
         S,
@@ -10307,7 +10310,7 @@ const Fo = {
           children: "Results"
         }
       ),
-      /* @__PURE__ */ n("div", { className: "flex flex-col items-start self-stretch", children: e.map((k) => /* @__PURE__ */ n(Le, { hit: k }, k.objectID)) })
+      /* @__PURE__ */ n("div", { className: "flex flex-col items-start self-stretch", children: e.map((w) => /* @__PURE__ */ n(Le, { hit: w }, w.objectID)) })
     ] }),
     g && e.length === 0 && /* @__PURE__ */ n(Ee, { $empty: e.length === 0, children: /* @__PURE__ */ f("div", { className: "items-center	flex flex-col	gap-4 py-[90px] w-full", children: [
       /* @__PURE__ */ n(
@@ -10598,9 +10601,9 @@ const Fo = {
   );
   return G(() => {
     const h = ["mousedown", "touchstart"], x = (y) => {
-      var I;
-      const m = y.target, k = document.getElementById("helpBtn"), w = document.getElementById("filterBtn"), z = (m === k || ((k == null ? void 0 : k.contains(m)) ?? !1) || m === w || (w == null ? void 0 : w.contains(m))) ?? !1;
-      i && !z && !(((I = p.current) == null ? void 0 : I.contains(m)) ?? !1) && r();
+      var z;
+      const m = y.target, w = document.getElementById("helpBtn"), k = document.getElementById("filterBtn"), I = (m === w || ((w == null ? void 0 : w.contains(m)) ?? !1) || m === k || (k == null ? void 0 : k.contains(m))) ?? !1;
+      i && !I && !(((z = p.current) == null ? void 0 : z.contains(m)) ?? !1) && r();
     };
     return h.forEach((y) => {
       document.addEventListener(y, x, { passive: !0 });
@@ -10690,8 +10693,8 @@ const Fo = {
                     description: x,
                     icon: y,
                     onClick: m,
-                    requiresUpgrade: k,
-                    title: w
+                    requiresUpgrade: w,
+                    title: k
                   }) => /* @__PURE__ */ n(
                     Zo,
                     {
@@ -10699,10 +10702,10 @@ const Fo = {
                       description: x,
                       icon: y,
                       onClick: u(m),
-                      requiresUpgrade: k,
-                      title: w
+                      requiresUpgrade: w,
+                      title: k
                     },
-                    w
+                    k
                   )
                 ),
                 e && /* @__PURE__ */ n($, { px: 1.25, children: e })