@fluidattacks/design 3.9.0 → 3.9.1-pr-01

package/dist/{components-D5miwjLC.mjs → components-mdX3KDsW.mjs}

@@ -332,7 +332,7 @@ const ne = (e) => ({
   const t = e.scroll ? `
       ${Ci(e.scroll)}
       ${Si(e.scroll)}
-    ` : "", i = D("visibility", e.visibility), a = D("display", e.display), r = D("height", e.height), o = D("width", e.width), l = D("max-height", e.maxHeight), s = D("max-width", e.maxWidth), c = D("min-height", e.minHeight), p = D("min-width", e.minWidth), d = D(
+    ` : "", i = D("visibility", e.visibility), a = D("display", e.display), r = D("height", e.height), o = D("width", e.width), l = D("max-height", e.maxHeight), s = D("max-width", e.maxWidth), c = D("min-height", e.minHeight), d = D("min-width", e.minWidth), p = D(
     "box-shadow",
     e.shadow ? N.shadows[e.shadow] : void 0
   ), g = D(
@@ -348,8 +348,8 @@ const ne = (e) => ({
     ${l}
     ${s}
     ${c}
-    ${p}
     ${d}
+    ${p}
     ${u}
     ${h}
     ${g}
@@ -362,7 +362,7 @@ const ne = (e) => ({
     ${T}
   `;
 }, Ie = (e) => {
-  const t = D("color", e.color), i = D("font-family", e.fontFamily), a = D("font-size", e.fontSize), r = D("font-weight", e.fontWeight), o = D("line-spacing", e.letterSpacing), l = D("line-height", e.lineSpacing), s = D("text-align", e.textAlign), c = D("text-decoration", e.textDecoration), p = D("text-overflow", e.textOverflow), d = D("white-space", e.whiteSpace), g = D("word-break", e.wordBreak), u = D("word-wrap", e.wordWrap);
+  const t = D("color", e.color), i = D("font-family", e.fontFamily), a = D("font-size", e.fontSize), r = D("font-weight", e.fontWeight), o = D("line-spacing", e.letterSpacing), l = D("line-height", e.lineSpacing), s = D("text-align", e.textAlign), c = D("text-decoration", e.textDecoration), d = D("text-overflow", e.textOverflow), p = D("white-space", e.whiteSpace), g = D("word-break", e.wordBreak), u = D("word-wrap", e.wordWrap);
   return `
     ${t}
     ${i}
@@ -372,8 +372,8 @@ const ne = (e) => ({
     ${l}
     ${s}
     ${c}
-    ${p}
     ${d}
+    ${p}
     ${g}
     ${u}
   `;
@@ -456,8 +456,8 @@ const ne = (e) => ({
   onLeave: l,
   styleMd: s,
   styleSm: c,
-  ...p
-}, d) {
+  ...d
+}, p) {
   return /* @__PURE__ */ n(
     Ii,
     {
@@ -468,8 +468,8 @@ const ne = (e) => ({
       id: r,
       onMouseLeave: l,
       onMouseOver: o,
-      ref: d,
-      ...p,
+      ref: p,
+      ...d,
       children: a
     }
   );
@@ -484,8 +484,8 @@ const ne = (e) => ({
   $letterSpacing: l = 0,
   $lineSpacing: s = 1.5,
   $lineSpacingSm: c,
-  $size: p,
-  $sizeMd: d,
+  $size: d,
+  $sizeMd: p,
   $sizeSm: g,
   $textFill: u = "unset",
   $wordBreak: h = "normal"
@@ -494,7 +494,7 @@ const ne = (e) => ({
     color: ${i};
     display: ${a};
     font-family: ${r};
-    font-size: ${e.typography.heading[p]};
+    font-size: ${e.typography.heading[d]};
     font-weight: ${e.typography.weight[o]};
     letter-spacing: ${l};
     line-height: ${e.spacing[s]};
@@ -508,11 +508,11 @@ const ne = (e) => ({
       and (min-width: ${e.breakpoints.mobile})
       and (max-width: ${e.breakpoints.tablet})
     {
-      font-size: ${e.typography.heading[d ?? p]};
+      font-size: ${e.typography.heading[p ?? d]};
     }
 
     @media screen and (max-width: ${e.breakpoints.mobile}) {
-      font-size: ${e.typography.heading[g ?? p]};
+      font-size: ${e.typography.heading[g ?? d]};
       line-height: ${e.spacing[c ?? s]};
     }
   `}
@@ -527,8 +527,8 @@ const ne = (e) => ({
   $letterSpacing: l = 0,
   $lineSpacing: s = 1.25,
   $lineSpacingSm: c,
-  $size: p,
-  $sizeMd: d,
+  $size: d,
+  $sizeMd: p,
   $sizeSm: g,
   $textFill: u = "unset",
   $wordBreak: h = "normal"
@@ -537,7 +537,7 @@ const ne = (e) => ({
     color: ${i};
     display: ${a};
     font-family: ${r};
-    font-size: ${e.typography.text[p]};
+    font-size: ${e.typography.text[d]};
     font-weight: ${e.typography.weight[o]};
     letter-spacing: ${l};
     line-height: ${e.spacing[s]};
@@ -551,11 +551,11 @@ const ne = (e) => ({
       and (min-width: ${e.breakpoints.mobile})
       and (max-width: ${e.breakpoints.tablet})
     {
-      font-size: ${e.typography.text[d ?? p]};
+      font-size: ${e.typography.text[p ?? d]};
     }
 
     @media screen and (max-width: ${e.breakpoints.mobile}) {
-      font-size: ${e.typography.text[g ?? p]};
+      font-size: ${e.typography.text[g ?? d]};
       line-height: ${e.spacing[c ?? s]};
     }
   `}
@@ -588,8 +588,8 @@ const ne = (e) => ({
   fontFamily: l,
   fontWeight: s,
   letterSpacing: c,
-  lineSpacing: p,
-  lineSpacingSm: d,
+  lineSpacing: d,
+  lineSpacingSm: p,
   size: g,
   sizeMd: u,
   sizeSm: h,
@@ -606,8 +606,8 @@ const ne = (e) => ({
       $fontFamily: l,
       $fontWeight: s,
       $letterSpacing: c,
-      $lineSpacing: p,
-      $lineSpacingSm: d,
+      $lineSpacing: d,
+      $lineSpacingSm: p,
       $size: g,
       $sizeMd: u,
       $sizeSm: h,
@@ -628,8 +628,8 @@ const ne = (e) => ({
   fontWeight: l,
   letterSpacing: s,
   lineSpacing: c,
-  lineSpacingSm: p,
-  size: d,
+  lineSpacingSm: d,
+  size: p,
   sizeMd: g,
   sizeSm: u,
   ...h
@@ -644,8 +644,8 @@ const ne = (e) => ({
       $fontWeight: l,
       $letterSpacing: s,
       $lineSpacing: c,
-      $lineSpacingSm: p,
-      $size: d,
+      $lineSpacingSm: d,
+      $size: p,
       $sizeMd: g,
       $sizeSm: u,
       ref: x,
@@ -662,8 +662,8 @@ const ne = (e) => ({
   fontFamily: l,
   fontWeight: s,
   letterSpacing: c,
-  lineSpacing: p,
-  lineSpacingSm: d,
+  lineSpacing: d,
+  lineSpacingSm: p,
   size: g,
   sizeMd: u,
   sizeSm: h,
@@ -680,8 +680,8 @@ const ne = (e) => ({
       $fontFamily: l,
       $fontWeight: s,
       $letterSpacing: c,
-      $lineSpacing: p,
-      $lineSpacingSm: d,
+      $lineSpacing: d,
+      $lineSpacingSm: p,
       $size: g,
       $sizeMd: u,
       $sizeSm: h,
@@ -775,8 +775,8 @@ const z = V(function({
   iconColor: l,
   iconMask: s,
   iconSize: c,
-  iconTransform: p,
-  iconType: d = "fa-solid",
+  iconTransform: d,
+  iconType: p = "fa-solid",
   onClick: g,
   rotation: u,
   spanClass: h,
@@ -801,18 +801,18 @@ const z = V(function({
       children: /* @__PURE__ */ n(
         "i",
         {
-          className: `${d} fa-${r} ${o}`,
+          className: `${p} fa-${r} ${o}`,
           ...s !== void 0 ? { "data-fa-mask": s } : {},
-          ...p !== void 0 ? { "data-fa-transform": p } : {}
+          ...d !== void 0 ? { "data-fa-transform": d } : {}
         }
       )
     },
-    `${d}-${r}`
+    `${p}-${r}`
   );
 }), xl = V(function({ aligned: t = "end", items: i, bgColor: a }, r) {
-  const o = j(), [l, s] = F(!1), [c, p] = F(-1), d = k(
+  const o = j(), [l, s] = F(!1), [c, d] = F(-1), p = k(
     (g) => () => {
-      p(g), s(g === c ? (u) => !u : !0);
+      d(g), s(g === c ? (u) => !u : !0);
     },
     [c]
   );
@@ -833,7 +833,7 @@ const z = V(function({
           borderTop: "1px solid",
           cursor: "pointer",
           display: "flex",
-          onClick: d(u),
+          onClick: p(u),
           padding: [0.75, 0.75, 0.75, 0.75],
           width: "100%",
           children: /* @__PURE__ */ f(
@@ -1112,12 +1112,12 @@ const z = V(function({
   iconColor: l,
   iconSize: s,
   id: c,
-  maxWidth: p,
-  nodeTip: d,
+  maxWidth: d,
+  nodeTip: p,
   place: g = "bottom",
   tip: u = "",
   title: h = "",
-  hide: x = u === "" && h === "" && d === void 0,
+  hide: x = u === "" && h === "" && p === void 0,
   ...$
 }, m) {
   const w = j(), [S, I] = F(!1), T = M(null), v = k(() => {
@@ -1152,7 +1152,7 @@ const z = V(function({
           }
         ) : t,
         Q(
-          /* @__PURE__ */ n(Bi, { $maxWidth: p, children: /* @__PURE__ */ f(
+          /* @__PURE__ */ n(Bi, { $maxWidth: d, children: /* @__PURE__ */ f(
             gn,
             {
               delayShow: 500,
@@ -1193,7 +1193,7 @@ const z = V(function({
                     children: u
                   }
                 ),
-                P.isEmpty(d) ? void 0 : d
+                P.isEmpty(p) ? void 0 : p
               ]
             }
           ) }),
@@ -1211,8 +1211,8 @@ const z = V(function({
   iconTransform: l,
   iconType: s,
   id: c,
-  justify: p = "center",
-  onClick: d,
+  justify: d = "center",
+  onClick: p,
   px: g,
   py: u,
   type: h = "button",
@@ -1234,8 +1234,8 @@ const z = V(function({
       borderRadius: t,
       disabled: i,
       id: c,
-      justify: p,
-      onClick: d,
+      justify: d,
+      onClick: p,
       ref: I,
       type: h,
       value: m,
@@ -1263,8 +1263,8 @@ const z = V(function({
   time: l = 8,
   variant: s = "error",
   id: c,
-  ...p
-}, d) {
+  ...d
+}, p) {
   const [g, u] = F(o), h = k(() => {
     u(!1);
   }, []);
@@ -1281,9 +1281,9 @@ const z = V(function({
     y,
     {
       display: g ? "block" : "none",
-      ref: d,
+      ref: p,
       role: "alert",
-      ...p,
+      ...d,
       children: /* @__PURE__ */ f(Ei, { $variant: s, id: c, children: [
         /* @__PURE__ */ n(
           z,
@@ -1557,7 +1557,7 @@ const z = V(function({
   target: l,
   variant: s = "lowRelevance"
 }) => {
-  const c = a.startsWith("https://"), p = /* @__PURE__ */ n(
+  const c = a.startsWith("https://"), d = /* @__PURE__ */ n(
     z,
     {
       icon: i === void 0 ? "arrow-up-right-from-square" : "arrow-down-to-bracket",
@@ -1578,9 +1578,9 @@ const z = V(function({
       rel: "nofollow noopener noreferrer",
       target: l ?? "_blank",
       children: [
-        r === "left" ? p : void 0,
+        r === "left" ? d : void 0,
         e,
-        r === "right" ? p : void 0
+        r === "right" ? d : void 0
       ]
     }
   ) : /* @__PURE__ */ f(
@@ -1593,9 +1593,9 @@ const z = V(function({
       target: l,
       to: a,
       children: [
-        l !== void 0 && r === "left" ? p : void 0,
+        l !== void 0 && r === "left" ? d : void 0,
         e,
-        l !== void 0 && r === "right" ? p : void 0
+        l !== void 0 && r === "right" ? d : void 0
       ]
     }
   );
@@ -1609,8 +1609,8 @@ const z = V(function({
   fontSize: l,
   href: s,
   linkLabel: c,
-  onClose: p,
-  priority: d = "default",
+  onClose: d,
+  priority: p = "default",
   tagTitle: g = "",
   tagLabel: u,
   variant: h = "default"
@@ -1623,7 +1623,7 @@ const z = V(function({
       display: s === void 0 ? "initial" : "flex",
       size: "sm",
       children: [
-        /* @__PURE__ */ f(Vi, { $fontSize: l, $variant: h, className: d, children: [
+        /* @__PURE__ */ f(Vi, { $fontSize: l, $variant: h, className: p, children: [
           t && /* @__PURE__ */ n(
             z,
             {
@@ -1638,7 +1638,7 @@ const z = V(function({
             /* @__PURE__ */ n("span", { children: x ? $ : u }),
             /* @__PURE__ */ n("strong", { children: o })
           ] }),
-          p ? /* @__PURE__ */ n(
+          d ? /* @__PURE__ */ n(
             K,
             {
               disabled: e,
@@ -1646,7 +1646,7 @@ const z = V(function({
               iconSize: "xxs",
               iconType: "fa-light",
               id: r,
-              onClick: p,
+              onClick: d,
               px: 0.125,
               py: 0.125,
               variant: "ghost"
@@ -1673,8 +1673,8 @@ const z = V(function({
   icon: l,
   name: s,
   onClick: c,
-  showArrow: p = !1,
-  tag: d,
+  showArrow: d = !1,
+  tag: p,
   type: g = "button",
   tooltip: u,
   tooltipPlace: h = "bottom",
@@ -1711,8 +1711,8 @@ const z = V(function({
           children: [
             l !== void 0 && /* @__PURE__ */ n(z, { icon: l, iconSize: "xs", iconType: "fa-light" }),
             t,
-            (p || m === "link") && /* @__PURE__ */ n(z, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
-            d === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: d, variant: "inactive" })
+            (d || m === "link") && /* @__PURE__ */ n(z, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" }),
+            p === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: p, variant: "inactive" })
           ]
         }
       )
@@ -1788,14 +1788,14 @@ const z = V(function({
   titleColor: l,
   textAlign: s,
   textSpacing: c = 0,
-  tooltip: p
+  tooltip: d
 }) => {
-  const d = j();
+  const p = j();
   return /* @__PURE__ */ f(y, { width: "100%", children: [
     typeof o == "string" ? /* @__PURE__ */ n(
       C,
       {
-        color: l ?? d.palette.gray[800],
+        color: l ?? p.palette.gray[800],
         fontWeight: "bold",
         mb: c,
         size: "sm",
@@ -1815,7 +1815,7 @@ const z = V(function({
           i && /* @__PURE__ */ n(
             C,
             {
-              color: a ?? d.palette.gray[800],
+              color: a ?? p.palette.gray[800],
               fontWeight: i === void 0 ? "bold" : "regular",
               size: "sm",
               textAlign: s,
@@ -1826,7 +1826,7 @@ const z = V(function({
           t && /* @__PURE__ */ n(
             C,
             {
-              color: d.palette.gray[800],
+              color: p.palette.gray[800],
               fontWeight: "bold",
               size: "sm",
               textAlign: s,
@@ -1837,7 +1837,7 @@ const z = V(function({
           e && /* @__PURE__ */ n(
             C,
             {
-              color: d.palette.gray[800],
+              color: p.palette.gray[800],
               fontWeight: "bold",
               size: "sm",
               textAlign: s,
@@ -1845,7 +1845,7 @@ const z = V(function({
               children: `Author: ${e}`
             }
           ),
-          p && /* @__PURE__ */ n(ie, { icon: "circle-info", id: r, tip: p })
+          d && /* @__PURE__ */ n(ie, { icon: "circle-info", id: r, tip: d })
         ]
       }
     )
@@ -1895,8 +1895,8 @@ const z = V(function({
   isEditing: l,
   onClick: s,
   title: c,
-  hideDescription: p = !1,
-  headerType: d = "image",
+  hideDescription: d = !1,
+  headerType: p = "image",
   showMaximize: g = !0
 }) => {
   const u = j(), [h, x] = F(!1), $ = k(() => {
@@ -1933,7 +1933,7 @@ const z = V(function({
                 Xi,
                 {
                   alt: e,
-                  fileType: d,
+                  fileType: p,
                   height: "147px",
                   opacity: h ? 0.3 : 0,
                   src: r,
@@ -1953,7 +1953,7 @@ const z = V(function({
             ] }) : o
           }
         ),
-        p ? null : /* @__PURE__ */ n(
+        d ? null : /* @__PURE__ */ n(
           _e,
           {
             authorEmail: t,
@@ -2171,8 +2171,8 @@ const z = V(function({
   label: l,
   linkPosition: s = "down",
   maxLength: c,
-  required: p,
-  tooltip: d,
+  required: d,
+  tooltip: p,
   value: g,
   weight: u
 }) => {
@@ -2184,8 +2184,8 @@ const z = V(function({
         htmlFor: o,
         label: l,
         link: s === "up" ? i : void 0,
-        required: p,
-        tooltip: d,
+        required: d,
+        tooltip: p,
         weight: u
       }
     ),
@@ -2262,7 +2262,7 @@ const z = V(function({
   ...l
 }) => {
   var g;
-  const s = M(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: p } = hn(
+  const s = M(null), c = (g = o == null ? void 0 : o.current) == null ? void 0 : g.getBoundingClientRect(), { popoverProps: d } = hn(
     {
       ...l,
       popoverRef: a ?? s,
@@ -2270,7 +2270,7 @@ const z = V(function({
       isNonModal: a ? !0 : void 0
     },
     r
-  ), d = k(
+  ), p = k(
     (u) => {
       u.preventDefault();
     },
@@ -2279,12 +2279,12 @@ const z = V(function({
   return /* @__PURE__ */ n(bn, { children: /* @__PURE__ */ n(
     "div",
     {
-      ...p,
+      ...d,
       className: e,
-      onPointerDown: i ? d : void 0,
+      onPointerDown: i ? p : void 0,
       ref: a ?? s,
       style: {
-        ...p.style,
+        ...d.style,
         ...e === "dropdown" ? {
           display: "flex",
           justifyContent: "center",
@@ -2369,8 +2369,8 @@ const z = V(function({
   label: l,
   loadingItems: s,
   name: c,
-  items: p,
-  onBlur: d,
+  items: d,
+  onBlur: p,
   onChange: g,
   placeholder: u,
   required: h,
@@ -2380,31 +2380,31 @@ const z = V(function({
 }) => {
   var Qe;
   const w = j(), S = t ? void 0 : i, I = (e == null ? void 0 : e.value) ?? $, [T, v] = F(
-    ((Qe = p.find((R) => R.value === I)) == null ? void 0 : Qe.name) ?? ""
-  ), [L, H] = F(I), [O, G] = F(p), [E, W] = F(!1), { contains: Y } = $n({ sensitivity: "base" }), J = M(null), de = M(null), Le = M(null), Xe = M(null), Ze = M(null), Qt = Z(() => p.map(
+    ((Qe = d.find((R) => R.value === I)) == null ? void 0 : Qe.name) ?? ""
+  ), [L, H] = F(I), [O, G] = F(d), [E, W] = F(!1), { contains: Y } = $n({ sensitivity: "base" }), J = M(null), de = M(null), Le = M(null), Xe = M(null), Ze = M(null), Qt = Z(() => d.map(
     (R) => Y(R.name, T) || E ? /* @__PURE__ */ n(xn, { children: R.name }, R.value) : null
-  ), [Y, T, p, E]), en = k(
+  ), [Y, T, d, E]), en = k(
     (R) => {
       v(R), R === "" ? W(!0) : (W(!1), H((X) => {
         const be = R === "" ? "" : X;
         return e && e.onChange(be), g && g(R), be;
-      }), G(p.filter((X) => Y(X.name, R))));
+      }), G(d.filter((X) => Y(X.name, R))));
     },
-    [Y, p, e, g]
+    [Y, d, e, g]
   ), tn = k(
     (R) => {
       var X;
-      v(((X = p.find((be) => be.value === R)) == null ? void 0 : X.name) ?? ""), H(R ? String(R) : ""), e && e.onChange(R), g && g(R ? String(R) : ""), G(p);
+      v(((X = d.find((be) => be.value === R)) == null ? void 0 : X.name) ?? ""), H(R ? String(R) : ""), e && e.onChange(R), g && g(R ? String(R) : ""), G(d);
     },
-    [p, e, g]
+    [d, e, g]
   ), Je = k(
     (R) => {
       R.key === "Enter" && R.preventDefault(), W(!1);
     },
     []
   ), nn = k(() => {
-    d && d(), e && e.onBlur();
-  }, [e, d]), te = mn({
+    p && p(), e && e.onBlur();
+  }, [e, p]), te = mn({
     allowsEmptyCollection: !0,
     inputValue: T,
     items: O,
@@ -2445,9 +2445,9 @@ const z = V(function({
   return _(() => {
     var R;
     (s === !1 || !I) && v(
-      ((R = p.find((X) => X.value === I)) == null ? void 0 : R.name) ?? ""
+      ((R = d.find((X) => X.value === I)) == null ? void 0 : R.name) ?? ""
     );
-  }, [I, p, s]), /* @__PURE__ */ f(
+  }, [I, d, s]), /* @__PURE__ */ f(
     q,
     {
       error: S,
@@ -2529,8 +2529,8 @@ const z = V(function({
   label: l,
   loadingItems: s,
   name: c,
-  items: p,
-  onBlur: d,
+  items: d,
+  onBlur: p,
   onChange: g,
   placeholder: u,
   required: h,
@@ -2551,11 +2551,11 @@ const z = V(function({
         helpLink: a,
         helpLinkText: r,
         helpText: o,
-        items: p,
+        items: d,
         label: l,
         loadingItems: s,
         name: c,
-        onBlur: d,
+        onBlur: p,
         onChange: g,
         placeholder: u,
         required: h,
@@ -2574,11 +2574,11 @@ const z = V(function({
     helpLink: a,
     helpLinkText: r,
     helpText: o,
-    items: p,
+    items: d,
     label: l,
     loadingItems: s,
     name: c,
-    onBlur: d,
+    onBlur: p,
     onChange: g,
     placeholder: u,
     required: h,
@@ -2719,12 +2719,12 @@ const z = V(function({
     width: 100%;
   `}
 `, la = ({ state: e, date: t }) => {
-  const i = M(null), a = vn(t, Cn()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Sn({ date: t }, e, i), p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? tt(t, e.highlightedRange.start) : l, d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? tt(t, e.highlightedRange.end) : l, g = l && !s && !(p || d) ? "range" : "";
+  const i = M(null), a = vn(t, Cn()), { cellProps: r, buttonProps: o, isSelected: l, isDisabled: s, formattedDate: c } = Sn({ date: t }, e, i), d = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? tt(t, e.highlightedRange.start) : l, p = "highlightedRange" in e && !P.isNull(e.highlightedRange) ? tt(t, e.highlightedRange.end) : l, g = l && !s && !(d || p) ? "range" : "";
   return /* @__PURE__ */ n(ra, { id: g, ...r, children: /* @__PURE__ */ f(
     "div",
     {
       ...o,
-      className: `cell ${p || d ? "selected" : ""}
+      className: `cell ${d || p ? "selected" : ""}
           ${s ? "disabled" : ""} ${a ? "today" : ""}
           ${!e.isFocused && !a ? "focused" : ""} ${g}`,
       ref: i,
@@ -2967,9 +2967,9 @@ const z = V(function({
     locale: "en-US"
   }), { fieldProps: l } = Nn(i, o, r), s = k(
     (c) => {
-      const p = document.getElementsByClassName("segment-cell"), d = c.currentTarget;
-      Object.values(p).some(
-        (g) => g.contains(d)
+      const d = document.getElementsByClassName("segment-cell"), p = c.currentTarget;
+      Object.values(d).some(
+        (g) => g.contains(p)
       ) || (c.preventDefault(), c.stopPropagation());
     },
     []
@@ -2981,15 +2981,15 @@ const z = V(function({
         className: "flex flex-row",
         style: { color: a.palette.gray[P.isNil(o.value) ? 400 : 800] },
         tabIndex: -1,
-        children: o.segments.map((c, p) => {
-          const d = `key_${p}`;
+        children: o.segments.map((c, d) => {
+          const p = `key_${d}`;
           return /* @__PURE__ */ n(
             _t,
             {
               segment: { ...c, isEditable: !e },
               state: o
             },
-            d
+            p
           );
         })
       }
@@ -3011,16 +3011,16 @@ const z = V(function({
   }), { timeValue: a } = i, r = !P.isNil(a) && a.hour < 12 ? "AM" : "PM", [o, l] = F(
     P.isNil(a) ? "AM" : r
   ), { fieldProps: s } = Dn(e, i, t), c = k(
-    (p) => {
-      const d = p.currentTarget.name;
-      d !== o && (P.isNil(a) || (d === "AM" ? i.setSegment("dayPeriod", 0) : d === "PM" && i.setSegment("dayPeriod", 12))), l(d);
+    (d) => {
+      const p = d.currentTarget.name;
+      p !== o && (P.isNil(a) || (p === "AM" ? i.setSegment("dayPeriod", 0) : p === "PM" && i.setSegment("dayPeriod", 12))), l(p);
     },
     [o, i, a]
   );
   return /* @__PURE__ */ f(ga, { children: [
-    /* @__PURE__ */ n(gt, { ...s, ref: t, children: i.segments.slice(0, -2).map((p, d) => {
-      const g = `key_${d}`;
-      return /* @__PURE__ */ n(_t, { segment: p, state: i }, g);
+    /* @__PURE__ */ n(gt, { ...s, ref: t, children: i.segments.slice(0, -2).map((d, p) => {
+      const g = `key_${p}`;
+      return /* @__PURE__ */ n(_t, { segment: d, state: i }, g);
     }) }),
     /* @__PURE__ */ f(gt, { children: [
       /* @__PURE__ */ n(
@@ -3055,18 +3055,18 @@ const z = V(function({
   groupProps: l,
   name: s,
   register: c,
-  required: p,
-  setValue: d,
+  required: d,
+  setValue: p,
   value: g
 }) => {
   const u = k(
     (h) => {
-      o.onChange && o.onChange(h), d && d(
+      o.onChange && o.onChange(h), p && p(
         s,
         r === "day" ? Gt(String(h)) : ba(String(h))
       );
     },
-    [o, r, s, d]
+    [o, r, s, p]
   );
   return /* @__PURE__ */ f(
     ae,
@@ -3100,7 +3100,7 @@ const z = V(function({
         /* @__PURE__ */ n(
           "input",
           {
-            ...c == null ? void 0 : c(s, { required: p }),
+            ...c == null ? void 0 : c(s, { required: d }),
             "aria-label": s,
             className: "date-input",
             disabled: a,
@@ -3129,8 +3129,8 @@ const z = V(function({
   label: l,
   name: s,
   register: c,
-  setValue: p,
-  tooltip: d,
+  setValue: d,
+  tooltip: p,
   watch: g,
   ...u
 }) => {
@@ -3143,9 +3143,9 @@ const z = V(function({
     h
   ), L = k(
     (H) => {
-      v.onChange && v.onChange(H), p && p(s, Gt(H.toString()));
+      v.onChange && v.onChange(H), d && d(s, Gt(H.toString()));
     },
-    [v, s, p]
+    [v, s, d]
   );
   return /* @__PURE__ */ f(
     q,
@@ -3157,7 +3157,7 @@ const z = V(function({
       htmlFor: s,
       label: l,
       required: o,
-      tooltip: d,
+      tooltip: p,
       children: [
         /* @__PURE__ */ n(
           xe,
@@ -3171,7 +3171,7 @@ const z = V(function({
             name: s,
             register: c,
             required: o,
-            setValue: p,
+            setValue: d,
             value: x
           }
         ),
@@ -3238,7 +3238,7 @@ const z = V(function({
   setValue: s,
   ...c
 }) => {
-  const p = `${a}Max`, d = `${a}Min`, g = M(null), u = An(c), { close: h } = u, {
+  const d = `${a}Max`, p = `${a}Min`, g = M(null), u = An(c), { close: h } = u, {
     groupProps: x,
     startFieldProps: $,
     endFieldProps: m,
@@ -3284,7 +3284,7 @@ const z = V(function({
                     validate: (v) => m.value && v > m.value ? "Start date must be less than or equal to end date" : null
                   },
                   groupProps: x,
-                  name: d,
+                  name: p,
                   register: l,
                   setValue: s
                 }
@@ -3302,7 +3302,7 @@ const z = V(function({
                     validate: (v) => $.value && v < $.value ? "End date must be greater than or equal to start date" : null
                   },
                   groupProps: x,
-                  name: p,
+                  name: d,
                   register: l,
                   setValue: s
                 }
@@ -3350,7 +3350,7 @@ const z = V(function({
   props: i,
   timeState: a
 }) => {
-  const r = j(), { locale: o } = me(), l = jt({ ...i, createCalendar: we, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: p } = Dt(i, l);
+  const r = j(), { locale: o } = me(), l = jt({ ...i, createCalendar: we, locale: o }), { prevButtonProps: s, nextButtonProps: c, title: d } = Dt(i, l);
   return /* @__PURE__ */ f("div", { className: "calendar", children: [
     /* @__PURE__ */ n(
       Ke,
@@ -3358,7 +3358,7 @@ const z = V(function({
         nextButtonProps: c,
         prevButtonProps: s,
         state: l,
-        title: p
+        title: d
       }
     ),
     /* @__PURE__ */ n(Ue, { state: l }),
@@ -3386,15 +3386,15 @@ const z = V(function({
     tooltip: l,
     register: s,
     setValue: c,
-    watch: p
-  } = e, d = p == null ? void 0 : p(o), g = M(null), u = Ft({
+    watch: d
+  } = e, p = d == null ? void 0 : d(o), g = M(null), u = Ft({
     ...e,
     granularity: "minute",
     hourCycle: 12,
     isDisabled: t,
     isRequired: a,
     shouldCloseOnSelect: !1,
-    value: B.isNil(d) || B.isEmpty(d) || d === "-" ? null : Rn(d.replace(/\//gu, "-"))
+    value: B.isNil(p) || B.isEmpty(p) || p === "-" ? null : Rn(p.replace(/\//gu, "-"))
   }), { close: h } = u, { groupProps: x, fieldProps: $, buttonProps: m, dialogProps: w, calendarProps: S } = Lt(e, u, g), I = k(
     (v) => {
       S.onChange && S.onChange(v), c == null || c(
@@ -3431,7 +3431,7 @@ const z = V(function({
             name: o,
             register: s,
             setValue: c,
-            value: d
+            value: p
           }
         ),
         u.isOpen && !t ? /* @__PURE__ */ n(
@@ -3481,8 +3481,8 @@ const z = V(function({
   isValid: l,
   isTouched: s,
   label: c,
-  linkPosition: p,
-  name: d,
+  linkPosition: d,
+  name: p,
   maskValue: g = !1,
   onPaste: u,
   placeholder: h,
@@ -3505,9 +3505,9 @@ const z = V(function({
       helpLink: i,
       helpLinkText: a,
       helpText: r,
-      htmlFor: d,
+      htmlFor: p,
       label: c,
-      linkPosition: p,
+      linkPosition: d,
       required: I,
       tooltip: $,
       weight: w,
@@ -3524,18 +3524,18 @@ const z = V(function({
               {
                 "aria-hidden": !1,
                 "aria-invalid": H ? "true" : "false",
-                "aria-label": d,
+                "aria-label": p,
                 "aria-required": I,
                 autoComplete: "off",
                 className: g ? "sr-block" : "",
-                "data-testid": `${d}-input`,
+                "data-testid": `${p}-input`,
                 disabled: e,
-                id: d,
+                id: p,
                 onKeyDown: G,
                 onPaste: u,
                 placeholder: h,
                 type: m,
-                ...x ? x(d, { required: I, onBlur: T, onChange: v }) : { ...S }
+                ...x ? x(p, { required: I, onBlur: T, onChange: v }) : { ...S }
               }
             ),
             H ? /* @__PURE__ */ n(
@@ -3590,15 +3590,15 @@ const z = V(function({
   id: l,
   multiple: s,
   name: c,
-  onChange: p,
-  required: d,
+  onChange: d,
+  required: p,
   register: g,
   setValue: u,
   tooltip: h,
   watch: x,
   weight: $
 }) => {
-  const m = j(), w = t ? void 0 : i, S = M(null), I = x == null ? void 0 : x(c), T = za(I), v = g == null ? void 0 : g(c, { required: d }), L = k(() => {
+  const m = j(), w = t ? void 0 : i, S = M(null), I = x == null ? void 0 : x(c), T = za(I), v = g == null ? void 0 : g(c, { required: p }), L = k(() => {
     const G = Me("change", c, void 0);
     u && u(c, ""), v && v.onChange(G);
   }, [v, c, u]), H = k(
@@ -3608,11 +3608,11 @@ const z = V(function({
         c,
         E && E.length > 0 ? E : void 0
       );
-      p == null || p(
+      d == null || d(
         W
       ), v && v.onChange(W);
     },
-    [v, c, p]
+    [v, c, d]
   ), O = k(
     (G) => {
       t ? G.preventDefault() : S.current && S.current.click();
@@ -3627,7 +3627,7 @@ const z = V(function({
       helpText: o,
       htmlFor: l ?? c,
       label: a,
-      required: d,
+      required: p,
       tooltip: h,
       weight: $,
       children: [
@@ -3721,8 +3721,8 @@ const z = V(function({
   label: l,
   name: s = "input-tag",
   onChange: c,
-  onRemove: p,
-  placeholder: d,
+  onRemove: d,
+  placeholder: p,
   required: g,
   tooltip: u,
   value: h,
@@ -3748,14 +3748,14 @@ const z = V(function({
   ), O = k(
     (E) => {
       const W = w.trim();
-      E.key === "Enter" && W.length === 0 && E.preventDefault(), ["Enter", ","].includes(E.key) && W.length > 0 && !T.includes(W) ? (E.preventDefault(), v([...T, W]), S("")) : E.key === "Backspace" && !W.length && T.length && (E.preventDefault(), p == null || p(T[T.length - 1]), v(T.slice(0, -1)));
+      E.key === "Enter" && W.length === 0 && E.preventDefault(), ["Enter", ","].includes(E.key) && W.length > 0 && !T.includes(W) ? (E.preventDefault(), v([...T, W]), S("")) : E.key === "Backspace" && !W.length && T.length && (E.preventDefault(), d == null || d(T[T.length - 1]), v(T.slice(0, -1)));
     },
-    [w, p, v, T]
+    [w, d, v, T]
   ), G = k(
     (E) => () => {
-      p == null || p(E), v(T.filter((W) => W !== E));
+      d == null || d(E), v(T.filter((W) => W !== E));
     },
-    [p, v, T]
+    [d, v, T]
   );
   return /* @__PURE__ */ n(
     q,
@@ -3796,7 +3796,7 @@ const z = V(function({
                 onBlur: H,
                 onChange: L,
                 onKeyDown: O,
-                placeholder: T.length === 0 ? d : void 0,
+                placeholder: T.length === 0 ? p : void 0,
                 ref: i == null ? void 0 : i.ref,
                 type: "text",
                 value: w
@@ -3826,8 +3826,8 @@ const z = V(function({
   label: l,
   name: s = "input-tag",
   onChange: c,
-  onRemove: p,
-  placeholder: d,
+  onRemove: d,
+  placeholder: p,
   required: g,
   tooltip: u,
   value: h,
@@ -3848,8 +3848,8 @@ const z = V(function({
         helpText: o,
         label: l,
         name: s,
-        onRemove: p,
-        placeholder: d,
+        onRemove: d,
+        placeholder: p,
         required: g,
         tooltip: u,
         weight: x
@@ -3868,8 +3868,8 @@ const z = V(function({
     label: l,
     name: s,
     onChange: c,
-    onRemove: p,
-    placeholder: d,
+    onRemove: d,
+    placeholder: p,
     required: g,
     tooltip: u,
     value: h,
@@ -3908,8 +3908,8 @@ const z = V(function({
   min: l = 0,
   name: s,
   onChange: c,
-  placeholder: p,
-  register: d,
+  placeholder: d,
+  register: p,
   required: g,
   setValue: u,
   value: h
@@ -3959,11 +3959,11 @@ const z = V(function({
             max: o,
             min: l,
             onKeyDown: v,
-            placeholder: p,
+            placeholder: d,
             required: g,
             step: 10 ** -m,
             type: "number",
-            ...d == null ? void 0 : d(s, {
+            ...p == null ? void 0 : p(s, {
               required: g,
               maxLength: r,
               max: o,
@@ -4018,8 +4018,8 @@ const z = V(function({
   label: l,
   linkPosition: s,
   maxLength: c,
-  max: p,
-  min: d,
+  max: d,
+  min: p,
   name: g,
   onChange: u,
   placeholder: h,
@@ -4050,9 +4050,9 @@ const z = V(function({
         disabled: t,
         error: i,
         id: o,
-        max: p,
+        max: d,
         maxLength: c,
-        min: d,
+        min: p,
         name: g,
         onChange: u,
         placeholder: h,
@@ -4073,7 +4073,7 @@ const z = V(function({
   required: l,
   tooltip: s
 }) => {
-  const c = `${i}Max`, p = `${i}Min`;
+  const c = `${i}Max`, d = `${i}Min`;
   return /* @__PURE__ */ n(
     q,
     {
@@ -4098,7 +4098,7 @@ const z = V(function({
             ...r,
             disabled: e,
             error: t,
-            name: p
+            name: d
           }
         )
       ] })
@@ -4220,9 +4220,9 @@ const z = V(function({
   register: l,
   tooltip: s,
   value: c,
-  weight: p
+  weight: d
 }) => {
-  const d = j(), g = M(null), u = e ? void 0 : t, [h, x] = F(!1), [$, m] = F(""), { refs: w, floatingStyles: S } = Wt({
+  const p = j(), g = M(null), u = e ? void 0 : t, [h, x] = F(!1), [$, m] = F(""), { refs: w, floatingStyles: S } = Wt({
     placement: "bottom-start",
     whileElementsMounted: Bn
   }), { inputValue: I, handlePhoneValueChange: T, country: v, setCountry: L } = Hn({
@@ -4260,7 +4260,7 @@ const z = V(function({
       label: i,
       required: o,
       tooltip: s,
-      weight: p,
+      weight: d,
       children: /* @__PURE__ */ f(
         Na,
         {
@@ -4283,7 +4283,7 @@ const z = V(function({
                     z,
                     {
                       icon: "angle-down",
-                      iconColor: d.palette.gray[400],
+                      iconColor: p.palette.gray[400],
                       iconSize: "xs",
                       iconType: "fa-light"
                     }
@@ -4322,7 +4322,7 @@ const z = V(function({
                     {
                       icon: "exclamation-circle",
                       iconClass: "error-icon",
-                      iconColor: d.palette.error[500],
+                      iconColor: p.palette.error[500],
                       iconSize: "xs"
                     }
                   ) : void 0
@@ -4343,7 +4343,7 @@ const z = V(function({
                       /* @__PURE__ */ n(
                         C,
                         {
-                          color: d.palette.gray[400],
+                          color: p.palette.gray[400],
                           size: "sm",
                           sizeSm: "xs",
                           textAlign: "end",
@@ -4372,8 +4372,8 @@ const z = V(function({
   label: l,
   name: s = "input-text",
   id: c,
-  maskValue: p = !1,
-  maxLength: d,
+  maskValue: d = !1,
+  maxLength: p,
   placeholder: g,
   register: u,
   required: h,
@@ -4391,7 +4391,7 @@ const z = V(function({
       helpText: a,
       htmlFor: s,
       label: l,
-      maxLength: d,
+      maxLength: p,
       required: h,
       tooltip: $,
       value: I ? String(I) : void 0,
@@ -4410,11 +4410,11 @@ const z = V(function({
                 "aria-invalid": v ? "true" : "false",
                 "aria-label": s,
                 "aria-required": h,
-                className: p ? "sr-block" : "",
+                className: d ? "sr-block" : "",
                 "data-testid": `${s}-text-area`,
                 disabled: e,
                 id: c ?? s,
-                maxLength: d,
+                maxLength: p,
                 placeholder: g,
                 rows: x,
                 ...u == null ? void 0 : u(s, { required: h })
@@ -4453,13 +4453,13 @@ const z = V(function({
   minHeight: l,
   minWidth: s,
   name: c,
-  placeholder: p,
-  tooltip: d,
+  placeholder: d,
+  tooltip: p,
   title: g
 }) => {
   const u = Z(() => {
     if (r === "text")
-      return /* @__PURE__ */ n(Ut, { disabled: t, name: c, placeholder: p });
+      return /* @__PURE__ */ n(Ut, { disabled: t, name: c, placeholder: d });
     if (r === "date")
       return /* @__PURE__ */ n($a, { disabled: t, name: c });
     const { decimalPlaces: h, max: x, min: $ } = o ?? {};
@@ -4471,10 +4471,10 @@ const z = V(function({
         max: x,
         min: $,
         name: c,
-        placeholder: p
+        placeholder: d
       }
     );
-  }, [t, o, r, c, p]);
+  }, [t, o, r, c, d]);
   return /* @__PURE__ */ f(
     Zi,
     {
@@ -4488,7 +4488,7 @@ const z = V(function({
             description: e,
             id: i,
             title: g,
-            tooltip: d
+            tooltip: p
           }
         ),
         u
@@ -4568,38 +4568,41 @@ const z = V(function({
     }
   `}
 `, De = V(function({
-  disabled: t = !1,
-  label: i,
-  name: a,
-  onChange: r,
-  onClick: o,
-  onFocus: l,
-  onKeyDown: s,
-  value: c,
+  checked: t,
+  disabled: i = !1,
+  label: a,
+  name: r,
+  onChange: o,
+  onClick: l,
+  onFocus: s,
+  onKeyDown: c,
+  value: d,
   ...p
-}, d) {
-  return /* @__PURE__ */ f(Wa, { "aria-disabled": t, children: [
+}, g) {
+  return /* @__PURE__ */ f(Wa, { "aria-disabled": i, children: [
     /* @__PURE__ */ n(
       "input",
       {
-        "aria-disabled": t,
+        "aria-checked": t,
+        "aria-disabled": i,
         "aria-hidden": !1,
-        "aria-label": a,
-        disabled: t,
-        id: a,
-        name: a,
-        onChange: r,
-        onClick: o,
-        onFocus: l,
-        onKeyDown: s,
-        ref: d,
+        "aria-label": r,
+        checked: t,
+        disabled: i,
+        id: r,
+        name: r,
+        onChange: o,
+        onClick: l,
+        onFocus: s,
+        onKeyDown: c,
+        ref: g,
         type: "checkbox",
-        value: c,
+        value: d,
         ...p
       }
     ),
-    /* @__PURE__ */ n(z, { disabled: t, icon: "check", iconSize: "sm" }),
-    i ?? c
+    /* @__PURE__ */ n(z, { disabled: i, icon: "check", iconSize: "sm" }),
+    a ?? d
   ] });
 }), Ea = ({
   options: e,
@@ -4609,7 +4612,7 @@ const z = V(function({
   onChange: r
 }) => {
   const o = j(), [l, s] = F(a ?? !1), c = k(() => {
-    s((p) => !p);
+    s((d) => !d);
   }, []);
   return /* @__PURE__ */ f(
     y,
@@ -4647,7 +4650,7 @@ const z = V(function({
           }
         ),
         l ? /* @__PURE__ */ n(y, { display: "flex", gap: 0.75, wrap: "wrap", children: e.map(
-          (p) => /* @__PURE__ */ n(
+          (d) => /* @__PURE__ */ n(
             y,
             {
               border: "1px solid",
@@ -4658,16 +4661,16 @@ const z = V(function({
               children: /* @__PURE__ */ n(
                 De,
                 {
-                  checked: p.visible,
-                  disabled: p.locked,
-                  label: p.name,
-                  name: i,
+                  checked: d.visible,
+                  disabled: d.locked,
+                  label: d.name,
+                  name: `${i}-${d.name}`,
                   onChange: r,
-                  value: p.name
+                  value: d.name
                 }
               )
             },
-            p.name
+            d.name
           )
         ) }) : void 0
       ]
@@ -4719,17 +4722,17 @@ const z = V(function({
   const r = Z(
     () => [
       // locked -> visible -> hidden
-      ...t.filter(({ locked: d }) => d).map(({ locked: d, ...g }) => ({
+      ...t.filter(({ locked: p }) => p).map(({ locked: p, ...g }) => ({
         ...g,
         visible: !0,
-        locked: d
+        locked: p
       })),
-      ...t.filter(({ locked: d }) => !d).sort((d, g) => d.visible === g.visible ? 0 : d.visible ? -1 : 1)
+      ...t.filter(({ locked: p }) => !p).sort((p, g) => p.visible === g.visible ? 0 : p.visible ? -1 : 1)
     ],
     [t]
   ), [o, l] = F(r), s = k(
-    (d) => {
-      const g = d.filter(({ locked: $ }) => !$), h = [...d.filter(({ locked: $ }) => $), ...g], x = h.map(({ name: $ }) => $);
+    (p) => {
+      const g = p.filter(({ locked: $ }) => !$), h = [...p.filter(({ locked: $ }) => $), ...g], x = h.map(({ name: $ }) => $);
       l(($) => [
         ...h,
         ...$.filter(({ name: m }) => !x.includes(m))
@@ -4737,7 +4740,7 @@ const z = V(function({
     },
     [a]
   ), c = k(() => {
-    const d = o.map((g) => {
+    const p = o.map((g) => {
       var h;
       const u = (i == null ? void 0 : i.includes(g.id)) ?? !1;
       return (h = g.toggleVisibility) == null || h.call(g, u), {
@@ -4748,14 +4751,14 @@ const z = V(function({
       const h = (i == null ? void 0 : i.indexOf(g.id)) ?? 0, x = (i == null ? void 0 : i.indexOf(u.id)) ?? 0;
       return Number(u.visible) !== Number(g.visible) ? Number(u.visible) - Number(g.visible) : h - x;
     });
-    l(d), a == null || a(i);
-  }, [o, i, a]), p = Z(() => Vn(o, (d) => ((i == null ? void 0 : i.includes(d.id)) ?? !1) !== d.visible), [o, i]);
+    l(p), a == null || a(i);
+  }, [o, i, a]), d = Z(() => Vn(o, (p) => ((i == null ? void 0 : i.includes(p.id)) ?? !1) !== p.visible), [o, i]);
   return {
     setColumns: s,
     resetToDefault: c,
     columns: o,
     ...qe(e),
-    hasChanged: p
+    hasChanged: d
   };
 }, Ma = (e, t) => Z(
   () => B.debounce(e, t),
@@ -4871,7 +4874,7 @@ const z = V(function({
   onClick: l,
   value: s,
   ...c
-}, p) {
+}, d) {
   return /* @__PURE__ */ f(
     Ba,
     {
@@ -4890,7 +4893,7 @@ const z = V(function({
             name: r,
             onChange: o,
             onClick: l,
-            ref: p,
+            ref: d,
             type: "radio",
             value: s,
             ...c
@@ -5018,8 +5021,8 @@ const z = V(function({
   leftDescriptionMinWidth: l,
   rightDescription: s,
   ...c
-}, p) {
-  const d = t === !0 ? "on" : "off", g = typeof o == "object" && o.on && o.off ? o[d] : o, u = k(
+}, d) {
+  const p = t === !0 ? "on" : "off", g = typeof o == "object" && o.on && o.off ? o[p] : o, u = k(
     (h) => {
       h.stopPropagation();
     },
@@ -5045,7 +5048,7 @@ const z = V(function({
               checked: t === !0,
               disabled: i,
               name: r,
-              ref: p,
+              ref: d,
               type: "checkbox"
             }
           ),
@@ -5253,9 +5256,9 @@ const z = V(function({
   specific: i,
   variant: a = "normal"
 }) => {
-  const r = j(), [o, l] = F(!1), [s, c] = F(!0), p = k(() => {
+  const r = j(), [o, l] = F(!1), [s, c] = F(!0), d = k(() => {
     l((h) => !h);
-  }, [l]), d = k(() => {
+  }, [l]), p = k(() => {
     if (B.isNil(t) || B.isEmpty(t) || !B.isString(t))
       return c(!1), e;
     const h = t.split(`
@@ -5263,7 +5266,7 @@ const z = V(function({
     return h.length > 8 && !o ? `${[...h].splice(0, 7).join(`
 `)}
 ${h[8]}...` : (h.length < 8 && c(!1), t);
-  }, [o, t, e]), g = Z(d, [d]), u = k(async () => {
+  }, [o, t, e]), g = Z(p, [p]), u = k(async () => {
     await navigator.clipboard.writeText(g);
   }, [g]);
   return a === "location" ? /* @__PURE__ */ n(
@@ -5297,7 +5300,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               width: r.spacing[2.5]
             }
           ),
-          s ? /* @__PURE__ */ f(A, { onClick: p, variant: "ghost", children: [
+          s ? /* @__PURE__ */ f(A, { onClick: d, variant: "ghost", children: [
             o ? "Show Less" : "Show more",
             /* @__PURE__ */ n(
               z,
@@ -5623,9 +5626,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onClick: l,
   tooltip: s = "",
   variant: c = "primary",
-  tag: p
+  tag: d
 }) => {
-  const { pathname: d } = ci(), g = a || (c === "primary" ? d.includes(r) : d.endsWith(r));
+  const { pathname: p } = ci(), g = a || (c === "primary" ? p.includes(r) : p.endsWith(r));
   return /* @__PURE__ */ n(ie, { display: "flex", id: `${i}-tooltip`, tip: s, children: /* @__PURE__ */ f(cr, { $borderButton: g, $variant: c, children: [
     /* @__PURE__ */ f(di, { end: e, id: i, onClick: l, to: r, children: [
       t,
@@ -5640,7 +5643,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         }
       )
     ] }),
-    p === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: `${p}`, variant: "default" })
+    d === void 0 ? null : /* @__PURE__ */ n(oe, { tagLabel: `${d}`, variant: "default" })
   ] }) });
 }, Yt = ({
   items: e,
@@ -5672,8 +5675,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           id: l,
           isActive: s,
           link: c,
-          label: p,
-          notificationSign: d,
+          label: d,
+          notificationSign: p,
           onClick: g,
           tag: u,
           tooltip: h
@@ -5683,9 +5686,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             end: o,
             id: l,
             isActive: s,
-            label: p,
+            label: d,
             link: c,
-            notificationSign: d,
+            notificationSign: p,
             onClick: g,
             tag: u,
             tooltip: h,
@@ -5708,8 +5711,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     o == null || o(), a.close();
   }, [a, o]);
   return _(() => {
-    const c = (p) => {
-      p.key === "Escape" && s();
+    const c = (d) => {
+      d.key === "Escape" && s();
     };
     return window.addEventListener("keydown", c), () => {
       window.removeEventListener("keydown", c);
@@ -5880,8 +5883,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onClickIcon: l,
   onKeyDown: s,
   rightIcon: c,
-  selected: p = !1,
-  value: d,
+  selected: d = !1,
+  value: p,
   ...g
 }) => {
   const h = j().palette.gray[t ? 300 : 800], x = t ? St.map(e, ($) => zt($) ? dn($, {
@@ -5892,15 +5895,15 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     br,
     {
       "aria-disabled": t,
-      "aria-label": d,
-      "aria-selected": p,
-      "data-testid": d,
+      "aria-label": p,
+      "aria-selected": d,
+      "data-testid": p,
       onClick: o,
       onKeyDown: s,
-      value: d,
+      value: p,
       ...g,
       children: [
-        i !== void 0 || d !== void 0 ? /* @__PURE__ */ f(y, { alignItems: "center", display: "flex", gap: 0.625, children: [
+        i !== void 0 || p !== void 0 ? /* @__PURE__ */ f(y, { alignItems: "center", display: "flex", gap: 0.625, children: [
           i ? /* @__PURE__ */ n(
             z,
             {
@@ -5913,7 +5916,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           ) : null,
           r === void 0 ? x : /* @__PURE__ */ n(re, { href: r, children: x })
         ] }) : null,
-        p || c ? /* @__PURE__ */ n(
+        d || c ? /* @__PURE__ */ n(
           z,
           {
             disabled: t,
@@ -6103,8 +6106,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   value: r,
   ...o
 }, l) {
-  const s = j(), [c, p] = F(!1), { refs: d, floatingStyles: g } = Wt(), u = k(() => {
-    p(($) => !$);
+  const s = j(), [c, d] = F(!1), { refs: p, floatingStyles: g } = Wt(), u = k(() => {
+    d(($) => !$);
   }, []), h = k(
     ($) => {
       $.key === "Enter" && $.preventDefault();
@@ -6112,9 +6115,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     []
   );
   le(
-    d.floating.current,
+    p.floating.current,
     () => {
-      p(!1);
+      d(!1);
     },
     !0
   );
@@ -6164,11 +6167,11 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         iconSize: "xs",
         iconType: "fa-light",
         onClick: u,
-        ref: d.setReference,
+        ref: p.setReference,
         variant: "ghost"
       }
     ),
-    c ? /* @__PURE__ */ n(vr, { ref: d.setFloating, style: g, children: x }) : void 0
+    c ? /* @__PURE__ */ n(vr, { ref: p.setFloating, style: g, children: x }) : void 0
   ] }) : x;
 }), Cr = ({
   columns: e,
@@ -6176,13 +6179,13 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onChangeHandler: i,
   variant: a
 }) => {
-  const r = M(null), [o, l] = F([]), [s, c] = F(""), p = k(
+  const r = M(null), [o, l] = F([]), [s, c] = F(""), d = k(
     (g) => {
       const { value: u } = g.target;
       c(u);
     },
     []
-  ), d = k(() => {
+  ), p = k(() => {
     r.current && (r.current.reset(), c(""));
   }, [r]);
   return _(() => {
@@ -6201,6 +6204,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       flexDirection: "column",
       gap: 0.625,
       height: "100%",
+      id: "columns-buttons",
       py: 1.25,
       width: "55%",
       children: [
@@ -6208,8 +6212,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           ue,
           {
             name: "search",
-            onChange: p,
-            onClear: d,
+            onChange: d,
+            onClear: p,
             value: s
           }
         ) }),
@@ -6218,7 +6222,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           {
             "data-testid": t,
             id: t,
-            onReset: d,
+            onReset: p,
             style: {
               display: "flex",
               flexDirection: "column",
@@ -6244,13 +6248,13 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         )
       ]
     }
-  ) : /* @__PURE__ */ f(y, { height: "100%", py: 1.25, width: "55%", children: [
+  ) : /* @__PURE__ */ f(y, { height: "100%", id: "columns-buttons", py: 1.25, width: "55%", children: [
     /* @__PURE__ */ n("form", { id: "search-form", ref: r, children: /* @__PURE__ */ n(
       ue,
       {
         name: "search",
-        onChange: p,
-        onClear: d,
+        onChange: d,
+        onClear: p,
         value: s
       }
     ) }),
@@ -6259,7 +6263,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       {
         "data-testid": t,
         id: t,
-        onReset: d,
+        onReset: p,
         style: {
           paddingTop: "0.625rem"
         },
@@ -6304,7 +6308,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       i.setColumns(x);
     },
     [i]
-  ), p = k(
+  ), d = k(
     (g) => {
       const u = i.columns.map((h) => {
         var x;
@@ -6313,7 +6317,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       i.setColumns(u);
     },
     [i]
-  ), d = k(() => {
+  ), p = k(() => {
     var u;
     const g = (u = o.current) == null ? void 0 : u.scrollHeight;
     l !== g && s(g);
@@ -6353,7 +6357,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         {
           display: "flex",
           gap: 1.25,
-          onScroll: d,
+          onScroll: p,
           px: 1.25,
           ref: o,
           scroll: "y",
@@ -6380,7 +6384,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               {
                 description: "Click and drag to reorder the columns",
                 items: i.columns,
-                onClickClose: p,
+                onClickClose: d,
                 onReorder: i.setColumns,
                 title: "Reorder columns"
               }
@@ -6492,7 +6496,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       ),
       text: ""
     }
-  }), p = e.some((h) => h.type === "checkboxes"), d = k(
+  }), d = e.some((h) => h.type === "checkboxes"), p = k(
     (h) => {
       const { value: x } = h.target, $ = e.map((m) => {
         var w;
@@ -6528,7 +6532,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     ), c("text", (h = e.find((x) => x.type === "text")) == null ? void 0 : h.value);
   }, [e, c]);
   const u = /* @__PURE__ */ n(se, { $bgColor: "transparent", children: /* @__PURE__ */ f(ce, { $size: "fixed", flexDirection: "column", gap: 1.25, children: [
-    p && /* @__PURE__ */ n(ue, { onChange: d }),
+    d && /* @__PURE__ */ n(ue, { onChange: p }),
     /* @__PURE__ */ f("form", { id: i, onSubmit: s(g), children: [
       r.map((h) => {
         const x = `${h.type}-${h.value}`;
@@ -6548,7 +6552,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
 }) => {
   const a = j(), [r, o] = F(e), [l, s] = F(
     []
-  ), [c, p] = F({}), [d, g] = F(""), u = k(
+  ), [c, d] = F({}), [p, g] = F(""), u = k(
     ($) => () => {
       const m = r.find((w) => w.label === $);
       g($), s((m == null ? void 0 : m.filterOptions) ?? []);
@@ -6560,8 +6564,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         ...$.checkbox,
         ...$.text ? [$.text] : []
       ];
-      p(
-        (v) => m.length > 0 ? { ...v, [d]: m } : v
+      d(
+        (v) => m.length > 0 ? { ...v, [p]: m } : v
       );
       const w = (v) => {
         var L;
@@ -6571,9 +6575,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             ...H,
             checked: $.checkbox.includes(H.value)
           })),
-          value: v.label === d ? $.text : v.value
+          value: v.label === p ? $.text : v.value
         };
-      }, S = (v) => v.label === d ? {
+      }, S = (v) => v.label === p ? {
         ...v,
         filterOptions: v.filterOptions.map(w)
       } : v, I = r.map(S);
@@ -6583,7 +6587,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       );
       i(T), s([]);
     },
-    [r, i, d]
+    [r, i, p]
   ), x = k(
     ($, m) => {
       const w = `li-filter-option-${$}`;
@@ -6618,7 +6622,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       },
       {}
     );
-    p($);
+    d($);
   }, [e]), t === "grouped" ? /* @__PURE__ */ f(y, { flexGrow: 1, position: "relative", zIndex: 80, children: [
     Object.entries(qt(e)).map(
       ([$, m]) => /* @__PURE__ */ f(y, { width: "100%", children: [
@@ -6803,17 +6807,17 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
 }) => {
   const r = qe("filters-modal"), [o, l] = F([]);
   _(() => {
-    const p = localStorage.getItem(t);
-    p && l(JSON.parse(p));
+    const d = localStorage.getItem(t);
+    d && l(JSON.parse(d));
   }, [t]);
-  const s = i.map((p) => ({
-    ...p,
-    filterOptions: p.filterOptions.map((d) => o.find(
-      (u) => u.key === d.key && u.type === d.type
-    ) ?? { ...d })
+  const s = i.map((d) => ({
+    ...d,
+    filterOptions: d.filterOptions.map((p) => o.find(
+      (u) => u.key === p.key && u.type === p.type
+    ) ?? { ...p })
   })), c = k(
-    (p) => {
-      l([...p]), localStorage.setItem(t, JSON.stringify(p));
+    (d) => {
+      l([...d]), localStorage.setItem(t, JSON.stringify(d));
     },
     [l, t]
   );
@@ -6858,8 +6862,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   description: l = "",
   modalRef: s,
   otherActions: c = void 0,
-  onClose: p = void 0,
-  tabItems: d,
+  onClose: d = void 0,
+  tabItems: p,
   title: g = "",
   size: u,
   id: h = "modal-container"
@@ -6883,9 +6887,9 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               {
                 description: l,
                 modalRef: s,
-                onClose: p,
+                onClose: d,
                 otherActions: c,
-                tabItems: d,
+                tabItems: p,
                 title: g
               }
             ),
@@ -6914,23 +6918,23 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   ) : s.isOpen ? x() : null;
 }, Ol = () => {
   const [e, t] = F(!1), [i, a] = F(), r = M(null), o = qe("confirm-dialog-modal"), l = k(
-    async (d) => (a(d), t(!0), new Promise((g) => {
+    async (p) => (a(p), t(!0), new Promise((g) => {
       r.current = g;
     })),
     []
   ), s = k(() => {
-    var d;
-    t(!1), a(void 0), (d = r.current) == null || d.call(r, !0);
+    var p;
+    t(!1), a(void 0), (p = r.current) == null || p.call(r, !0);
   }, []), c = k(() => {
-    var d;
-    t(!1), a(void 0), (d = r.current) == null || d.call(r, !1);
+    var p;
+    t(!1), a(void 0), (p = r.current) == null || p.call(r, !1);
   }, []);
   return _(() => {
     o.setIsOpen(e);
-  }, [e, o]), { ConfirmDialog: ({ id: d = "confirm-dialog-modal", children: g }) => /* @__PURE__ */ n(
+  }, [e, o]), { ConfirmDialog: ({ id: p = "confirm-dialog-modal", children: g }) => /* @__PURE__ */ n(
     Nr,
     {
-      id: d,
+      id: p,
       modalRef: { ...o, close: c },
       size: "sm",
       title: i == null ? void 0 : i.title,
@@ -7205,14 +7209,14 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   mode: l = "light",
   publishDate: s,
   readingTime: c,
-  tag: p,
-  tagPosition: d = "top",
+  tag: d,
+  tagPosition: p = "top",
   title: g
 }) => {
   const u = j(), h = s == null ? void 0 : s.split("-"), x = l === "dark", $ = /* @__PURE__ */ f(Lr, { "data-testid": `content-card-${g}`, children: [
-    o || a || p && d === "top" ? /* @__PURE__ */ f(y, { id: "card-image", position: "relative", children: [
+    o || a || d && p === "top" ? /* @__PURE__ */ f(y, { id: "card-image", position: "relative", children: [
       o && /* @__PURE__ */ n(ee, { publicId: o }),
-      d === "top" && /* @__PURE__ */ n($t, { tag: p, tagPosition: d }),
+      p === "top" && /* @__PURE__ */ n($t, { tag: d, tagPosition: p }),
       /* @__PURE__ */ n(Fr, { eventDate: a })
     ] }) : void 0,
     /* @__PURE__ */ f(
@@ -7224,7 +7228,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
         gap: 0.5,
         id: "card-content",
         children: [
-          d === "bottom" && /* @__PURE__ */ n($t, { tag: p, tagPosition: d }),
+          p === "bottom" && /* @__PURE__ */ n($t, { tag: d, tagPosition: p }),
           e || h || c ? /* @__PURE__ */ f(y, { display: "flex", justify: "space-between", width: "100%", children: [
             e && h && /* @__PURE__ */ n(
               C,
@@ -7480,14 +7484,14 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onSubmit: l,
   showButtons: s = !0,
   submitLabel: c,
-  submitDisabled: p = !1,
-  yupSchema: d,
+  submitDisabled: d = !1,
+  yupSchema: p,
   ...g
 }) => {
   const u = j(), h = Ve({
     ...g,
     mode: r ?? "all",
-    resolver: d ? Xn(d) : void 0
+    resolver: p ? Xn(p) : void 0
   }), {
     control: x,
     getValues: $,
@@ -7561,7 +7565,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             /* @__PURE__ */ n(
               A,
               {
-                disabled: p,
+                disabled: d,
                 id: a,
                 justify: "center",
                 type: "submit",
@@ -7679,15 +7683,15 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   title: l,
   variant: s
 }) => {
-  const c = j(), [p, d] = F(t), [g, u] = F(""), h = k(
+  const c = j(), [d, p] = F(t), [g, u] = F(""), h = k(
     (m) => {
-      d(
+      p(
         (w) => w.filter(
           (S) => String(S.name).toLowerCase().includes(m.toLocaleLowerCase())
         )
       );
     },
-    [d]
+    [p]
   ), x = k(
     (m) => {
       m.currentTarget && (u(m.currentTarget.value), h(m.currentTarget.value));
@@ -7695,7 +7699,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     [u, h]
   );
   return _(() => {
-    d(t), h(g);
+    p(t), h(g);
   }, [t, h, g]), e ? Q(/* @__PURE__ */ n(
     y,
     {
@@ -7713,7 +7717,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
           left: "0",
           top: "0",
           width: "100%",
-          children: /* @__PURE__ */ f(Br, { $itemsLength: p.length, children: [
+          children: /* @__PURE__ */ f(Br, { $itemsLength: d.length, children: [
             /* @__PURE__ */ f(
               y,
               {
@@ -7768,7 +7772,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                     ),
                     /* @__PURE__ */ n(C, { color: c.palette.gray[400], size: "sm", children: "New organization" })
                   ] }) }) : void 0,
-                  p.map(
+                  d.map(
                     (m) => /* @__PURE__ */ n(
                       Hr,
                       {
@@ -7797,10 +7801,10 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   tooltipId: l,
   tooltipTip: s,
   tooltipPlace: c = "bottom",
-  variant: p = "centered",
-  width: d = "318px"
+  variant: d = "centered",
+  width: p = "318px"
 }) => {
-  const g = j(), u = p === "centered", h = /* @__PURE__ */ n(
+  const g = j(), u = d === "centered", h = /* @__PURE__ */ n(
     ie,
     {
       icon: r ?? i,
@@ -7823,7 +7827,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       height: t,
       justify: "center",
       padding: [1.25, 1.25, 1.25, 1.25],
-      width: d,
+      width: p,
       children: [
         /* @__PURE__ */ f(y, { alignItems: "center", display: "flex", gap: 0.5, children: [
           u || P.isUndefined(i) ? void 0 : h,
@@ -7895,7 +7899,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                 i
               ] }),
               e && /* @__PURE__ */ n(y, { display: "flex", gap: 0.25, children: e.map(
-                ({ icon: s, onClick: c }, p) => /* @__PURE__ */ n(
+                ({ icon: s, onClick: c }, d) => /* @__PURE__ */ n(
                   K,
                   {
                     icon: s ?? "paper-plane",
@@ -7905,7 +7909,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                     onClick: c,
                     variant: "ghost"
                   },
-                  `${p}-${s}`
+                  `${d}-${s}`
                 )
               ) })
             ]
@@ -7935,16 +7939,16 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             px: 1.25,
             py: 1,
             children: o.map(
-              ({ icon: s, text: c, onClick: p }, d) => /* @__PURE__ */ n(
+              ({ icon: s, text: c, onClick: d }, p) => /* @__PURE__ */ n(
                 A,
                 {
                   icon: s,
-                  onClick: p,
-                  variant: d === 0 ? "primary" : "tertiary",
+                  onClick: d,
+                  variant: p === 0 ? "primary" : "tertiary",
                   width: "100%",
                   children: c
                 },
-                `${d}-${c}`
+                `${p}-${c}`
               )
             )
           }
@@ -8596,7 +8600,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   userInfo: r,
   setVisibility: o
 }) => {
-  const l = j(), { userName: s, email: c, phone: p, userRole: d } = r;
+  const l = j(), { userName: s, email: c, phone: d, userRole: p } = r;
   return le(a, () => {
     o(!1);
   }), /* @__PURE__ */ f(yr, { children: [
@@ -8619,11 +8623,11 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
               }
             ),
             /* @__PURE__ */ n(C, { color: l.palette.gray[400], size: "sm", children: c }),
-            P.isUndefined(p) ? void 0 : /* @__PURE__ */ n(C, { color: l.palette.gray[400], size: "sm", children: p })
+            P.isUndefined(d) ? void 0 : /* @__PURE__ */ n(C, { color: l.palette.gray[400], size: "sm", children: d })
           ]
         }
       ),
-      /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n(oe, { tagLabel: d, variant: "role" }) })
+      /* @__PURE__ */ n(y, { children: /* @__PURE__ */ n(oe, { tagLabel: p, variant: "role" }) })
     ] }) }),
     /* @__PURE__ */ n(ge, {}),
     e,
@@ -8663,8 +8667,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   onClose: o,
   buttonSide: l = "end"
 }) => {
-  const s = j(), [c, p] = F(!0), d = k(() => {
-    p(!1), o == null || o();
+  const s = j(), [c, d] = F(!0), p = k(() => {
+    d(!1), o == null || o();
   }, [o]), g = /* @__PURE__ */ f(uo, { onClick: t, children: [
     /* @__PURE__ */ n(
       C,
@@ -8710,7 +8714,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
             iconColor: s.palette.white,
             iconSize: "xs",
             iconType: "fa-light",
-            onClick: d
+            onClick: p
           }
         )
       ]
@@ -8726,7 +8730,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     defaultValues: {
       checkbox: e.filter((u) => u.checked).map((u) => u.value)
     }
-  }), p = k(
+  }), d = k(
     (u) => {
       const { value: h } = u.target;
       o(
@@ -8739,7 +8743,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       );
     },
     [e]
-  ), d = k(
+  ), p = k(
     (u) => {
       t && t(u.checkbox);
     },
@@ -8752,12 +8756,12 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
     );
   }, [e, c]);
   const g = /* @__PURE__ */ n(se, { $bgColor: "transparent", children: /* @__PURE__ */ f(ce, { $size: "fixed", flexDirection: "column", gap: 1.25, children: [
-    /* @__PURE__ */ n(ue, { onChange: p }),
+    /* @__PURE__ */ n(ue, { onChange: d }),
     /* @__PURE__ */ f(
       "form",
       {
         id: i,
-        onSubmit: s(d),
+        onSubmit: s(p),
         style: { overflowY: "auto" },
         children: [
           r.map((u) => {
@@ -8922,8 +8926,8 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   name: l,
   onEnter: s,
   tooltipMessage: c,
-  ...p
-}, d) {
+  ...d
+}, p) {
   const g = i < 0 ? 0 : i, [u, h] = F(Number(a).toFixed(g)), x = k(
     (w) => {
       const S = P.toNumber(w.target.value);
@@ -8944,7 +8948,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   return /* @__PURE__ */ n(yo, { onBlur: $, tabIndex: -1, children: /* @__PURE__ */ n(ie, { id: "numberInputTooltip", tip: c, children: /* @__PURE__ */ n(
     $o,
     {
-      ...p,
+      ...d,
       "aria-label": l,
       "aria-valuemax": Number(r),
       "aria-valuemin": Number(o),
@@ -8954,7 +8958,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       name: l,
       onChange: x,
       onKeyUp: m,
-      ref: d,
+      ref: p,
       step: 10 ** -g,
       type: "number",
       value: u
@@ -9032,15 +9036,15 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
   manualOption: r,
   providers: o
 }) => {
-  const l = j(), [s, c] = F(!1), p = M(null);
+  const l = j(), [s, c] = F(!1), d = M(null);
   le(
-    p.current,
+    d.current,
     () => {
       c(!1);
     },
     !0
   );
-  const d = k(
+  const p = k(
     (h) => {
       r == null || r.onClick(h), c(!1);
     },
@@ -9061,7 +9065,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
       display: "flex",
       flexDirection: "column",
       position: "relative",
-      ref: p,
+      ref: d,
       width: "max-content",
       zIndex: 10,
       children: [
@@ -9102,7 +9106,7 @@ ${h[8]}...` : (h.length < 8 && c(!1), t);
                 {
                   icon: "square-plus",
                   label: r.label ?? "Add manually",
-                  onClick: d
+                  onClick: p
                 }
               ),
               i
@@ -9326,8 +9330,8 @@ const ko = {
   description: l,
   highlightDescription: s = "",
   image: c,
-  maxWidth: p,
-  title: d,
+  maxWidth: d,
+  title: p,
   titleColor: g
 }) => {
   const u = j(), { alt: h, src: x, width: $ = "77px", height: m = "77px" } = c, w = k(() => {
@@ -9338,7 +9342,7 @@ const ko = {
     y,
     {
       alignItems: "center",
-      "aria-label": d,
+      "aria-label": p,
       "aria-modal": "true",
       bgColor: i ? "rgba(52, 64, 84, 70%)" : "",
       display: "flex",
@@ -9357,7 +9361,7 @@ const ko = {
           borderRadius: "8px",
           display: "inline-flex",
           flexDirection: "column",
-          maxWidth: p,
+          maxWidth: d,
           pb: 2.5,
           pl: 2.5,
           pr: 2.5,
@@ -9400,7 +9404,7 @@ const ko = {
                             lineSpacing: 2.5,
                             size: "lg",
                             textAlign: "center",
-                            children: d
+                            children: p
                           }
                         ),
                         /* @__PURE__ */ n(
@@ -9650,7 +9654,7 @@ const ko = {
       width: "40px",
       children: /* @__PURE__ */ n(C, { ml: 0.5, mr: s ? 0.5 : 0, size: "sm", children: `${t}%` })
     }
-  ) : null, p = /* @__PURE__ */ n(
+  ) : null, d = /* @__PURE__ */ n(
     To,
     {
       $minWidth: e,
@@ -9680,7 +9684,7 @@ const ko = {
       minWidth: s ? `${e + 43}px` : void 0,
       textAlign: "end",
       children: [
-        p,
+        d,
         c
       ]
     }
@@ -10016,7 +10020,7 @@ const ko = {
   refine: i,
   query: a
 }) => {
-  const [r, o] = F(a), [l, s] = F(!1), c = M(null), p = M(null), d = r.length >= 2, g = k(
+  const [r, o] = F(a), [l, s] = F(!1), c = M(null), d = M(null), p = r.length >= 2, g = k(
     (w) => {
       o(w), i(w);
     },
@@ -10032,12 +10036,12 @@ const ko = {
     [g]
   ), $ = k(
     (w) => {
-      w.preventDefault(), w.stopPropagation(), u(), p.current && p.current.focus();
+      w.preventDefault(), w.stopPropagation(), u(), d.current && d.current.focus();
     },
     [u]
   ), m = k(
     (w) => {
-      w.preventDefault(), w.stopPropagation(), p.current && p.current.blur();
+      w.preventDefault(), w.stopPropagation(), d.current && d.current.blur();
     },
     []
   );
@@ -10076,14 +10080,14 @@ const ko = {
                 onChange: x,
                 onFocus: h,
                 placeholder: t,
-                ref: p,
+                ref: d,
                 spellCheck: !1,
                 type: "search",
                 value: r
               }
             )
           ] }),
-          d && /* @__PURE__ */ n(Mo, { type: "reset", children: /* @__PURE__ */ n(z, { icon: "xmark", iconSize: "sm", iconType: "fa-light" }) })
+          p && /* @__PURE__ */ n(Mo, { type: "reset", children: /* @__PURE__ */ n(z, { icon: "xmark", iconSize: "sm", iconType: "fa-light" }) })
         ]
       }
     ),
@@ -10128,7 +10132,7 @@ const ko = {
         }
       )
     ] }),
-    d && e.length > 0 && /* @__PURE__ */ f(We, { $showHits: d, children: [
+    p && e.length > 0 && /* @__PURE__ */ f(We, { $showHits: p, children: [
       /* @__PURE__ */ n(
         C,
         {
@@ -10142,7 +10146,7 @@ const ko = {
       ),
       /* @__PURE__ */ n("div", { className: "flex flex-col items-start self-stretch", children: e.map((w) => /* @__PURE__ */ n(Ee, { hit: w }, w.objectID)) })
     ] }),
-    d && e.length === 0 && /* @__PURE__ */ n(We, { $empty: e.length === 0, children: /* @__PURE__ */ f("div", { className: "items-center	flex flex-col	gap-4 py-[90px] w-full", children: [
+    p && e.length === 0 && /* @__PURE__ */ n(We, { $empty: e.length === 0, children: /* @__PURE__ */ f("div", { className: "items-center	flex flex-col	gap-4 py-[90px] w-full", children: [
       /* @__PURE__ */ n(
         ee,
         {
@@ -10421,9 +10425,9 @@ const ko = {
   primaryOnClick: l,
   secondaryButtonText: s,
   secondaryOnClick: c,
-  title: p
+  title: d
 }) => {
-  const d = j(), g = M(null), u = k(
+  const p = j(), g = M(null), u = k(
     (h) => () => {
       h(), r();
     },
@@ -10462,9 +10466,9 @@ const ko = {
           y,
           {
             alignItems: "center",
-            bgColor: d.palette.white,
+            bgColor: p.palette.white,
             borderBottom: "1px solid",
-            borderColor: d.palette.gray[200],
+            borderColor: p.palette.gray[200],
             display: "flex",
             gap: 1.25,
             justify: "space-between",
@@ -10476,18 +10480,18 @@ const ko = {
               /* @__PURE__ */ n(
                 C,
                 {
-                  color: d.palette.black,
+                  color: p.palette.black,
                   display: "inline",
                   fontWeight: "bold",
                   size: "xl",
-                  children: p
+                  children: d
                 }
               ),
               /* @__PURE__ */ n(
                 K,
                 {
                   icon: "close",
-                  iconColor: d.palette.gray[400],
+                  iconColor: p.palette.gray[400],
                   iconSize: "xs",
                   iconTransform: "grow-4",
                   iconType: "fa-light",
@@ -10537,8 +10541,8 @@ const ko = {
                 y,
                 {
                   alignItems: "center",
-                  bgColor: d.palette.white,
-                  borderColor: d.palette.gray[200],
+                  bgColor: p.palette.white,
+                  borderColor: p.palette.gray[200],
                   borderTop: "1px solid",
                   bottom: "0",
                   display: "flex",
@@ -10552,7 +10556,7 @@ const ko = {
                     s === void 0 ? void 0 : /* @__PURE__ */ n(
                       A,
                       {
-                        color: `${d.palette.primary[500]} !important`,
+                        color: `${p.palette.primary[500]} !important`,
                         onClick: c,
                         pl: 0.5,
                         pr: 0.5,
@@ -10658,16 +10662,16 @@ const ko = {
   );
   return /* @__PURE__ */ n("div", { ...o, className: `thumb ${s ? "dragging" : ""}`, children: /* @__PURE__ */ n(ni, { children: /* @__PURE__ */ n("input", { ...l, "aria-label": a, ref: r }) }) });
 }, Xo = (e, t, i) => Math.round((i - e) / (t - e) * 100), Ss = (e) => {
-  const t = j(), i = M(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, p = ii(), d = ai({
+  const t = j(), i = M(null), { label: a, minValue: r = 0, maxValue: o = 100, name: l, setValue: s, watch: c } = e, d = ii(), p = ai({
     ...e,
-    numberFormatter: p,
+    numberFormatter: d,
     onChange(x) {
       s == null || s(l, x);
     },
     value: c == null ? void 0 : c(l)
-  }), g = Xo(r, o, d.getThumbValue(0)), { groupProps: u, trackProps: h } = ri(
+  }), g = Xo(r, o, p.getThumbValue(0)), { groupProps: u, trackProps: h } = ri(
     { ...e, "aria-label": l, id: l },
-    d,
+    p,
     i
   );
   return /* @__PURE__ */ n(q, { htmlFor: l, label: a, children: /* @__PURE__ */ f(
@@ -10691,20 +10695,20 @@ const ko = {
                 "div",
                 {
                   ...h,
-                  className: `track ${d.isDisabled ? "disabled" : ""}`,
+                  className: `track ${p.isDisabled ? "disabled" : ""}`,
                   ref: i,
-                  children: /* @__PURE__ */ n(qo, { index: 0, name: l, state: d, trackRef: i })
+                  children: /* @__PURE__ */ n(qo, { index: 0, name: l, state: p, trackRef: i })
                 }
               ),
               /* @__PURE__ */ f(Ko, { children: [
-                /* @__PURE__ */ n("p", { children: `${p.format(r)} (Low)` }),
+                /* @__PURE__ */ n("p", { children: `${d.format(r)} (Low)` }),
                 r < 0 && /* @__PURE__ */ n("p", { children: "0" }),
-                /* @__PURE__ */ n("p", { children: `${p.format(o)} (High)` })
+                /* @__PURE__ */ n("p", { children: `${d.format(o)} (High)` })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ n(Yo, { children: /* @__PURE__ */ n(C, { color: t.palette.gray[800], size: "sm", textAlign: "right", children: d.getThumbValueLabel(0) }) })
+        /* @__PURE__ */ n(Yo, { children: /* @__PURE__ */ n(C, { color: t.palette.gray[800], size: "sm", textAlign: "right", children: p.getThumbValueLabel(0) }) })
       ]
     }
   ) });
@@ -10797,13 +10801,13 @@ const ko = {
   steps: r
 }) => {
   const [o, l] = F(1), s = k(
-    (c, p) => () => {
-      l((d) => d + c), p == null || p();
+    (c, d) => () => {
+      l((p) => p + c), d == null || d();
     },
     []
   );
-  return /* @__PURE__ */ n(Jo, { children: r.map((c, p) => {
-    const { content: d, title: g, nextAction: u, previousAction: h } = c, x = p + 1, $ = x === o ? "current" : "disabled", m = x < o ? "completed" : $;
+  return /* @__PURE__ */ n(Jo, { children: r.map((c, d) => {
+    const { content: p, title: g, nextAction: u, previousAction: h } = c, x = d + 1, $ = x === o ? "current" : "disabled", m = x < o ? "completed" : $;
     return /* @__PURE__ */ f(Qo, { children: [
       /* @__PURE__ */ n(y, { maxWidth: "40px", position: "relative", children: /* @__PURE__ */ n(tl, { $variant: m, children: m === "completed" ? /* @__PURE__ */ n(z, { icon: "check", iconSize: "xs", iconType: "fa-solid" }) : x }) }),
       /* @__PURE__ */ f(y, { ml: 1.5, width: "100%", children: [
@@ -10818,7 +10822,7 @@ const ko = {
           }
         ),
         m === "current" && /* @__PURE__ */ f(y, { children: [
-          d,
+          p,
           /* @__PURE__ */ f(el, { children: [
             o > 1 && /* @__PURE__ */ n(
               A,
@@ -10911,7 +10915,7 @@ const ko = {
   type: l = "button",
   variant: s
 }) => {
-  const c = j(), p = /* @__PURE__ */ f(
+  const c = j(), d = /* @__PURE__ */ f(
     nl,
     {
       "aria-label": r ?? void 0,
@@ -10935,7 +10939,7 @@ const ko = {
     }
   );
   return /* @__PURE__ */ f(y, { alignItems: "center", display: "flex", children: [
-    p,
+    d,
     a && /* @__PURE__ */ n(C, { color: c.palette.gray[800], ml: 0.5, size: "sm", children: a })
   ] });
 }, Ts = ({ items: e }) => /* @__PURE__ */ n(lr, { children: e.map(
@@ -11232,10 +11236,10 @@ const ko = {
 }, Fs = ({ run: e, steps: t, onFinish: i }) => {
   const [a, r] = F(e), [o, l] = F(0), s = k(
     (c) => {
-      const { action: p, index: d, status: g, type: u } = c;
+      const { action: d, index: p, status: g, type: u } = c;
       [rt.STEP_AFTER, rt.TARGET_NOT_FOUND].includes(
         u
-      ) ? l(d + (p === oi.PREV ? -1 : 1)) : ([ot.FINISHED, ot.SKIPPED].includes(g) || p === "close") && (r(!1), P.isUndefined(i) || i());
+      ) ? l(p + (d === oi.PREV ? -1 : 1)) : ([ot.FINISHED, ot.SKIPPED].includes(g) || d === "close") && (r(!1), P.isUndefined(i) || i());
     },
     [i]
   );