@dhasdk/simple-ui 1.0.11 → 1.0.13

package/index.mjs

@@ -1,6 +1,6 @@
 import { jsxs as L, jsx as s, Fragment as oe } from "react/jsx-runtime";
 import * as ne from "react";
-import r2, { forwardRef as ee, useState as I, useEffect as Z, Children as Ue, isValidElement as be, cloneElement as _e, useRef as X, useMemo as Oe, useImperativeHandle as n2, useCallback as Me, createContext as C2, useContext as y2 } from "react";
+import r2, { forwardRef as ee, useState as H, useEffect as Z, Children as Ue, isValidElement as be, cloneElement as _e, useRef as X, useMemo as Oe, useImperativeHandle as n2, useCallback as Me, createContext as C2, useContext as y2 } from "react";
 import { useLocation as k2, Link as $e, NavLink as N2 } from "react-router-dom";
 const Re = "-", M2 = (e) => {
   const t = $2(e), {
@@ -109,25 +109,25 @@ const Re = "-", M2 = (e) => {
   let r = (a) => {
     const l = [];
     let o = 0, c = 0, i = 0, m;
-    for (let x = 0; x < a.length; x++) {
-      let M = a[x];
+    for (let h = 0; h < a.length; h++) {
+      let _ = a[h];
       if (o === 0 && c === 0) {
-        if (M === je) {
-          l.push(a.slice(i, x)), i = x + S2;
+        if (_ === je) {
+          l.push(a.slice(i, h)), i = h + S2;
           continue;
         }
-        if (M === "/") {
-          m = x;
+        if (_ === "/") {
+          m = h;
           continue;
         }
       }
-      M === "[" ? o++ : M === "]" ? o-- : M === "(" ? c++ : M === ")" && c--;
+      _ === "[" ? o++ : _ === "]" ? o-- : _ === "(" ? c++ : _ === ")" && c--;
     }
-    const b = l.length === 0 ? a : a.substring(i), p = z2(b), u = p !== b, C = m && m > i ? m - i : void 0;
+    const b = l.length === 0 ? a : a.substring(i), x = z2(b), u = x !== b, C = m && m > i ? m - i : void 0;
     return {
       modifiers: l,
       hasImportantModifier: u,
-      baseClassName: p,
+      baseClassName: x,
       maybePostfixModifierPosition: C
     };
   };
@@ -175,36 +175,36 @@ const Re = "-", M2 = (e) => {
   let i = "";
   for (let m = c.length - 1; m >= 0; m -= 1) {
     const b = c[m], {
-      isExternal: p,
+      isExternal: x,
       modifiers: u,
       hasImportantModifier: C,
-      baseClassName: x,
-      maybePostfixModifierPosition: M
+      baseClassName: h,
+      maybePostfixModifierPosition: _
     } = n(b);
-    if (p) {
+    if (x) {
       i = b + (i.length > 0 ? " " + i : i);
       continue;
     }
-    let $ = !!M, y = r($ ? x.substring(0, M) : x);
+    let $ = !!_, y = r($ ? h.substring(0, _) : h);
     if (!y) {
       if (!$) {
         i = b + (i.length > 0 ? " " + i : i);
         continue;
       }
-      if (y = r(x), !y) {
+      if (y = r(h), !y) {
         i = b + (i.length > 0 ? " " + i : i);
         continue;
       }
       $ = !1;
     }
-    const g = l(u).join(":"), _ = C ? g + Te : g, O = _ + y;
-    if (o.includes(O))
+    const g = l(u).join(":"), M = C ? g + Te : g, A = M + y;
+    if (o.includes(A))
       continue;
-    o.push(O);
-    const H = a(y, $);
-    for (let j = 0; j < H.length; ++j) {
-      const B = H[j];
-      o.push(_ + B);
+    o.push(A);
+    const I = a(y, $);
+    for (let E = 0; E < I.length; ++E) {
+      const B = I[E];
+      o.push(M + B);
     }
     i = b + (i.length > 0 ? " " + i : i);
   }
@@ -227,7 +227,7 @@ const a2 = (e) => {
 function E2(e, ...t) {
   let n, r, a, l = o;
   function o(i) {
-    const m = t.reduce((b, p) => p(b), e());
+    const m = t.reduce((b, x) => x(b), e());
     return n = H2(m), r = n.cache.get, a = n.cache.set, l = c, c(i);
   }
   function c(i) {
@@ -256,7 +256,7 @@ const J = (e) => {
   const r = i2.exec(e);
   return r ? r[1] ? t(r[1]) : n : !1;
 }, d2 = (e) => e === "position" || e === "percentage", m2 = (e) => e === "image" || e === "url", u2 = (e) => e === "length" || e === "size" || e === "bg-size", g2 = (e) => e === "length", t0 = (e) => e === "number", s0 = (e) => e === "family-name", f2 = (e) => e === "shadow", r0 = () => {
-  const e = J("color"), t = J("font"), n = J("text"), r = J("font-weight"), a = J("tracking"), l = J("leading"), o = J("breakpoint"), c = J("container"), i = J("spacing"), m = J("radius"), b = J("shadow"), p = J("inset-shadow"), u = J("text-shadow"), C = J("drop-shadow"), x = J("blur"), M = J("perspective"), $ = J("aspect"), y = J("ease"), g = J("animate"), _ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], O = () => [
+  const e = J("color"), t = J("font"), n = J("text"), r = J("font-weight"), a = J("tracking"), l = J("leading"), o = J("breakpoint"), c = J("container"), i = J("spacing"), m = J("radius"), b = J("shadow"), x = J("inset-shadow"), u = J("text-shadow"), C = J("drop-shadow"), h = J("blur"), _ = J("perspective"), $ = J("aspect"), y = J("ease"), g = J("animate"), M = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -274,11 +274,11 @@ const J = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], H = () => [...O(), V, S], j = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], k = () => [V, S, i], U = () => [ue, "full", "auto", ...k()], D = () => [ce, "none", "subgrid", V, S], h = () => ["auto", {
+  ], I = () => [...A(), V, S], E = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", "contain", "none"], k = () => [V, S, i], U = () => [ue, "full", "auto", ...k()], D = () => [ce, "none", "subgrid", V, S], p = () => ["auto", {
     span: ["full", ce, V, S]
-  }, ce, V, S], A = () => [ce, "auto", V, S], F = () => ["auto", "min", "max", "fr", V, S], z = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], w = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], v = () => ["auto", ...k()], N = () => [ue, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], d = () => [e, V, S], E = () => [...O(), Pe, Ye, {
+  }, ce, V, S], O = () => [ce, "auto", V, S], F = () => ["auto", "min", "max", "fr", V, S], z = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], w = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], v = () => ["auto", ...k()], N = () => [ue, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], d = () => [e, V, S], T = () => [...A(), Pe, Ye, {
     position: [V, S]
-  }], T = () => ["no-repeat", {
+  }], j = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], G = () => ["auto", "cover", "contain", Q2, q2, {
     size: [V, S]
@@ -294,7 +294,7 @@ const J = (e) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    x,
+    h,
     V,
     S
   ], te = () => ["none", R, V, S], q = () => ["none", R, V, S], se = () => [R, V, S], re = () => [ue, "full", ...k()];
@@ -350,14 +350,14 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": _()
+        "break-after": M()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": _()
+        "break-before": M()
       }],
       /**
        * Break Inside
@@ -421,28 +421,28 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: H()
+        object: I()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: j()
+        overflow: E()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": j()
+        "overflow-x": E()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": j()
+        "overflow-y": E()
       }],
       /**
        * Overscroll Behavior
@@ -609,21 +609,21 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: h()
+        col: p()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": A()
+        "col-start": O()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": A()
+        "col-end": O()
       }],
       /**
        * Grid Template Rows
@@ -637,21 +637,21 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: h()
+        row: p()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": A()
+        "row-start": O()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": A()
+        "row-end": O()
       }],
       /**
        * Grid Auto Flow
@@ -1249,14 +1249,14 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: E()
+        bg: T()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: T()
+        bg: j()
       }],
       /**
        * Background Size
@@ -1663,7 +1663,7 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", p, ve, we]
+        "inset-shadow": ["none", x, ve, we]
       }],
       /**
        * Inset Box Shadow Color
@@ -1890,7 +1890,7 @@ const J = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": O()
+        "mask-radial-at": A()
       }],
       "mask-image-conic-pos": [{
         "mask-conic": [R]
@@ -1926,14 +1926,14 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: E()
+        mask: T()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: T()
+        mask: j()
       }],
       /**
        * Mask Size
@@ -2230,14 +2230,14 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [M, V, S]
+        perspective: [_, V, S]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": H()
+        "perspective-origin": I()
       }],
       /**
        * Rotate
@@ -2333,7 +2333,7 @@ const J = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: H()
+        origin: I()
       }],
       /**
        * Transform Style
@@ -2738,34 +2738,34 @@ const J = (e) => {
     classNameContent: i = "",
     onExpand: m,
     singleOpen: b,
-    classNameHr: p = "",
+    classNameHr: x = "",
     useBackground: u = !0,
     index: C,
-    children: x,
-    ...M
+    children: h,
+    ..._
   }, $) => {
-    const [y, g] = I(!1), [_, O] = I(Ve), [H, j] = I(Se), [B, k] = I(""), U = `accordion-${C ?? t.replace(/\s+/g, "-").toLowerCase()}`, D = () => {
+    const [y, g] = H(!1), [M, A] = H(Ve), [I, E] = H(Se), [B, k] = H(""), U = `accordion-${C ?? t.replace(/\s+/g, "-").toLowerCase()}`, D = () => {
       m && b && m(g), g(!y);
-    }, h = (A) => {
-      (A.key === "Enter" || A.key === " ") && (A.preventDefault(), D());
+    }, p = (O) => {
+      (O.key === "Enter" || O.key === " ") && (O.preventDefault(), D());
     };
     return Z(() => {
-      k(f("border-[#dfe1e2] -mt-4 pt-0 mb-3", p));
-    }, [p]), Z(() => {
-      O(u ? Ve : f(Ve, "bg-transparent border-0"));
+      k(f("border-[#dfe1e2] -mt-4 pt-0 mb-3", x));
+    }, [x]), Z(() => {
+      A(u ? Ve : f(Ve, "bg-transparent border-0"));
     }, [u]), Z(() => {
-      j(y && u ? f(Se, "border-b-0 rounded-t rounded-b-none") : Se);
+      E(y && u ? f(Se, "border-b-0! rounded-t rounded-b-none") : Se);
     }, [y, u]), /* @__PURE__ */ L("div", { ref: $, className: n, children: [
       /* @__PURE__ */ L(
         "button",
         {
-          className: f(H, l0.variant, c),
+          className: f(I, l0.variant, c),
           "aria-controls": `${U}-content`,
           "aria-expanded": y,
           id: `${U}-header`,
           onClick: D,
-          onKeyDown: h,
-          ...M,
+          onKeyDown: p,
+          ..._,
           children: [
             /* @__PURE__ */ s("span", { children: t }),
             /* @__PURE__ */ s("span", { children: y ? a || /* @__PURE__ */ s("img", { src: r ? p2 : o0, alt: "Close Icon" }) : l || /* @__PURE__ */ s("img", { src: r ? h2 : n0, alt: "Open Icon" }) })
@@ -2776,7 +2776,7 @@ const J = (e) => {
         "div",
         {
           className: f(
-            _,
+            M,
             i0.variant,
             i,
             // rounded && useBackground && 'rounded-b-md', 'relative'
@@ -2788,7 +2788,7 @@ const J = (e) => {
           "aria-labelledby": `${U}-header`,
           children: [
             u && o && /* @__PURE__ */ s("hr", { className: B }),
-            x
+            h
           ]
         }
       ) })
@@ -2808,13 +2808,13 @@ const J = (e) => {
     classNameChildContent: i,
     hr: m,
     classNameHr: b,
-    useBackground: p,
+    useBackground: x,
     ...u
   }, C) => {
-    const [x, M] = I(
+    const [h, _] = H(
       null
     ), $ = (y) => {
-      x && x(!1), M(() => y);
+      h && h(!1), _(() => y);
     };
     return /* @__PURE__ */ s("div", { ref: C, ...u, className: f(a0, l), children: Ue.map(e, (y, g) => be(y) ? _e(y, {
       // <AccordionProps> to ensure child component sees parent specification in code
@@ -2829,12 +2829,12 @@ const J = (e) => {
       // className for child component
       classNameContent: f(i, y.props.classNameContent),
       singleOpen: o,
-      onExpand: (_) => $(_),
+      onExpand: (M) => $(M),
       // Pass expansion handler to child
       // child defaults to true, so if false, use child/false value
       hr: y.props.hr === !1 ? !1 : m,
       classNameHr: f(b, y.props.classNameHr),
-      useBackground: y.props.useBackground === !1 ? !1 : p,
+      useBackground: y.props.useBackground === !1 ? !1 : x,
       index: g
     }) : y) });
   }
@@ -2855,66 +2855,66 @@ const J = (e) => {
   width: m = "",
   ...b
 }) => {
-  const p = X(null), u = X(null), C = X(null), [x, M] = I(!1), [$, y] = I(!1), [g, _] = I(a || "Options"), [O, H] = I(null), j = X("bottom-[60px]"), [B, k] = I("");
+  const x = X(null), u = X(null), C = X(null), [h, _] = H(!1), [$, y] = H(!1), [g, M] = H(a || "Options"), [A, I] = H(null), E = X("bottom-[60px]"), [B, k] = H("");
   Z(() => {
     if (u.current) {
       const w = u.current.getBoundingClientRect(), v = Math.floor(w.height) + 2;
-      j.current = "bottom-[" + v + "px]";
+      E.current = "bottom-[" + v + "px]";
     }
   }, [u.current]);
   const U = () => {
-    if (p.current && C.current) {
-      const w = p.current.getBoundingClientRect(), v = C.current.offsetHeight, N = window.innerHeight, d = document.body.offsetHeight;
+    if (x.current && C.current) {
+      const w = x.current.getBoundingClientRect(), v = C.current.offsetHeight, N = window.innerHeight, d = document.body.offsetHeight;
       (N > d ? d : N) - w.bottom < v && w.top > v ? y(!0) : y(!1);
     }
   }, D = X([]);
   Z(() => {
     D.current = D.current.slice(0, r.length);
   }, [r]);
-  const [h, A] = I(0), F = () => {
-    M(!x), A(0);
+  const [p, O] = H(0), F = () => {
+    _(!h), O(0);
   };
   Z(() => {
     k(i ? "border-2 border-[#ff0004] pl-[15px]" : "");
   }, [i]), Z(() => {
     function w(d) {
-      x && p.current && !p.current.contains(d.target) && M(!1);
+      h && x.current && !x.current.contains(d.target) && _(!1);
     }
     function v(d) {
-      x && d.key === "Escape" && M(!1);
+      h && d.key === "Escape" && _(!1);
     }
     function N(d) {
-      x && p.current && !p.current.contains(d.target) && M(!1);
+      h && x.current && !x.current.contains(d.target) && _(!1);
     }
     return document.addEventListener("mousedown", w), document.addEventListener("touchend", w), document.addEventListener("keydown", v), document.addEventListener("focusin", N), () => {
       document.removeEventListener("mousedown", w), document.removeEventListener("touchend", w), document.removeEventListener("keydown", v), document.removeEventListener("focusin", N);
     };
-  }, [x]), Z(() => {
-    x && U();
-  }, [x]), Z(() => {
+  }, [h]), Z(() => {
+    h && U();
+  }, [h]), Z(() => {
     var w;
-    x && ((w = D.current[h]) == null || w.focus());
-  }, [h, x]);
+    h && ((w = D.current[p]) == null || w.focus());
+  }, [p, h]);
   const z = (w) => {
-    if (x)
+    if (h)
       switch (w.key) {
         case "ArrowDown":
-          w.preventDefault(), A((v) => {
+          w.preventDefault(), O((v) => {
             const N = (v + 1) % r.length;
-            return H(N), N;
+            return I(N), N;
           });
           break;
         case "ArrowUp":
-          w.preventDefault(), A((v) => {
+          w.preventDefault(), O((v) => {
             const N = (v - 1 + r.length) % r.length;
-            return H(N), N;
+            return I(N), N;
           });
           break;
         case "Home":
-          w.preventDefault(), A(0);
+          w.preventDefault(), O(0);
           break;
         case "End":
-          w.preventDefault(), A(r.length - 1);
+          w.preventDefault(), O(r.length - 1);
           break;
       }
   };
@@ -2922,7 +2922,7 @@ const J = (e) => {
     "div",
     {
       className: f("relative inline-block text-left w-[292px] md:w-[343px] lg:w-[600px] max-w-full", t),
-      ref: p,
+      ref: x,
       ...b,
       "aria-disabled": l,
       children: [
@@ -2937,21 +2937,21 @@ const J = (e) => {
               Ge[o] || Ge.default,
               B,
               e,
-              x && $ && "rounded-b-lg" || x && !$ && "rounded-t-lg" || "rounded-lg"
+              h && $ && "rounded-b-lg" || h && !$ && "rounded-t-lg" || "rounded-lg"
             ),
             "aria-label": "Select options - " + g,
             "aria-disabled": l,
-            "aria-expanded": x,
+            "aria-expanded": h,
             "aria-haspopup": "listbox",
             disabled: l,
             tabIndex: 0,
             children: [
               g,
-              x ? o === "fill" ? /* @__PURE__ */ s("img", { src: d0, alt: "chevron up" }) : /* @__PURE__ */ s("img", { src: p2, alt: "chevron up" }) : o === "fill" ? /* @__PURE__ */ s("img", { src: c0, alt: "chevron down" }) : /* @__PURE__ */ s("img", { src: h2, alt: "chevron down" })
+              h ? o === "fill" ? /* @__PURE__ */ s("img", { src: d0, alt: "chevron up" }) : /* @__PURE__ */ s("img", { src: p2, alt: "chevron up" }) : o === "fill" ? /* @__PURE__ */ s("img", { src: c0, alt: "chevron down" }) : /* @__PURE__ */ s("img", { src: h2, alt: "chevron down" })
             ]
           }
         ),
-        x && /* @__PURE__ */ s(
+        h && /* @__PURE__ */ s(
           "div",
           {
             role: "listbox",
@@ -2960,8 +2960,8 @@ const J = (e) => {
             onKeyDown: z,
             className: f(
               "absolute w-full shadow-lg bg-white ring-1 ring-white/5 focus:outline-hidden z-10 ",
-              x && $ && "rounded-t-lg pt-1" || x && !$ && "rounded-b-lg pb-1",
-              $ && j.current
+              h && $ && "rounded-t-lg pt-1" || h && !$ && "rounded-b-lg pb-1",
+              $ && E.current
             ),
             children: r.map((w, v) => (
               // <li key={item.name}>
@@ -2974,13 +2974,13 @@ const J = (e) => {
                   className: `block w-full px-4 py-2 text-left text-base text-gray-700
                             hover:bg-[#092068]/20 focus:outline-hidden focus:bg-[#092068]/20`,
                   role: "option",
-                  "aria-selected": O === v,
+                  "aria-selected": A === v,
                   "aria-label": "option " + w.name,
                   onClick: () => {
-                    H(v), _(w.name), c(w.value || w.name), M(!1);
+                    I(v), M(w.name), c(w.value || w.name), _(!1);
                   },
                   onKeyDown: (N) => {
-                    N.key === "Enter" || N.code === "Enter" || N.key === " " ? (H(v), _(w.name), c(w.value || w.name), M(!1)) : N.key === "Escape" && M(!1);
+                    N.key === "Enter" || N.code === "Enter" || N.key === " " ? (I(v), M(w.name), c(w.value || w.name), _(!1)) : N.key === "Escape" && _(!1);
                   },
                   children: w.name
                 },
@@ -3025,15 +3025,15 @@ const J = (e) => {
   width: m = "",
   ...b
 }) => {
-  const p = f0(n, r, a);
-  return console.log(n), console.log(p), /* @__PURE__ */ s(
+  const x = f0(n, r, a);
+  return console.log(n), console.log(x), /* @__PURE__ */ s(
     u0,
     {
       className: e,
       classNameContainer: t,
       label: l,
       optionsLabel: o,
-      options: p,
+      options: x,
       variant: c,
       width: m,
       setSelectedOption: () => i
@@ -3096,109 +3096,11 @@ const J = (e) => {
       }
     );
   }
-), v0 = 'inline-flex items-center justify-center whitespace-nowrap rounded-md  ring-offset-background transition-colors focus-visible:outline-hidden font-["Arial"] disabled:pointer-events-none text-sm md:text-base lg:text-lg disabled:opacity-50 px-6 py-[8px] md:py-[12px] lg:py-[16px] h-[40px] md:h-[48px] lg:h-[56px] ', ze = {
-  default: {
-    normal: "border-2 border-gray-300 rounded-md bg-gray-200 hover:bg-slate-400 text-black text-sm md:text-base lg:text-lg hover:text-black hover:border-slate-600 disabled:bg-dha-mc-bottom-nav-background disabled:text-dha-mc-checkbox-inactive focus:border-black disabled:border-dha-mc-bottom-nav-background disabled:border-2 py-0 md:py-0 lg:py-0 h-[48px] mt-1",
-    selected: "bg-gray-500 text-white"
-    // Only used if 'selected' is true to indicate state when 'selected'
-  },
-  filled: {
-    normal: "rounded-md bg-[#092068] hover:bg-[#0c2c8e] text-white text-sm md:text-base lg:text-lg hover:text-white focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] active:bg-[#0F37B3] disabled:bg-[#e4e4e5] disabled:text-[#939194] disabled:border-[#e4e4e5] ",
-    selected: ""
-    // Only used if 'selected' is true
-  },
-  outline: {
-    normal: "rounded-md border-[#092068] bg-white border-2 text-[#092068] text-sm md:text-base lg:text-lg disabled:border-dha-mc-secondary-border disabled:text-[#939194] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] ",
-    selected: ""
-    // Only used if 'selected' is true
-  },
-  transparent: {
-    normal: "rounded-md text-sm md:text-base lg:text-lg text-[#092068] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(251,137,241,1.00)] disabled:text-[#939194]",
-    selected: ""
-    // Only used if 'selected' is true
-  }
-}, b2 = ee(
-  ({
-    label: e,
-    onClick: t,
-    className: n,
-    icon: r,
-    iconPosition: a,
-    variant: l = "default",
-    type: o = "button",
-    children: c,
-    selected: i = !1,
-    classNameSelected: m,
-    classNameGroup: b = "",
-    ...p
-  }, u) => {
-    const [C, x] = I("");
-    return Z(() => {
-      let M = ze[l].normal || ze.default.normal;
-      i && !m ? M = f(M, ze[l].selected) : i && m && (M = f(M, m)), x(f(v0, M));
-    }, [i, m, l]), /* @__PURE__ */ L(
-      "button",
-      {
-        type: o,
-        onClick: t,
-        className: `${a === "iconOnly" ? f(
-          C,
-          "px-[12px] md:px-[14px] lg:px-[16px] py-[8px] md:py-[12px] lg:py-[16px]",
-          b,
-          // passed in from ButtonGroup if present
-          n
-          // dev over-rides
-        ) : f(C, b, n)}`,
-        ref: u,
-        ...p,
-        children: [
-          a === "left" && r && /* @__PURE__ */ s("span", { className: "icon-left mr-3 size-6", children: r }),
-          a === "iconOnly" && r ? /* @__PURE__ */ s("span", { className: "size-6", children: r }) : /* @__PURE__ */ s("span", { className: "", children: c || e }),
-          a === "right" && r && /* @__PURE__ */ s("span", { className: "icon-right ml-3 size-6", children: r })
-        ]
-      }
-    );
-  }
-);
-b2.displayName = "SDK Button";
-const ye = {
-  default: {
-    container: "flex gap-4 w-full md:gap-8 lg:gap-12",
-    button: "w-[150px]"
-  },
-  column: {
-    container: "flex flex-col gap-3 w-full md:gap-4 lg:gap-6",
-    button: "w-[150px]"
-  },
-  custom: {
-    container: "",
-    button: ""
-  }
-}, C0 = ee(
-  ({ className: e, children: t, classNameButtons: n, variant: r = "default", ...a }, l) => {
-    let o = 0;
-    const c = Ue.map(t, (p) => {
-      if (be(p)) {
-        ++o;
-        const u = p, C = u.props.classNameGroup || "";
-        return _e(u, {
-          classNameGroup: f(C, ye[r].button, n)
-        });
-      }
-      return p;
-    }), i = o === 3 && r === "default", m = c == null ? void 0 : c.slice(0, 2), b = c == null ? void 0 : c.slice(2);
-    return i ? /* @__PURE__ */ L("div", { className: "inline-flex flex-col gap-1", children: [
-      /* @__PURE__ */ s("div", { className: f(ye[r].container, e), children: m }),
-      /* @__PURE__ */ s("div", { className: f(ye[r].container, "justify-center", e), children: b })
-    ] }) : /* @__PURE__ */ s("div", { className: f("", ye[r].container, e), ref: l, children: c });
-  }
-);
-C0.displayName = "SDK ButtonGroup";
-const y0 = "data:image/svg+xml,%3csvg%20width='7'%20height='11'%20viewBox='0%200%207%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%201'%20d='M1%201L5%205.5L1%2010'%20stroke='%23747476'%20stroke-width='2'/%3e%3c/svg%3e", k0 = "data:image/svg+xml,%3csvg%20width='12'%20height='15'%20viewBox='0%200%2012%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Exclude'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%200.5L0%205.75V14.5H4.28571V10.125H7.71429V14.5H12V5.75L6%200.5Z'%20fill='%23747476'/%3e%3c/svg%3e";
-function N0(e) {
+), v0 = "data:image/svg+xml,%3csvg%20width='7'%20height='11'%20viewBox='0%200%207%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Vector%201'%20d='M1%201L5%205.5L1%2010'%20stroke='%23747476'%20stroke-width='2'/%3e%3c/svg%3e", C0 = "data:image/svg+xml,%3csvg%20width='12'%20height='15'%20viewBox='0%200%2012%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='Exclude'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6%200.5L0%205.75V14.5H4.28571V10.125H7.71429V14.5H12V5.75L6%200.5Z'%20fill='%23747476'/%3e%3c/svg%3e";
+function y0(e) {
   return e.replace(/-/g, " ").replace(/\b\w/g, (t) => t.toUpperCase());
 }
-const M0 = {
+const k0 = {
   default: "overflow-x-auto w-full text-base md:text-lg",
   // image top
   bold: "overflow-x-auto font-bold w-full text-base md:text-lg"
@@ -3208,34 +3110,34 @@ const M0 = {
     className: t,
     routes: n,
     variant: r = "default",
-    separator: a = y0,
+    separator: a = v0,
     ...l
   }, o) => {
-    const c = X(null), i = X(null), [m, b] = I(!1), [p, u] = I(), [C, x] = I(0), { pathname: M } = k2(), $ = Oe(() => n && n.length > 0 ? n : M.split("/").filter(Boolean).map((_, O, H) => ({
-      name: N0(decodeURIComponent(_)),
-      route: "/" + H.slice(0, O + 1).join("/")
-    })), [n, M]);
+    const c = X(null), i = X(null), [m, b] = H(!1), [x, u] = H(), [C, h] = H(0), { pathname: _ } = k2(), $ = Oe(() => n && n.length > 0 ? n : _.split("/").filter(Boolean).map((M, A, I) => ({
+      name: y0(decodeURIComponent(M)),
+      route: "/" + I.slice(0, A + 1).join("/")
+    })), [n, _]);
     Z(() => {
       const g = c.current;
-      g && x(g.offsetWidth);
+      g && h(g.offsetWidth);
     }, []);
     const y = () => {
       const g = c.current;
-      (g && !p || g && p && Date.now() > p + 200) && (m ? g.clientWidth > C && b(!1) : g.scrollWidth > g.clientWidth && b(!0), u(Date.now()));
+      (g && !x || g && x && Date.now() > x + 200) && (m ? g.clientWidth > C && b(!1) : g.scrollWidth > g.clientWidth && b(!0), u(Date.now()));
     };
     return Z(() => {
       const g = c.current;
       if (!g)
         return;
       y();
-      const _ = new ResizeObserver(y);
-      return _.observe(g), () => {
-        _.disconnect();
+      const M = new ResizeObserver(y);
+      return M.observe(g), () => {
+        M.disconnect();
       };
-    }, [p, $]), /* @__PURE__ */ s(
+    }, [x, $]), /* @__PURE__ */ s(
       "nav",
       {
-        className: f(M0[r], e),
+        className: f(k0[r], e),
         ...l,
         ref: o,
         "aria-label": "Breadcrumbs",
@@ -3265,7 +3167,7 @@ const M0 = {
                       "capitalize me-2 inline-flex md:hidden",
                       t
                     ),
-                    children: /* @__PURE__ */ s("img", { src: k0, ref: i, alt: "home icon" })
+                    children: /* @__PURE__ */ s("img", { src: C0, ref: i, alt: "home icon" })
                   }
                 ),
                 $.length > 0 ? /* @__PURE__ */ s("span", { className: f("me-2", t), children: /* @__PURE__ */ s("img", { src: a, alt: "vector" }) }) : ""
@@ -3274,7 +3176,7 @@ const M0 = {
                 "span",
                 {
                   className: "",
-                  children: $.map((g, _) => m ? /* @__PURE__ */ s("span", { className: "inline-flex items-center shrink-0 text-nowrap", children: _ === $.length - 1 ? /* @__PURE__ */ L(oe, { children: [
+                  children: $.map((g, M) => m ? /* @__PURE__ */ s("span", { className: "inline-flex items-center shrink-0 text-nowrap", children: M === $.length - 1 ? /* @__PURE__ */ L(oe, { children: [
                     /* @__PURE__ */ s("span", { className: "text-nowrap me-3", children: "..." }),
                     /* @__PURE__ */ s("span", { className: f("me-3", t), children: /* @__PURE__ */ s("img", { src: a, alt: "vector" }) }),
                     /* @__PURE__ */ s(
@@ -3285,12 +3187,12 @@ const M0 = {
                         children: decodeURIComponent(g.name).replace(/-/g, " ")
                       }
                     )
-                  ] }) : "" }, _) : /* @__PURE__ */ L(
+                  ] }) : "" }, M) : /* @__PURE__ */ L(
                     "span",
                     {
                       className: "breadcrumb-item inline-flex items-center shrink-0",
                       children: [
-                        _ === $.length - 1 ? (
+                        M === $.length - 1 ? (
                           // Render the current page as plain text (last item in list)
                           /* @__PURE__ */ s(
                             "span",
@@ -3314,10 +3216,10 @@ const M0 = {
                             }
                           )
                         ),
-                        _ < $.length - 1 && /* @__PURE__ */ s("span", { className: f("me-3", t), children: /* @__PURE__ */ s("img", { src: a, alt: "vector" }) })
+                        M < $.length - 1 && /* @__PURE__ */ s("span", { className: f("me-3", t), children: /* @__PURE__ */ s("img", { src: a, alt: "vector" }) })
                       ]
                     },
-                    _
+                    M
                   ))
                 }
               )
@@ -3327,7 +3229,112 @@ const M0 = {
       }
     );
   }
-), _0 = {
+), N0 = 'inline-flex items-center justify-center whitespace-nowrap rounded-md  ring-offset-background transition-colors focus-visible:outline-hidden font-["Arial"] disabled:pointer-events-none text-sm md:text-base lg:text-lg disabled:opacity-50 px-6 py-[8px] md:py-[12px] lg:py-[16px] h-[40px] md:h-[48px] lg:h-[56px] ', ze = {
+  default: {
+    normal: "border-2 border-gray-300 rounded-md bg-gray-200 hover:bg-slate-400 text-black text-sm md:text-base lg:text-lg hover:text-black hover:border-slate-600 disabled:bg-dha-mc-bottom-nav-background disabled:text-dha-mc-checkbox-inactive focus:border-black disabled:border-dha-mc-bottom-nav-background disabled:border-2 py-0 md:py-0 lg:py-0 h-[48px] mt-1",
+    selected: "bg-gray-500 text-white"
+    // Only used if 'selected' is true to indicate state when 'selected'
+  },
+  filled: {
+    normal: "rounded-md bg-[#092068] hover:bg-[#0c2c8e] text-white text-sm md:text-base lg:text-lg hover:text-white focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] active:bg-[#0F37B3] disabled:bg-[#e4e4e5] disabled:text-[#939194] disabled:border-[#e4e4e5] ",
+    selected: ""
+    // Only used if 'selected' is true
+  },
+  outline: {
+    normal: "rounded-md border-[#092068] bg-white border-2 text-[#092068] text-sm md:text-base lg:text-lg disabled:border-dha-mc-secondary-border disabled:text-[#939194] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(238,131,255,1.00)] ",
+    selected: ""
+    // Only used if 'selected' is true
+  },
+  transparent: {
+    normal: "rounded-md text-sm md:text-base lg:text-lg text-[#092068] hover:bg-[#d1dbfb] active:bg-[#9fc5f0] focus:shadow-[0px_0px_0px_3px_rgba(251,137,241,1.00)] disabled:text-[#939194]",
+    selected: ""
+    // Only used if 'selected' is true
+  }
+}, b2 = ee(
+  ({
+    label: e,
+    onClick: t,
+    className: n,
+    classNameIconLeft: r,
+    classNameIconRight: a,
+    classNameContent: l,
+    icon: o,
+    iconLeft: c,
+    iconRight: i,
+    iconPosition: m,
+    variant: b = "default",
+    type: x = "button",
+    children: u,
+    selected: C = !1,
+    classNameSelected: h,
+    classNameGroup: _ = "",
+    ...$
+  }, y) => {
+    const [g, M] = H("");
+    Z(() => {
+      let E = ze[b].normal || ze.default.normal;
+      C && !h ? E = f(E, ze[b].selected) : C && h && (E = f(E, h)), M(f(N0, E));
+    }, [C, h, b]);
+    const A = c ?? (o && (m === "left" || m === "both") ? o : void 0), I = i ?? (o && (m === "right" || m === "both") ? o : void 0);
+    return /* @__PURE__ */ L(
+      "button",
+      {
+        type: x,
+        onClick: t,
+        className: `${m === "iconOnly" ? f(
+          g,
+          "px-[12px] md:px-[14px] lg:px-[16px] py-[8px] md:py-[12px] lg:py-[16px]",
+          _,
+          // passed in from ButtonGroup if present
+          n
+          // dev over-rides
+        ) : f(g, _, n)}`,
+        ref: y,
+        ...$,
+        children: [
+          A && /* @__PURE__ */ s("span", { className: f("mr-3", r), children: A }),
+          m === "iconOnly" && o ? /* @__PURE__ */ s("span", { className: "size-6", children: o }) : /* @__PURE__ */ s("span", { className: f("grow-1 text-start", l), children: u || e }),
+          I && /* @__PURE__ */ s("span", { className: f("ml-3", a), children: I })
+        ]
+      }
+    );
+  }
+);
+b2.displayName = "SDK Button";
+const ye = {
+  default: {
+    container: "flex gap-4 w-full md:gap-8 lg:gap-12",
+    button: "w-[150px]"
+  },
+  column: {
+    container: "flex flex-col gap-3 w-full md:gap-4 lg:gap-6",
+    button: "w-[150px]"
+  },
+  custom: {
+    container: "",
+    button: ""
+  }
+}, M0 = ee(
+  ({ className: e, children: t, classNameButtons: n, variant: r = "default", ...a }, l) => {
+    let o = 0;
+    const c = Ue.map(t, (x) => {
+      if (be(x)) {
+        ++o;
+        const u = x, C = u.props.classNameGroup || "";
+        return _e(u, {
+          classNameGroup: f(C, ye[r].button, n)
+        });
+      }
+      return x;
+    }), i = o === 3 && r === "default", m = c == null ? void 0 : c.slice(0, 2), b = c == null ? void 0 : c.slice(2);
+    return i ? /* @__PURE__ */ L("div", { className: "inline-flex flex-col gap-1", children: [
+      /* @__PURE__ */ s("div", { className: f(ye[r].container, e), children: m }),
+      /* @__PURE__ */ s("div", { className: f(ye[r].container, "justify-center", e), children: b })
+    ] }) : /* @__PURE__ */ s("div", { className: f("", ye[r].container, e), ref: l, children: c });
+  }
+);
+M0.displayName = "SDK ButtonGroup";
+const _0 = {
   default: "flex flex-col w-64 max-w-64",
   // image top
   imageBottom: "flex flex-col-reverse w-64 mx-w-64",
@@ -3383,21 +3390,21 @@ const Vt = ({
   altRemainingMessageText: l,
   altOverageMessageText: o
 }) => {
-  const [c, i] = I(`${r} characters allowed`), [m, b] = I(!1);
+  const [c, i] = H(`${r} characters allowed`), [m, b] = H(!1);
   return /* @__PURE__ */ L("div", { className: e, children: [
     /* @__PURE__ */ s(
       "div",
       {
         onInput: (u) => {
-          const x = u.target.value.length;
-          if (b(x > r), x === 0)
+          const h = u.target.value.length;
+          if (b(h > r), h === 0)
             i(`${r} characters allowed`);
-          else if (x <= r) {
-            const M = " " + (l ?? "remaining");
-            i(`${r - x}${M}`);
+          else if (h <= r) {
+            const _ = " " + (l ?? "remaining");
+            i(`${r - h}${_}`);
           } else {
-            const M = " " + (o ?? "characters too many");
-            i(`${x - r}${M}`);
+            const _ = " " + (o ?? "characters too many");
+            i(`${h - r}${_}`);
           }
         },
         className: "mb-2",
@@ -3477,47 +3484,47 @@ function zt({
   marker: a = !1,
   showBranch: l = !0
 }) {
-  const [o, c] = I(), i = Oe(
+  const [o, c] = H(), i = Oe(
     () => r2.Children.toArray(e).filter(
       (u) => be(u) && u.type === x2
     ),
     [e]
     // execute when children changes
-  ), [m, b] = I(() => i.map(() => "unchecked"));
+  ), [m, b] = H(() => i.map(() => "unchecked"));
   Z(() => {
     if (!o) return;
-    const { index: u, status: C } = o, x = i[u].props.level ?? 0, M = [...m];
-    if (M[u] = C, C !== "indeterminate")
-      for (let $ = u + 1; $ < M.length && !((i[$].props.level ?? 0) <= x); $++)
-        M[$] = C;
-    for (let $ = x - 1; $ >= 0; $--)
+    const { index: u, status: C } = o, h = i[u].props.level ?? 0, _ = [...m];
+    if (_[u] = C, C !== "indeterminate")
+      for (let $ = u + 1; $ < _.length && !((i[$].props.level ?? 0) <= h); $++)
+        _[$] = C;
+    for (let $ = h - 1; $ >= 0; $--)
       for (let y = u - 1; y >= 0; y--)
         if (i[y].props.level === $) {
-          M[y] = j0(i, M, $, y);
+          _[y] = j0(i, _, $, y);
           break;
         }
-    b(M), c(void 0);
+    b(_), c(void 0);
   }, [o]);
-  const p = Oe(
+  const x = Oe(
     () => i.map((u, C) => {
-      const x = T0(i, C, t), M = ($, y) => {
+      const h = T0(i, C, t), _ = ($, y) => {
         c({ status: $, index: y });
       };
       return _e(u, {
-        iconType: x,
+        iconType: h,
         index: C,
         fill: n,
         icon: r,
         marker: a,
         showBranch: l,
         status: m[C],
-        setStatusUpdate: M
+        setStatusUpdate: _
       });
     }),
     [i, t, n, r, a, l, m]
     // execute when one of these change
   );
-  return /* @__PURE__ */ s("div", { children: p });
+  return /* @__PURE__ */ s("div", { children: x });
 }
 const x2 = r2.forwardRef(
   ({
@@ -3532,28 +3539,28 @@ const x2 = r2.forwardRef(
     iconType: i = [],
     marker: m = !1,
     index: b,
-    setStatusUpdate: p,
+    setStatusUpdate: x,
     status: u,
     children: C,
-    showBranch: x = !0,
-    ...M
+    showBranch: h = !0,
+    ..._
   }, $) => {
-    const [y, g] = I("unchecked"), _ = X(null), [O, H] = I(We);
-    n2($, () => _.current), Z(() => {
+    const [y, g] = H("unchecked"), M = X(null), [A, I] = H(We);
+    n2($, () => M.current), Z(() => {
       u && g(u);
     }, [u]), Z(() => {
-      p && b !== void 0 && p(y, b), _.current && (_.current.indeterminate = y === "indeterminate");
+      x && b !== void 0 && x(y, b), M.current && (M.current.indeterminate = y === "indeterminate");
     }, [y]), Z(() => {
-      t && (y === "checked" ? H(l ? m ? O0 : I0 : m ? A0 : V0) : y === "unchecked" ? H(l ? H0 : We) : y === "indeterminate" && H(l ? B0 : z0));
+      t && (y === "checked" ? I(l ? m ? O0 : I0 : m ? A0 : V0) : y === "unchecked" ? I(l ? H0 : We) : y === "indeterminate" && I(l ? B0 : z0));
     }, [l, t, y, m]);
-    const j = (B) => {
+    const E = (B) => {
       B.target.checked ? g("checked") : g("unchecked");
     };
     return /* @__PURE__ */ L("div", { className: f("flex items-center", e), children: [
       i.map((B, k) => /* @__PURE__ */ s(
         U0,
         {
-          type: x ? B : "blank",
+          type: h ? B : "blank",
           icon: t,
           classNameLine: f("h-full border", c)
         },
@@ -3563,17 +3570,17 @@ const x2 = r2.forwardRef(
         /* @__PURE__ */ s(
           "input",
           {
-            ref: _,
+            ref: M,
             type: "checkbox",
             value: a,
             checked: y !== "indeterminate" && y === "checked",
             "aria-label": r,
             className: f("", n, t && "hidden"),
-            onChange: j,
-            ...M
+            onChange: E,
+            ..._
           }
         ),
-        t && /* @__PURE__ */ s("img", { alt: y, src: O, className: "" }),
+        t && /* @__PURE__ */ s("img", { alt: y, src: A, className: "" }),
         C
       ] })
     ] });
@@ -3688,66 +3695,66 @@ function Z0() {
     (function(n, r) {
       e.exports = r();
     })(F0, function() {
-      var n = 1e3, r = 6e4, a = 36e5, l = "millisecond", o = "second", c = "minute", i = "hour", m = "day", b = "week", p = "month", u = "quarter", C = "year", x = "date", M = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(z) {
+      var n = 1e3, r = 6e4, a = 36e5, l = "millisecond", o = "second", c = "minute", i = "hour", m = "day", b = "week", x = "month", u = "quarter", C = "year", h = "date", _ = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(z) {
         var w = ["th", "st", "nd", "rd"], v = z % 100;
         return "[" + z + (w[(v - 20) % 10] || w[v] || w[0]) + "]";
-      } }, _ = function(z, w, v) {
+      } }, M = function(z, w, v) {
         var N = String(z);
         return !N || N.length >= w ? z : "" + Array(w + 1 - N.length).join(v) + z;
-      }, O = { s: _, z: function(z) {
+      }, A = { s: M, z: function(z) {
         var w = -z.utcOffset(), v = Math.abs(w), N = Math.floor(v / 60), d = v % 60;
-        return (w <= 0 ? "+" : "-") + _(N, 2, "0") + ":" + _(d, 2, "0");
+        return (w <= 0 ? "+" : "-") + M(N, 2, "0") + ":" + M(d, 2, "0");
       }, m: function z(w, v) {
         if (w.date() < v.date()) return -z(v, w);
-        var N = 12 * (v.year() - w.year()) + (v.month() - w.month()), d = w.clone().add(N, p), E = v - d < 0, T = w.clone().add(N + (E ? -1 : 1), p);
-        return +(-(N + (v - d) / (E ? d - T : T - d)) || 0);
+        var N = 12 * (v.year() - w.year()) + (v.month() - w.month()), d = w.clone().add(N, x), T = v - d < 0, j = w.clone().add(N + (T ? -1 : 1), x);
+        return +(-(N + (v - d) / (T ? d - j : j - d)) || 0);
       }, a: function(z) {
         return z < 0 ? Math.ceil(z) || 0 : Math.floor(z);
       }, p: function(z) {
-        return { M: p, y: C, w: b, d: m, D: x, h: i, m: c, s: o, ms: l, Q: u }[z] || String(z || "").toLowerCase().replace(/s$/, "");
+        return { M: x, y: C, w: b, d: m, D: h, h: i, m: c, s: o, ms: l, Q: u }[z] || String(z || "").toLowerCase().replace(/s$/, "");
       }, u: function(z) {
         return z === void 0;
-      } }, H = "en", j = {};
-      j[H] = g;
+      } }, I = "en", E = {};
+      E[I] = g;
       var B = "$isDayjsObject", k = function(z) {
-        return z instanceof A || !(!z || !z[B]);
+        return z instanceof O || !(!z || !z[B]);
       }, U = function z(w, v, N) {
         var d;
-        if (!w) return H;
+        if (!w) return I;
         if (typeof w == "string") {
-          var E = w.toLowerCase();
-          j[E] && (d = E), v && (j[E] = v, d = E);
-          var T = w.split("-");
-          if (!d && T.length > 1) return z(T[0]);
+          var T = w.toLowerCase();
+          E[T] && (d = T), v && (E[T] = v, d = T);
+          var j = w.split("-");
+          if (!d && j.length > 1) return z(j[0]);
         } else {
           var G = w.name;
-          j[G] = w, d = G;
+          E[G] = w, d = G;
         }
-        return !N && d && (H = d), d || !N && H;
+        return !N && d && (I = d), d || !N && I;
       }, D = function(z, w) {
         if (k(z)) return z.clone();
         var v = typeof w == "object" ? w : {};
-        return v.date = z, v.args = arguments, new A(v);
-      }, h = O;
-      h.l = U, h.i = k, h.w = function(z, w) {
+        return v.date = z, v.args = arguments, new O(v);
+      }, p = A;
+      p.l = U, p.i = k, p.w = function(z, w) {
         return D(z, { locale: w.$L, utc: w.$u, x: w.$x, $offset: w.$offset });
       };
-      var A = function() {
+      var O = function() {
         function z(v) {
           this.$L = U(v.locale, null, !0), this.parse(v), this.$x = this.$x || v.x || {}, this[B] = !0;
         }
         var w = z.prototype;
         return w.parse = function(v) {
           this.$d = function(N) {
-            var d = N.date, E = N.utc;
+            var d = N.date, T = N.utc;
             if (d === null) return /* @__PURE__ */ new Date(NaN);
-            if (h.u(d)) return /* @__PURE__ */ new Date();
+            if (p.u(d)) return /* @__PURE__ */ new Date();
             if (d instanceof Date) return new Date(d);
             if (typeof d == "string" && !/Z$/i.test(d)) {
-              var T = d.match($);
-              if (T) {
-                var G = T[2] - 1 || 0, K = (T[7] || "0").substring(0, 3);
-                return E ? new Date(Date.UTC(T[1], G, T[3] || 1, T[4] || 0, T[5] || 0, T[6] || 0, K)) : new Date(T[1], G, T[3] || 1, T[4] || 0, T[5] || 0, T[6] || 0, K);
+              var j = d.match($);
+              if (j) {
+                var G = j[2] - 1 || 0, K = (j[7] || "0").substring(0, 3);
+                return T ? new Date(Date.UTC(j[1], G, j[3] || 1, j[4] || 0, j[5] || 0, j[6] || 0, K)) : new Date(j[1], G, j[3] || 1, j[4] || 0, j[5] || 0, j[6] || 0, K);
               }
             }
             return new Date(d);
@@ -3756,9 +3763,9 @@ function Z0() {
           var v = this.$d;
           this.$y = v.getFullYear(), this.$M = v.getMonth(), this.$D = v.getDate(), this.$W = v.getDay(), this.$H = v.getHours(), this.$m = v.getMinutes(), this.$s = v.getSeconds(), this.$ms = v.getMilliseconds();
         }, w.$utils = function() {
-          return h;
+          return p;
         }, w.isValid = function() {
-          return this.$d.toString() !== M;
+          return this.$d.toString() !== _;
         }, w.isSame = function(v, N) {
           var d = D(v);
           return this.startOf(N) <= d && d <= this.endOf(N);
@@ -3767,28 +3774,28 @@ function Z0() {
         }, w.isBefore = function(v, N) {
           return this.endOf(N) < D(v);
         }, w.$g = function(v, N, d) {
-          return h.u(v) ? this[N] : this.set(d, v);
+          return p.u(v) ? this[N] : this.set(d, v);
         }, w.unix = function() {
           return Math.floor(this.valueOf() / 1e3);
         }, w.valueOf = function() {
           return this.$d.getTime();
         }, w.startOf = function(v, N) {
-          var d = this, E = !!h.u(N) || N, T = h.p(v), G = function(te, q) {
-            var se = h.w(d.$u ? Date.UTC(d.$y, q, te) : new Date(d.$y, q, te), d);
-            return E ? se : se.endOf(m);
+          var d = this, T = !!p.u(N) || N, j = p.p(v), G = function(te, q) {
+            var se = p.w(d.$u ? Date.UTC(d.$y, q, te) : new Date(d.$y, q, te), d);
+            return T ? se : se.endOf(m);
           }, K = function(te, q) {
-            return h.w(d.toDate()[te].apply(d.toDate("s"), (E ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(q)), d);
+            return p.w(d.toDate()[te].apply(d.toDate("s"), (T ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(q)), d);
           }, Y = this.$W, P = this.$M, Q = this.$D, ae = "set" + (this.$u ? "UTC" : "");
-          switch (T) {
+          switch (j) {
             case C:
-              return E ? G(1, 0) : G(31, 11);
-            case p:
-              return E ? G(1, P) : G(0, P + 1);
+              return T ? G(1, 0) : G(31, 11);
+            case x:
+              return T ? G(1, P) : G(0, P + 1);
             case b:
               var W = this.$locale().weekStart || 0, ie = (Y < W ? Y + 7 : Y) - W;
-              return G(E ? Q - ie : Q + (6 - ie), P);
+              return G(T ? Q - ie : Q + (6 - ie), P);
             case m:
-            case x:
+            case h:
               return K(ae + "Hours", 0);
             case i:
               return K(ae + "Minutes", 1);
@@ -3802,53 +3809,53 @@ function Z0() {
         }, w.endOf = function(v) {
           return this.startOf(v, !1);
         }, w.$set = function(v, N) {
-          var d, E = h.p(v), T = "set" + (this.$u ? "UTC" : ""), G = (d = {}, d[m] = T + "Date", d[x] = T + "Date", d[p] = T + "Month", d[C] = T + "FullYear", d[i] = T + "Hours", d[c] = T + "Minutes", d[o] = T + "Seconds", d[l] = T + "Milliseconds", d)[E], K = E === m ? this.$D + (N - this.$W) : N;
-          if (E === p || E === C) {
-            var Y = this.clone().set(x, 1);
-            Y.$d[G](K), Y.init(), this.$d = Y.set(x, Math.min(this.$D, Y.daysInMonth())).$d;
+          var d, T = p.p(v), j = "set" + (this.$u ? "UTC" : ""), G = (d = {}, d[m] = j + "Date", d[h] = j + "Date", d[x] = j + "Month", d[C] = j + "FullYear", d[i] = j + "Hours", d[c] = j + "Minutes", d[o] = j + "Seconds", d[l] = j + "Milliseconds", d)[T], K = T === m ? this.$D + (N - this.$W) : N;
+          if (T === x || T === C) {
+            var Y = this.clone().set(h, 1);
+            Y.$d[G](K), Y.init(), this.$d = Y.set(h, Math.min(this.$D, Y.daysInMonth())).$d;
           } else G && this.$d[G](K);
           return this.init(), this;
         }, w.set = function(v, N) {
           return this.clone().$set(v, N);
         }, w.get = function(v) {
-          return this[h.p(v)]();
+          return this[p.p(v)]();
         }, w.add = function(v, N) {
-          var d, E = this;
+          var d, T = this;
           v = Number(v);
-          var T = h.p(N), G = function(P) {
-            var Q = D(E);
-            return h.w(Q.date(Q.date() + Math.round(P * v)), E);
+          var j = p.p(N), G = function(P) {
+            var Q = D(T);
+            return p.w(Q.date(Q.date() + Math.round(P * v)), T);
           };
-          if (T === p) return this.set(p, this.$M + v);
-          if (T === C) return this.set(C, this.$y + v);
-          if (T === m) return G(1);
-          if (T === b) return G(7);
-          var K = (d = {}, d[c] = r, d[i] = a, d[o] = n, d)[T] || 1, Y = this.$d.getTime() + v * K;
-          return h.w(Y, this);
+          if (j === x) return this.set(x, this.$M + v);
+          if (j === C) return this.set(C, this.$y + v);
+          if (j === m) return G(1);
+          if (j === b) return G(7);
+          var K = (d = {}, d[c] = r, d[i] = a, d[o] = n, d)[j] || 1, Y = this.$d.getTime() + v * K;
+          return p.w(Y, this);
         }, w.subtract = function(v, N) {
           return this.add(-1 * v, N);
         }, w.format = function(v) {
           var N = this, d = this.$locale();
-          if (!this.isValid()) return d.invalidDate || M;
-          var E = v || "YYYY-MM-DDTHH:mm:ssZ", T = h.z(this), G = this.$H, K = this.$m, Y = this.$M, P = d.weekdays, Q = d.months, ae = d.meridiem, W = function(q, se, re, xe) {
-            return q && (q[se] || q(N, E)) || re[se].slice(0, xe);
+          if (!this.isValid()) return d.invalidDate || _;
+          var T = v || "YYYY-MM-DDTHH:mm:ssZ", j = p.z(this), G = this.$H, K = this.$m, Y = this.$M, P = d.weekdays, Q = d.months, ae = d.meridiem, W = function(q, se, re, xe) {
+            return q && (q[se] || q(N, T)) || re[se].slice(0, xe);
           }, ie = function(q) {
-            return h.s(G % 12 || 12, q, "0");
+            return p.s(G % 12 || 12, q, "0");
           }, te = ae || function(q, se, re) {
             var xe = q < 12 ? "AM" : "PM";
             return re ? xe.toLowerCase() : xe;
           };
-          return E.replace(y, function(q, se) {
+          return T.replace(y, function(q, se) {
             return se || function(re) {
               switch (re) {
                 case "YY":
                   return String(N.$y).slice(-2);
                 case "YYYY":
-                  return h.s(N.$y, 4, "0");
+                  return p.s(N.$y, 4, "0");
                 case "M":
                   return Y + 1;
                 case "MM":
-                  return h.s(Y + 1, 2, "0");
+                  return p.s(Y + 1, 2, "0");
                 case "MMM":
                   return W(d.monthsShort, Y, Q, 3);
                 case "MMMM":
@@ -3856,7 +3863,7 @@ function Z0() {
                 case "D":
                   return N.$D;
                 case "DD":
-                  return h.s(N.$D, 2, "0");
+                  return p.s(N.$D, 2, "0");
                 case "d":
                   return String(N.$W);
                 case "dd":
@@ -3868,7 +3875,7 @@ function Z0() {
                 case "H":
                   return String(G);
                 case "HH":
-                  return h.s(G, 2, "0");
+                  return p.s(G, 2, "0");
                 case "h":
                   return ie(1);
                 case "hh":
@@ -3880,64 +3887,64 @@ function Z0() {
                 case "m":
                   return String(K);
                 case "mm":
-                  return h.s(K, 2, "0");
+                  return p.s(K, 2, "0");
                 case "s":
                   return String(N.$s);
                 case "ss":
-                  return h.s(N.$s, 2, "0");
+                  return p.s(N.$s, 2, "0");
                 case "SSS":
-                  return h.s(N.$ms, 3, "0");
+                  return p.s(N.$ms, 3, "0");
                 case "Z":
-                  return T;
+                  return j;
               }
               return null;
-            }(q) || T.replace(":", "");
+            }(q) || j.replace(":", "");
           });
         }, w.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, w.diff = function(v, N, d) {
-          var E, T = this, G = h.p(N), K = D(v), Y = (K.utcOffset() - this.utcOffset()) * r, P = this - K, Q = function() {
-            return h.m(T, K);
+          var T, j = this, G = p.p(N), K = D(v), Y = (K.utcOffset() - this.utcOffset()) * r, P = this - K, Q = function() {
+            return p.m(j, K);
           };
           switch (G) {
             case C:
-              E = Q() / 12;
+              T = Q() / 12;
               break;
-            case p:
-              E = Q();
+            case x:
+              T = Q();
               break;
             case u:
-              E = Q() / 3;
+              T = Q() / 3;
               break;
             case b:
-              E = (P - Y) / 6048e5;
+              T = (P - Y) / 6048e5;
               break;
             case m:
-              E = (P - Y) / 864e5;
+              T = (P - Y) / 864e5;
               break;
             case i:
-              E = P / a;
+              T = P / a;
               break;
             case c:
-              E = P / r;
+              T = P / r;
               break;
             case o:
-              E = P / n;
+              T = P / n;
               break;
             default:
-              E = P;
+              T = P;
           }
-          return d ? E : h.a(E);
+          return d ? T : p.a(T);
         }, w.daysInMonth = function() {
-          return this.endOf(p).$D;
+          return this.endOf(x).$D;
         }, w.$locale = function() {
-          return j[this.$L];
+          return E[this.$L];
         }, w.locale = function(v, N) {
           if (!v) return this.$L;
-          var d = this.clone(), E = U(v, N, !0);
-          return E && (d.$L = E), d;
+          var d = this.clone(), T = U(v, N, !0);
+          return T && (d.$L = T), d;
         }, w.clone = function() {
-          return h.w(this.$d, this);
+          return p.w(this.$d, this);
         }, w.toDate = function() {
           return new Date(this.valueOf());
         }, w.toJSON = function() {
@@ -3947,62 +3954,62 @@ function Z0() {
         }, w.toString = function() {
           return this.$d.toUTCString();
         }, z;
-      }(), F = A.prototype;
-      return D.prototype = F, [["$ms", l], ["$s", o], ["$m", c], ["$H", i], ["$W", m], ["$M", p], ["$y", C], ["$D", x]].forEach(function(z) {
+      }(), F = O.prototype;
+      return D.prototype = F, [["$ms", l], ["$s", o], ["$m", c], ["$H", i], ["$W", m], ["$M", x], ["$y", C], ["$D", h]].forEach(function(z) {
         F[z[1]] = function(w) {
           return this.$g(w, z[0], z[1]);
         };
       }), D.extend = function(z, w) {
-        return z.$i || (z(w, A, D), z.$i = !0), D;
+        return z.$i || (z(w, O, D), z.$i = !0), D;
       }, D.locale = U, D.isDayjs = k, D.unix = function(z) {
         return D(1e3 * z);
-      }, D.en = j[H], D.Ls = j, D.p = {}, D;
+      }, D.en = E[I], D.Ls = E, D.p = {}, D;
     });
   }(Ne)), Ne.exports;
 }
 var Y0 = Z0();
-const pe = /* @__PURE__ */ R0(Y0), P0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%200%2024%2024'%20width='24px'%20fill='%23000000'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M9%2011H7v2h2v-2zm4%200h-2v2h2v-2zm4%200h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11%200-1.99.9-1.99%202L3%2020c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V9h14v11z'/%3e%3c/svg%3e", It = ({
+const pe = /* @__PURE__ */ R0(Y0), P0 = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='54px'%20viewBox='0%200%2024%2024'%20width='54px'%20fill='%23000000'%3e%3cpath%20d='M0%200h24v24H0z'%20fill='none'/%3e%3cpath%20d='M9%2011H7v2h2v-2zm4%200h-2v2h2v-2zm4%200h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11%200-1.99.9-1.99%202L3%2020c0%201.1.89%202%202%202h14c1.1%200%202-.9%202-2V6c0-1.1-.9-2-2-2zm0%2016H5V9h14v11z'/%3e%3c/svg%3e", It = ({
   id: e,
   label: t,
   value: n,
   onChange: r
 }) => {
-  const [a, l] = I(!1), [o, c] = I(n), [i, m] = I(!0), [b, p] = I(!!n), [u, C] = I(
+  const [a, l] = H(!1), [o, c] = H(n), [i, m] = H(!0), [b, x] = H(!!n), [u, C] = H(
     pe(n, "MM-DD-YYYY", !0).isValid() ? pe(n, "MM-DD-YYYY", !0) : null
-  ), x = X(null), M = X(null), $ = X(null), y = (u == null ? void 0 : u.daysInMonth()) || 30, g = (u == null ? void 0 : u.startOf("month").day()) || 0;
+  ), h = X(null), _ = X(null), $ = X(null), y = (u == null ? void 0 : u.daysInMonth()) || 30, g = (u == null ? void 0 : u.startOf("month").day()) || 0;
   Z(() => {
-    o || (n = pe().format("MM-DD-YYYY"), p(!1)), c(n);
+    o || (n = pe().format("MM-DD-YYYY"), x(!1)), c(n);
     const D = pe(n, "MM-DD-YYYY", !0);
     C(D.isValid() ? D : null), m(D.isValid() && n !== "");
   }, [n]), Z(() => {
-    function D(h) {
-      x.current && (x.current.contains(h.target) || l(!1));
+    function D(p) {
+      h.current && (h.current.contains(p.target) || l(!1));
     }
     if (a && $.current) {
-      const h = $.current.querySelector(
+      const p = $.current.querySelector(
         '[role="button"]:not([disabled])'
       );
-      h == null || h.focus(), document.addEventListener("mousedown", D);
+      p == null || p.focus(), document.addEventListener("mousedown", D);
     }
     return () => {
       document.removeEventListener("mousedown", D);
     };
   }, [a]);
-  const _ = (D) => {
-    var A;
-    const h = D.format("MM-DD-YYYY");
-    p(!0), C(D), c(h), m(!0), r(h), l(!1), (A = M.current) == null || A.focus();
-  }, O = (D, h) => {
-    D.key === "Enter" && _(h);
-  }, H = (D) => {
-    const h = D.target.value;
-    if (c(h), p(!0), !/^\d{1,2}-\d{2}-\d{4}$/.test(h)) {
-      m(!1), r(h);
+  const M = (D) => {
+    var O;
+    const p = D.format("MM-DD-YYYY");
+    x(!0), C(D), c(p), m(!0), r(p), l(!1), (O = _.current) == null || O.focus();
+  }, A = (D, p) => {
+    D.key === "Enter" && M(p);
+  }, I = (D) => {
+    const p = D.target.value;
+    if (c(p), x(!0), !/^\d{1,2}-\d{2}-\d{4}$/.test(p)) {
+      m(!1), r(p);
       return;
     }
-    const F = pe(h, "MM-DD-YYYY", !0);
-    F.isValid() ? (console.log("MAYBEDATE IS VALID"), C(F), m(!0), r(h)) : (console.log("MAYBEDATE IS --NOT-- VALID"), m(!1), r(h));
-  }, j = () => {
+    const F = pe(p, "MM-DD-YYYY", !0);
+    F.isValid() ? (console.log("MAYBEDATE IS VALID"), C(F), m(!0), r(p)) : (console.log("MAYBEDATE IS --NOT-- VALID"), m(!1), r(p));
+  }, E = () => {
     l((D) => !D);
   }, B = () => {
     u && C(u.subtract(1, "month"));
@@ -4011,28 +4018,28 @@ const pe = /* @__PURE__ */ R0(Y0), P0 = "data:image/svg+xml,%3csvg%20xmlns='http
   }, U = () => {
     if (!u) return null;
     const D = [];
-    for (let h = 0; h < g; h++)
-      D.push(/* @__PURE__ */ s("div", { className: "w-8 h-8" }, `empty-${h}`));
-    for (let h = 1; h <= y; h++) {
-      const A = u.date(h);
+    for (let p = 0; p < g; p++)
+      D.push(/* @__PURE__ */ s("div", { className: "w-8 h-8" }, `empty-${p}`));
+    for (let p = 1; p <= y; p++) {
+      const O = u.date(p);
       D.push(
         /* @__PURE__ */ s(
           "button",
           {
             tabIndex: 0,
-            onClick: () => _(A),
-            onKeyDown: (F) => O(F, A),
-            className: `w-8 h-8 ${A.isSame(u, "date") ? "bg-blue-600 text-white" : ""} hover:bg-blue-100 focus:ring`,
-            "aria-label": A.format("MMMM D, YYYY"),
-            children: h
+            onClick: () => M(O),
+            onKeyDown: (F) => A(F, O),
+            className: `w-8 h-8 ${O.isSame(u, "date") ? "bg-blue-600 text-white" : ""} hover:bg-blue-100 focus:ring`,
+            "aria-label": O.format("MMMM D, YYYY"),
+            children: p
           },
-          h
+          p
         )
       );
     }
     return D;
   };
-  return /* @__PURE__ */ L("div", { className: "relative", ref: x, children: [
+  return /* @__PURE__ */ L("div", { className: "relative", ref: h, children: [
     /* @__PURE__ */ s("label", { htmlFor: e, id: "date-picker-input", className: "block text-sm font-medium text-gray-700", children: t }),
     /* @__PURE__ */ L("div", { className: "flex items-center mt-1", children: [
       /* @__PURE__ */ s(
@@ -4041,9 +4048,9 @@ const pe = /* @__PURE__ */ R0(Y0), P0 = "data:image/svg+xml,%3csvg%20xmlns='http
           id: e,
           type: "text",
           "aria-labelledby": "date-picker-input",
-          ref: M,
+          ref: _,
           value: b ? o : "",
-          onChange: H,
+          onChange: I,
           placeholder: "MM-DD-YYYY",
           className: `block w-full border-gray-300 border-2 rounded-l-md rounded-r-none py-2
             focus:border-blue-500 pl-1 focus:outline-hidden`
@@ -4053,7 +4060,7 @@ const pe = /* @__PURE__ */ R0(Y0), P0 = "data:image/svg+xml,%3csvg%20xmlns='http
         "button",
         {
           type: "button",
-          onClick: j,
+          onClick: E,
           className: `px-3 py-2 bg-gray-100 border-2 border-gray-300 rounded-r-md rounded-l-none hover:bg-gray-200
             focus:outline-hidden focus:border-blue-500`,
           "aria-label": "Open calendar",
@@ -4141,28 +4148,28 @@ const pe = /* @__PURE__ */ R0(Y0), P0 = "data:image/svg+xml,%3csvg%20xmlns='http
 };
 var G0 = /* @__PURE__ */ ((e) => (e.Right = "right", e.Left = "left", e.IconOnly = "iconOnly", e.None = "undefined", e))(G0 || {});
 const Ht = ({ variant: e = "default", tabs: t, className: n, classNameContainer: r, customActiveClass: a, customInactiveClass: l }) => {
-  const [o, c] = I(0), [i, m] = I(!1), [b, p] = I(""), u = X([]);
+  const [o, c] = H(0), [i, m] = H(!1), [b, x] = H(""), u = X([]);
   e === "" && (e = "default");
   const C = Me((g) => {
-    var _;
-    (_ = u.current[g]) == null || _.focus();
-  }, []), x = (g, _) => {
-    _ && _(), c(g);
-  }, M = (g) => (_) => {
-    u.current[g] = _;
+    var M;
+    (M = u.current[g]) == null || M.focus();
+  }, []), h = (g, M) => {
+    M && M(), c(g);
+  }, _ = (g) => (M) => {
+    u.current[g] = M;
   }, $ = Me(
-    (g, _) => {
+    (g, M) => {
       if (g.key === "ArrowRight") {
-        const O = (_ + 1) % t.length;
-        c(O), C(O);
+        const A = (M + 1) % t.length;
+        c(A), C(A);
       } else if (g.key === "ArrowLeft") {
-        const O = (_ - 1 + t.length) % t.length;
-        c(O), C(O);
+        const A = (M - 1 + t.length) % t.length;
+        c(A), C(A);
       } else g.key === "Home" ? (c(0), C(0)) : g.key === "End" && (c(t.length - 1), C(t.length - 1));
     },
     [t.length, C]
   ), y = (g) => {
-    m(!0), p(g);
+    m(!0), x(g);
   };
   return /* @__PURE__ */ L("div", { className: f("w-full", r), children: [
     /* @__PURE__ */ s(
@@ -4171,37 +4178,37 @@ const Ht = ({ variant: e = "default", tabs: t, className: n, classNameContainer:
         role: "tablist",
         "aria-label": "Tabs",
         className: f(Ie[e].container, n),
-        children: t.map((g, _) => /* @__PURE__ */ L(
+        children: t.map((g, M) => /* @__PURE__ */ L(
           "button",
           {
             role: "tab",
             id: `tab-${g.id}`,
             onMouseEnter: () => y(g.id),
             onMouseLeave: () => m(!1),
-            "aria-selected": o === _,
+            "aria-selected": o === M,
             "aria-controls": `panel-${g.id}`,
-            tabIndex: o === _ ? 0 : -1,
-            ref: M(_),
-            className: `flex px-6 py-3 md:py-[14px] lg:py-4 focus:outline-hidden ${e === "outline" ? `border-[#092068] ${_ === 0 ? "border-l-2 border-t-2 border-b-2 rounded-l-md focus:rounded-l-md" : _ === t.length - 1 ? "border-r-2 border-t-2 border-b-2 rounded-r-md focus:rounded-r-md" : "border-t-2 border-b-2"}` : ""} ${o === _ ? f(Ie[e].active, a) : f(Ie[e].inactive, l)}`,
-            onClick: () => x(_, g.onClick),
-            onKeyDown: (O) => $(O, _),
+            tabIndex: o === M ? 0 : -1,
+            ref: _(M),
+            className: `flex px-6 py-3 md:py-[14px] lg:py-4 focus:outline-hidden ${e === "outline" ? `border-[#092068] ${M === 0 ? "border-l-2 border-t-2 border-b-2 rounded-l-md focus:rounded-l-md" : M === t.length - 1 ? "border-r-2 border-t-2 border-b-2 rounded-r-md focus:rounded-r-md" : "border-t-2 border-b-2"}` : ""} ${o === M ? f(Ie[e].active, a) : f(Ie[e].inactive, l)}`,
+            onClick: () => h(M, g.onClick),
+            onKeyDown: (A) => $(A, M),
             children: [
-              g.iconPosition === "left" && g.activeIcon && /* @__PURE__ */ s("span", { className: "icon-left mr-3 size-6 lg:mt-0.5", children: o === _ ? i && b === g.id ? g.inactiveIcon : g.activeIcon : g.inactiveIcon }),
-              g.iconPosition === "iconOnly" && g.activeIcon ? /* @__PURE__ */ s("span", { className: "size-6 lg:mt-0.5", children: o === _ ? i && b === g.id ? g.inactiveIcon : g.activeIcon : g.inactiveIcon }) : /* @__PURE__ */ s("span", { className: "text-sm md:text-base lg:text-lg mt-0.5 md:mt-0", children: g.label }),
-              g.iconPosition === "right" && g.activeIcon && /* @__PURE__ */ s("span", { className: "icon-right ml-3 size-6 lg:mt-0.5", children: o === _ ? i && b === g.id ? g.inactiveIcon : g.activeIcon : g.inactiveIcon })
+              g.iconPosition === "left" && g.activeIcon && /* @__PURE__ */ s("span", { className: "icon-left mr-3 size-6 lg:mt-0.5", children: o === M ? i && b === g.id ? g.inactiveIcon : g.activeIcon : g.inactiveIcon }),
+              g.iconPosition === "iconOnly" && g.activeIcon ? /* @__PURE__ */ s("span", { className: "size-6 lg:mt-0.5", children: o === M ? i && b === g.id ? g.inactiveIcon : g.activeIcon : g.inactiveIcon }) : /* @__PURE__ */ s("span", { className: "text-sm md:text-base lg:text-lg mt-0.5 md:mt-0", children: g.label }),
+              g.iconPosition === "right" && g.activeIcon && /* @__PURE__ */ s("span", { className: "icon-right ml-3 size-6 lg:mt-0.5", children: o === M ? i && b === g.id ? g.inactiveIcon : g.activeIcon : g.inactiveIcon })
             ]
           },
           g.id
         ))
       }
     ),
-    t.map((g, _) => /* @__PURE__ */ s(
+    t.map((g, M) => /* @__PURE__ */ s(
       "div",
       {
         role: "tabpanel",
         id: `panel-${g.id}`,
         "aria-labelledby": `tab-${g.id}`,
-        hidden: o !== _,
+        hidden: o !== M,
         className: "p-4",
         children: g.content
       },
@@ -4258,40 +4265,40 @@ const e2 = "px-4 py-3 arial rounded-lg border border-[#B3B3B3] mx-2 bg-white hov
     textShadow: i = !1,
     mask: m,
     disabled: b,
-    ...p
+    ...x
   }, u) => {
-    const [C, x] = I(), [M, $] = I(e2), [y, g] = I(""), [_, O] = I(!1), H = X(null), [j, B] = I(""), k = "border-[#D54309] border", U = (h) => {
-      const A = h.target.value;
-      B(m ? D(A) : A);
+    const [C, h] = H(), [_, $] = H(e2), [y, g] = H(""), [M, A] = H(!1), I = X(null), [E, B] = H(""), k = "border-[#D54309] border", U = (p) => {
+      const O = p.target.value;
+      B(m ? D(O) : O);
     };
-    function D(h) {
-      let A = "", F = 0;
+    function D(p) {
+      let O = "", F = 0;
       if (m)
-        for (; h.length > 0 && F < m.length; )
-          m[F] !== "#" && m[F] !== "@" ? m[F] === h[0] ? (A += h[0], h = h.slice(1), F++) : ((Xe(h[0]) && Qe(m, F) === "@" || Je(h[0]) && Qe(m, F) === "#") && (A += m[F]), F++) : m[F] === "#" && Je(h[0]) || m[F] === "@" && Xe(h[0]) ? (A += h[0], h = h.slice(1), F++) : h = h.slice(1);
-      return A;
+        for (; p.length > 0 && F < m.length; )
+          m[F] !== "#" && m[F] !== "@" ? m[F] === p[0] ? (O += p[0], p = p.slice(1), F++) : ((Xe(p[0]) && Qe(m, F) === "@" || Je(p[0]) && Qe(m, F) === "#") && (O += m[F]), F++) : m[F] === "#" && Je(p[0]) || m[F] === "@" && Xe(p[0]) ? (O += p[0], p = p.slice(1), F++) : p = p.slice(1);
+      return O;
     }
     if (Z(() => {
-      var h, A, F;
+      var p, O, F;
       t && ($(f(
         e2,
-        (h = He.find((z) => z.variant === t)) == null ? void 0 : h.classes,
+        (p = He.find((z) => z.variant === t)) == null ? void 0 : p.classes,
         c && k,
         e
-      )), g(f(r ? (A = He.find((z) => z.variant === t)) == null ? void 0 : A.insetLabelClasses : (F = He.find((z) => z.variant === t)) == null ? void 0 : F.labelClasses, a)));
-    }, [e, a, t, _, r, c]), Z(() => {
+      )), g(f(r ? (O = He.find((z) => z.variant === t)) == null ? void 0 : O.insetLabelClasses : (F = He.find((z) => z.variant === t)) == null ? void 0 : F.labelClasses, a)));
+    }, [e, a, t, M, r, c]), Z(() => {
       if (r) {
-        const h = H.current;
-        if (!h) return;
-        const A = (F) => {
-          const z = getComputedStyle(h);
-          x(z.backgroundColor), O(F);
+        const p = I.current;
+        if (!p) return;
+        const O = (F) => {
+          const z = getComputedStyle(p);
+          h(z.backgroundColor), A(F);
         };
-        return A(!0), h.addEventListener("mouseover", () => A(!0)), h.addEventListener("mouseout", () => A(!1)), () => {
-          h.removeEventListener("mouseover", () => A), h.removeEventListener("mouseout", () => A);
+        return O(!0), p.addEventListener("mouseover", () => O(!0)), p.addEventListener("mouseout", () => O(!1)), () => {
+          p.removeEventListener("mouseover", () => O), p.removeEventListener("mouseout", () => O);
         };
       }
-    }, [o, r, _, b]), !["default", "outline", "nonHover"].includes(t))
+    }, [o, r, M, b]), !["default", "outline", "nonHover"].includes(t))
       throw new Error(
         `Invalid variant: "${t}". Valid variants are: "default", "outline", and "nonHover".`
       );
@@ -4306,22 +4313,22 @@ const e2 = "px-4 py-3 arial rounded-lg border border-[#B3B3B3] mx-2 bg-white hov
           } : { textShadow: i ? `1px 1px 2px ${o}, 0 0 1em ${o}, 0 0 0.2em ${o}` : "" },
           children: [
             n,
-            p.required && /* @__PURE__ */ s("span", { className: f("absolute text-red-500 ms-0.5 -mt-1", l), children: "*" })
+            x.required && /* @__PURE__ */ s("span", { className: f("absolute text-red-500 ms-0.5 -mt-1", l), children: "*" })
           ]
         }
       ),
       /* @__PURE__ */ s(
         "input",
         {
-          className: M,
+          className: _,
           "aria-label": n,
-          value: j,
+          value: E,
           onChange: U,
           disabled: b,
-          ref: (h) => {
-            typeof u == "function" ? u(h) : u && (u.current = h), H.current = h;
+          ref: (p) => {
+            typeof u == "function" ? u(p) : u && (u.current = p), I.current = p;
           },
-          ...p
+          ...x
         }
       )
     ] });
@@ -4340,7 +4347,7 @@ const K0 = ({
   isDisc: i = !1,
   isAlphabetical: m = !1,
   isRomanNumeral: b = !1,
-  isInline: p = !1
+  isInline: x = !1
 }) => /* @__PURE__ */ L("div", { className: "p-0 m-0", children: [
   /* @__PURE__ */ s("p", { children: t }),
   /* @__PURE__ */ L("ul", { className: f("pl-6 list-none w-full", c ? "list-decimal" : "", i ? "list-disc" : "", n), children: [
@@ -4349,9 +4356,9 @@ const K0 = ({
       {
         className: f(
           "w-full text-base md:text:lg py-2",
-          l && (p ? C !== e.length : C !== e.length - 1) ? "border-b" : "",
-          o !== "" && (p ? C !== e.length : C !== e.length - 1) ? o : "",
-          p && "inline mr-2",
+          l && (x ? C !== e.length : C !== e.length - 1) ? "border-b" : "",
+          o !== "" && (x ? C !== e.length : C !== e.length - 1) ? o : "",
+          x && "inline mr-2",
           r
         ),
         children: [
@@ -4372,12 +4379,12 @@ const K0 = ({
       a,
       (u, C) => ne.isValidElement(u) ? ne.cloneElement(u, {
         className: f(
-          p && "inline mr-2",
+          x && "inline mr-2",
           r,
           u.props.className,
           "w-full",
-          l && (p ? C !== ne.Children.count(a) : C !== ne.Children.count(a) - 1) ? "border-b" : "",
-          o !== "" && (p ? C !== ne.Children.count(a) : C !== ne.Children.count(a) - 1) ? o : ""
+          l && (x ? C !== ne.Children.count(a) : C !== ne.Children.count(a) - 1) ? "border-b" : "",
+          o !== "" && (x ? C !== ne.Children.count(a) : C !== ne.Children.count(a) - 1) ? o : ""
         ),
         children: /* @__PURE__ */ L(oe, { children: [
           b && /* @__PURE__ */ L("div", { className: "flex flex-row", children: [
@@ -4430,42 +4437,42 @@ const K0 = ({
   closeButtonText: i = "Close",
   continueButton: m = !1,
   continueButtonHandler: b,
-  continueButtonText: p = "Continue",
+  continueButtonText: x = "Continue",
   blurLevel: u,
   children: C
 }) => {
-  const x = X(null), M = X(null), $ = "fixed inset-0 z-50 flex items-center justify-center bg-black/50", [y, g] = I("");
+  const h = X(null), _ = X(null), $ = "fixed inset-0 z-50 flex items-center justify-center bg-black/50", [y, g] = H("");
   if (Z(() => {
     if (u) {
-      const O = "backdrop-blur-" + u;
-      g(f($, O));
+      const A = "backdrop-blur-" + u;
+      g(f($, A));
     } else
       g($);
   }, [u]), Z(() => {
     if (o) {
-      const O = (H) => {
-        x.current && !x.current.contains(H.target) && n();
+      const A = (I) => {
+        h.current && !h.current.contains(I.target) && n();
       };
-      return document.addEventListener("mousedown", O), () => {
-        document.removeEventListener("mousedown", O);
+      return document.addEventListener("mousedown", A), () => {
+        document.removeEventListener("mousedown", A);
       };
     }
   }, [n]), Z(() => {
-    var j;
-    const O = (B) => {
+    var E;
+    const A = (B) => {
       B.key === "Escape" && e && n();
-    }, H = (B) => {
-      var h;
-      const k = (h = x.current) == null ? void 0 : h.querySelectorAll(
+    }, I = (B) => {
+      var p;
+      const k = (p = h.current) == null ? void 0 : p.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       ), U = k == null ? void 0 : k[0], D = k == null ? void 0 : k[k.length - 1];
       B.key === "Tab" && k && (B.shiftKey && document.activeElement === U ? (B.preventDefault(), D == null || D.focus()) : !B.shiftKey && document.activeElement === D && (B.preventDefault(), U == null || U.focus()));
     };
-    return e ? (document.body.style.overflow = "hidden", window.addEventListener("keydown", O), window.addEventListener("keydown", H), (j = M.current) == null || j.focus()) : document.body.style.overflow = "auto", () => {
-      window.removeEventListener("keydown", O), window.removeEventListener("keydown", H), document.body.style.overflow = "auto";
+    return e ? (document.body.style.overflow = "hidden", window.addEventListener("keydown", A), window.addEventListener("keydown", I), (E = _.current) == null || E.focus()) : document.body.style.overflow = "auto", () => {
+      window.removeEventListener("keydown", A), window.removeEventListener("keydown", I), document.body.style.overflow = "auto";
     };
   }, [e, n]), !e) return null;
-  const _ = () => {
+  const M = () => {
     b && b(), n();
   };
   return /* @__PURE__ */ s(
@@ -4477,7 +4484,7 @@ const K0 = ({
         "div",
         {
           className: f(me[t].container, a),
-          ref: x,
+          ref: h,
           "aria-label": "modal-title",
           role: "dialog",
           "aria-modal": "true",
@@ -4500,7 +4507,7 @@ const K0 = ({
               l && /* @__PURE__ */ s(
                 "button",
                 {
-                  ref: M,
+                  ref: _,
                   onClick: n,
                   className: f(me[t].button),
                   children: i
@@ -4509,9 +4516,9 @@ const K0 = ({
               m && /* @__PURE__ */ s(
                 "button",
                 {
-                  onClick: _,
+                  onClick: M,
                   className: f(me[t].button, "ms-4"),
-                  children: p
+                  children: x
                 }
               )
             ] }) : ""
@@ -4533,21 +4540,21 @@ const K0 = ({
     disabled: i = !1,
     ...m
   }, b) => {
-    const [p, u] = I(), [C, x] = I(), [M, $] = I("bg-white");
+    const [x, u] = H(), [C, h] = H(), [_, $] = H("bg-white");
     return Z(() => {
       const y = "text-lg font-normal font-['Arial'] leading-normal ";
-      x(t && r ? y : t ? y + "mr-6" : r ? y + "ml-6" : y + "ml-6 mr-6");
+      h(t && r ? y : t ? y + "mr-6" : r ? y + "ml-6" : y + "ml-6 mr-6");
     }, [t, r, l]), Z(() => {
       $(c ? "bg-[#092068] focus:bg-[#092068] text-white" : "bg-white"), u(f(
         "relative inline-flex items-center justify-center whitespace-nowrap rounded-3xl  transition-colors focus-visible:outline-hidden font-[`Arial`] disabled:pointer-events-none disabled:opacity-50 border-2 border-[#092068] text-[#092068] text-lg focus:shadow-[0px_0px_0px_3px_rgba(251,137,241,1.00)] bg-white hover:bg-[#D1DBFB] active:bg-[#9fc5f0] focus:bg-white disabled:bg-[#939194] disabled:bg-dha-mc-bottom-nav-background disabled:text-dha-mc-checkbox-inactive focus:border-black disabled:border-dha-mc-secondary-border disabled:border-2 h-[48px] mt-1",
-        M,
+        _,
         e
       ));
-    }, [e, M, c]), /* @__PURE__ */ L(
+    }, [e, _, c]), /* @__PURE__ */ L(
       "button",
       {
         onClick: o,
-        className: p,
+        className: x,
         ref: b,
         ...m,
         disabled: i,
@@ -4570,7 +4577,7 @@ const K0 = ({
 }) => {
   const c = Array.from({ length: e }, (i, m) => m + 1);
   return /* @__PURE__ */ s("div", { className: "flex items-center w-full", children: c.map((i, m) => {
-    const b = i <= t - 1, p = m === c.length - 1;
+    const b = i <= t - 1, x = m === c.length - 1;
     return /* @__PURE__ */ L(oe, { children: [
       /* @__PURE__ */ s(
         "div",
@@ -4596,7 +4603,7 @@ const K0 = ({
           ] }) })
         }
       ),
-      !p && /* @__PURE__ */ s(
+      !x && /* @__PURE__ */ s(
         "div",
         {
           className: f(
@@ -4632,12 +4639,12 @@ const Et = ({
   classNameContainer: r,
   options: a
 }) => {
-  const [l, o] = I(""), c = (m) => {
+  const [l, o] = H(""), c = (m) => {
     o(m);
   }, i = l;
   return /* @__PURE__ */ L("fieldset", { role: "radiogroup", className: r, children: [
     /* @__PURE__ */ s("p", { className: "mb-2", children: e }),
-    a.map(({ label: m, value: b, id: p, disabled: u }) => (
+    a.map(({ label: m, value: b, id: x, disabled: u }) => (
       // const isSelected = internalValue === val;
       /* @__PURE__ */ L(
         "label",
@@ -4652,7 +4659,7 @@ const Et = ({
             /* @__PURE__ */ s(
               "input",
               {
-                id: p,
+                id: x,
                 className: "hidden",
                 type: "radio",
                 value: b,
@@ -4679,43 +4686,43 @@ const Et = ({
     mobileOnly: l = !1,
     ...o
   }, c) => {
-    var j;
-    const i = X(null), m = X(null), [b, p] = I(""), [u, C] = I(), [x, M] = I(n), $ = (B) => {
-      B.key === "Enter" && (a ? O() : u && u.pages[0].path && (window.location.href = u.pages[0].path));
+    var E;
+    const i = X(null), m = X(null), [b, x] = H(""), [u, C] = H(), [h, _] = H(n), $ = (B) => {
+      B.key === "Enter" && (a ? A() : u && u.pages[0].path && (window.location.href = u.pages[0].path));
     }, y = () => {
-      p(""), C(void 0);
+      x(""), C(void 0);
     };
     Z(() => {
-      M(n);
+      _(n);
     }, [n]);
     function g(B) {
       const k = B.toLowerCase(), U = [];
-      return r.forEach((D, h) => {
-        const A = [];
+      return r.forEach((D, p) => {
+        const O = [];
         let F = D.content.toLowerCase().indexOf(k);
         for (; F !== -1; ) {
           const z = D.content.substring(
             F + k.length,
             F + k.length + 15
           );
-          A.push({ characters: z, index: h }), F = D.content.toLowerCase().indexOf(k, F + 1);
+          O.push({ characters: z, index: p }), F = D.content.toLowerCase().indexOf(k, F + 1);
         }
-        A.length && U.push({
+        O.length && U.push({
           title: D.title,
           path: D.path,
-          results: A
+          results: O
         });
       }), { input: B, pages: U };
     }
-    const _ = (B) => {
+    const M = (B) => {
       const k = B.target.value;
-      if (p(k), !k) {
+      if (x(k), !k) {
         C(void 0);
         return;
       }
       const U = g(k);
       C(U);
-    }, O = () => {
+    }, A = () => {
       var k;
       const B = ((k = i.current) == null ? void 0 : k.value) ?? "";
       if (a)
@@ -4725,20 +4732,20 @@ const Et = ({
         } else
           a({ input: "", pages: [{ results: [] }] });
     };
-    return x ? (
+    return h ? (
       // Display solo search icon button to expand search component
       /* @__PURE__ */ s("span", { className: `w-[52px] h-[50px] p-2 rounded-sm border border-[#6a686b]
             inline-flex flex-col justify-center items-center bg-white`, children: /* @__PURE__ */ s(
         "button",
         {
           className: "appearance-none p-0 m-0 border-0 flex items-center justify-center align-middle",
-          onClick: () => M(!1),
+          onClick: () => _(!1),
           children: /* @__PURE__ */ s("img", { className: "", src: t2, alt: "search icon" })
         }
       ) })
     ) : (
       // Container including input + output list box
-      /* @__PURE__ */ L("span", { className: `h-12 md:h-[50px] lg:h-14 flex items-center relative ${x && "hidden"}`, children: [
+      /* @__PURE__ */ L("span", { className: `h-12 md:h-[50px] lg:h-14 flex items-center relative ${h && "hidden"}`, children: [
         /* @__PURE__ */ L("span", { className: `
             border-[#6a686b] w-[309px] md:w-[334px] lg:w-[350px]
             inline-flex bg-white items-center
@@ -4747,17 +4754,17 @@ const Et = ({
           " border lg:border-0 rounded-sm "
         )}
             `, children: [
-          /* @__PURE__ */ s("button", { onClick: O, children: /* @__PURE__ */ s("span", { className: "lg:hidden rounded-tl px-2 rounded-bl ", children: /* @__PURE__ */ s("img", { className: "", src: t2, alt: "search icon" }) }) }),
+          /* @__PURE__ */ s("button", { onClick: A, children: /* @__PURE__ */ s("div", { className: "lg:hidden rounded-tl px-2 rounded-bl ", children: /* @__PURE__ */ s("img", { className: "", src: t2, alt: "search icon" }) }) }),
           /* @__PURE__ */ s(
             "input",
             {
-              className: f(`grow appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl
-    rounded-br-none rounded-tr-none lg:border border-[#07192d]
-    font-['Arial'] bg-white text-[#333234] text-base lg:text-lg
-    hover:border-[#5992fa] focus:border-[#5992fa] outline-hidden `, e),
+              className: f(`grow appearance-none h-8 md:h-[32px] lg:h-14 py-2 lg:ps-[19px] rounded-tl rounded-bl 
+    rounded-br-none rounded-tr-none font-['Arial'] bg-white text-[#333234] text-base lg:text-lg 
+    border-0 lg:border border-[#07192d] hover:border-[#5992fa] focus:border-[#5992fa] outline-hidden 
+    `, e),
               "aria-label": t,
               value: b,
-              onChange: _,
+              onChange: M,
               placeholder: "Search result",
               onKeyDown: (B) => $(B),
               ref: (B) => {
@@ -4766,7 +4773,7 @@ const Et = ({
               ...o
             }
           ),
-          /* @__PURE__ */ s("button", { onClick: O, children: /* @__PURE__ */ s("span", { className: `hidden lg:flex items-center size-14 p-[17px] bg-[#07192d]
+          /* @__PURE__ */ s("button", { onClick: A, children: /* @__PURE__ */ s("span", { className: `hidden lg:flex items-center size-14 p-[17px] bg-[#07192d]
               rounded-tr rounded-br `, children: /* @__PURE__ */ s("img", { className: "", src: X0, alt: "search icon" }) }) }),
           /* @__PURE__ */ s("span", { className: "lg:hidden items-center p-3", children: /* @__PURE__ */ s(
             "button",
@@ -4808,7 +4815,7 @@ const Et = ({
                     /* @__PURE__ */ s("span", { className: "text-[#A1A6A8] lg:text-[#4E4E4E]", children: U.characters })
                   ] }))
                 ] }, k)),
-                ((j = u == null ? void 0 : u.pages) == null ? void 0 : j.length) < 1 && /* @__PURE__ */ s("div", { className: "ms-4 mb-1 text-[#1c1d1f]", children: "no search results" })
+                ((E = u == null ? void 0 : u.pages) == null ? void 0 : E.length) < 1 && /* @__PURE__ */ s("div", { className: "ms-4 mb-1 text-[#1c1d1f]", children: "no search results" })
               ]
             }
           )
@@ -4831,39 +4838,39 @@ const tt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     type: i = "page",
     padLeft: m = !0,
     padRight: b = !0,
-    button: p,
+    button: x,
     buttonOnClick: u,
     buttonContent: C = "Click Me",
-    children: x,
-    ...M
+    children: h,
+    ..._
   }, $) => {
-    const [y, g] = I(""), [_, O] = I(""), [H, j] = I(""), B = `${i === "page" ? "pt-4 pb-2" : "py-2"} flex pl-6 pr-2 justify-start items-center gap-4 inline-flex w-full`;
+    const [y, g] = H(""), [M, A] = H(""), [I, E] = H(""), B = `${i === "page" ? "pt-4 pb-2" : "py-2"} flex pl-6 pr-2 justify-start items-center gap-4 inline-flex w-full`;
     return Z(() => {
       g(f(B, l ? "border-b-2 border-[#07192D]" : "", c ? "bg-[#092068] text-[#f0f0f0]" : "bg-transparent text-[#07192d]", m && b ? "mx-4 " : m ? "ms-4" : b ? "me-4" : "", e));
     }, [e, l, c, B, m, b]), Z(() => {
-      O(f(`self-stretch ${i === "page" ? "text-[40px]" : i === "section" ? " text-[32px]" : "text-2xl"} font-normal font-["Arial"] leading-[48px]`, t));
+      A(f(`self-stretch ${i === "page" ? "text-[40px]" : i === "section" ? " text-[32px]" : "text-2xl"} font-normal font-["Arial"] leading-[48px]`, t));
     }, [t, i]), Z(() => {
-      j(f(`${i === "page" ? "text-xl" : "text-lg"} font-normal font-["Arial"] leading-[30px]`, n));
+      E(f(`${i === "page" ? "text-xl" : "text-lg"} font-normal font-["Arial"] leading-[30px]`, n));
     }, [n, i]), /* @__PURE__ */ s("div", { className: f(y, e), children: /* @__PURE__ */ L("div", { className: "grow shrink basis-0 justify-start items-center gap-4 flex flex-row", children: [
       r && r,
       /* @__PURE__ */ L("div", { className: "flex-col justify-start items-start inline-flex w-full", children: [
         /* @__PURE__ */ s(
           "div",
           {
-            className: _,
-            children: x
+            className: M,
+            children: h
           }
         ),
         o && /* @__PURE__ */ s(
           "div",
           {
-            className: H,
+            className: I,
             children: o
           }
         )
       ] }),
       a && a,
-      p && // text color and icon correctly set based on fill value
+      x && // text color and icon correctly set based on fill value
       /* @__PURE__ */ s(
         b2,
         {
@@ -5002,25 +5009,25 @@ const tt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     children: c,
     ...i
   }, m) => {
-    const [b, p] = I(), [u, C] = I(), [x, M] = I(nt), $ = () => {
-      p(f(b, "hidden"));
+    const [b, x] = H(), [u, C] = H(), [h, _] = H(nt), $ = () => {
+      x(f(b, "hidden"));
     };
     return Z(() => {
-      var _, O;
-      const y = t === "custom" ? "default" : t, g = (_ = s2.find(
-        (H) => H.variant === e && H.subVariant === y
-      )) == null ? void 0 : _.classes;
+      var M, A;
+      const y = t === "custom" ? "default" : t, g = (M = s2.find(
+        (I) => I.variant === e && I.subVariant === y
+      )) == null ? void 0 : M.classes;
       if (e === "icon") {
-        const H = (O = s2.find(
-          (j) => j.variant === e && j.subVariant === y
-        )) == null ? void 0 : O.classNameSvg;
-        C(t === "custom" ? f(H, r) : H);
+        const I = (A = s2.find(
+          (E) => E.variant === e && E.subVariant === y
+        )) == null ? void 0 : A.classNameSvg;
+        C(t === "custom" ? f(I, r) : I);
       }
-      e === "hazard" ? M(ot) : e === "go" && M(rt), p(f(g, n));
+      e === "hazard" ? _(ot) : e === "go" && _(rt), x(f(g, n));
     }, [t, n, e, r]), /* @__PURE__ */ L(oe, { children: [
       e === "default" && /* @__PURE__ */ s("div", { className: b, ...i, ref: m, children: c }),
       (e === "warning" || e === "hazard" || e === "go") && /* @__PURE__ */ L("div", { className: b, children: [
-        /* @__PURE__ */ s("div", { className: "size-6 flex-col justify-center items-center gap-2.5 inline-flex overflow-hidden relative", children: /* @__PURE__ */ s("div", { className: "left-0 top-0 absolute", children: /* @__PURE__ */ s("img", { className: "size-6", src: x, alt: `${e} icon` }) }) }),
+        /* @__PURE__ */ s("div", { className: "size-6 flex-col justify-center items-center gap-2.5 inline-flex overflow-hidden relative", children: /* @__PURE__ */ s("div", { className: "left-0 top-0 absolute", children: /* @__PURE__ */ s("img", { className: "size-6", src: h, alt: `${e} icon` }) }) }),
         /* @__PURE__ */ s("div", { className: "grow shrink basis-0 self-stretch text-black text-sm font-normal font-['Arial'] leading-[19px]", children: c }),
         /* @__PURE__ */ s(
           "button",
@@ -5055,21 +5062,21 @@ const tt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
     classNameMenuItem: i = "",
     classNameMenuContainer: m = "",
     version: b,
-    menuItems: p,
+    menuItems: x,
     right: u = !1,
     children: C,
-    ...x
-  }, M) => {
-    const $ = X(null), [y, g] = I(!1), [_, O] = I(Be);
+    ...h
+  }, _) => {
+    const $ = X(null), [y, g] = H(!1), [M, A] = H(Be);
     return Z(() => {
-      O(f(u ? Be + " text-right pe-2" : Be, i));
-    }, [u, _, i]), Z(() => {
+      A(f(u ? Be + " text-right pe-2" : Be, i));
+    }, [u, M, i]), Z(() => {
       if (a) {
-        const H = (j) => {
-          $.current && !$.current.contains(j.target) && g(!1);
+        const I = (E) => {
+          $.current && !$.current.contains(E.target) && g(!1);
         };
-        return document.addEventListener("mousedown", H), () => {
-          document.removeEventListener("mousedown", H);
+        return document.addEventListener("mousedown", I), () => {
+          document.removeEventListener("mousedown", I);
         };
       }
     }, [g]), // eslint-disable-next-line react/jsx-no-useless-fragment
@@ -5093,13 +5100,13 @@ const tt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20wid
             /* @__PURE__ */ s("div", { className: f("w-16 h-16 mx-auto", l), children: /* @__PURE__ */ s("img", { src: n, className: f("border border-[#bbbabc] w-16 h-16 bg-[#eeeeef] ring-1", r), alt: "application icon" }) }),
             /* @__PURE__ */ s("div", { className: "text-center text-xl mt-2", children: t }),
             /* @__PURE__ */ s("div", { className: "[204px] mt-3 h-[2px] border-[0.5px] border-[#D9D9D9] bg-[#D9D9D9]" }),
-            /* @__PURE__ */ s(K0, { className: "pl-4 lg:pl-6 mt-6", children: p.map((H, j) => /* @__PURE__ */ s(
+            /* @__PURE__ */ s(K0, { className: "pl-4 lg:pl-6 mt-6", children: x.map((I, E) => /* @__PURE__ */ s(
               w2,
               {
-                className: _,
-                children: H.target && /* @__PURE__ */ s(N2, { to: H.target, children: H.children })
+                className: M,
+                children: I.target && /* @__PURE__ */ s(N2, { to: I.target, onClick: () => g(!1), children: I.children })
               },
-              j
+              E
             )) }),
             /* @__PURE__ */ L("div", { className: "align-bottom mt-auto text-right right-2 bottom-1", children: [
               "Version ",
@@ -5211,13 +5218,13 @@ const ut = "_slider_87un4_28", gt = {
     label: o,
     ...c
   }, i) => {
-    const [m, b] = I(r), p = X(null);
-    n2(i, () => p.current), Z(() => {
+    const [m, b] = H(r), x = X(null);
+    n2(i, () => x.current), Z(() => {
       b(r);
     }, []);
     const u = (C) => {
-      const x = Number(C.target.value);
-      b(Number(x)), a && a(x);
+      const h = Number(C.target.value);
+      b(Number(h)), a && a(h);
     };
     return /* @__PURE__ */ L(oe, { children: [
       l && o && /* @__PURE__ */ s(
@@ -5231,7 +5238,7 @@ const ut = "_slider_87un4_28", gt = {
       /* @__PURE__ */ s(
         "input",
         {
-          ref: p,
+          ref: x,
           type: "range",
           id: l,
           className: f(gt.slider, e),
@@ -5273,16 +5280,16 @@ const pt = "data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%20
     children: l,
     ...o
   }, c) => {
-    const [i, m] = I(), [b, p] = I(), [u, C] = I();
+    const [i, m] = H(), [b, x] = H(), [u, C] = H();
     return Z(() => {
-      var x, M, $;
+      var h, _, $;
       m(f(
-        (x = Ae.find((y) => y.variant === e)) == null ? void 0 : x.classes,
+        (h = Ae.find((y) => y.variant === e)) == null ? void 0 : h.classes,
         t
       )), C(f(
-        (M = Ae.find((y) => y.variant === e)) == null ? void 0 : M.childClasses,
+        (_ = Ae.find((y) => y.variant === e)) == null ? void 0 : _.childClasses,
         r
-      )), p(f(
+      )), x(f(
         ($ = Ae.find((y) => y.variant === e)) == null ? void 0 : $.imgDivClasses,
         a
       ));
@@ -5331,25 +5338,25 @@ const pt = "data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%20
     children: i,
     ...m
   }, b) => {
-    var x, M, $, y;
-    const [p, u] = I(e);
+    var h, _, $, y;
+    const [x, u] = H(e);
     return /* @__PURE__ */ s(
       "button",
       {
         onClick: () => {
-          const g = !p;
+          const g = !x;
           u(g), n && n(g);
         },
         disabled: t,
         role: "switch",
-        "aria-checked": p,
+        "aria-checked": x,
         "aria-disabled": t,
         ...m,
         ref: b,
-        "aria-label": r || `Toggle ${p ? "on" : "off"}`,
+        "aria-label": r || `Toggle ${x ? "on" : "off"}`,
         className: f(
           `${wt}
-        ${p ? (x = ke.find((g) => g.variant === o)) == null ? void 0 : x.toggledClasses : (M = ke.find((g) => g.variant === o)) == null ? void 0 : M.classes}`,
+        ${x ? (h = ke.find((g) => g.variant === o)) == null ? void 0 : h.toggledClasses : (_ = ke.find((g) => g.variant === o)) == null ? void 0 : _.classes}`,
           a
         ),
         children: /* @__PURE__ */ s(
@@ -5357,7 +5364,7 @@ const pt = "data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%20
           {
             className: f(
               `${vt}
-          ${p ? ($ = ke.find((g) => g.variant === o)) == null ? void 0 : $.toggledButtonClasses : (y = ke.find((g) => g.variant === o)) == null ? void 0 : y.buttonClasses}`,
+          ${x ? ($ = ke.find((g) => g.variant === o)) == null ? void 0 : $.toggledButtonClasses : (y = ke.find((g) => g.variant === o)) == null ? void 0 : y.buttonClasses}`,
               l
             )
           }
@@ -5373,18 +5380,18 @@ const pt = "data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%20
     id: r = "tooltip-content",
     ...a
   }, l) => {
-    const [o, c] = I(!1);
+    const [o, c] = H(!1);
     let i;
     const m = Me(() => {
       i = setTimeout(() => c(!0), t);
     }, [t]), b = Me(() => {
       clearTimeout(i), c(!1);
-    }, []), p = Ue.toArray(e), u = p.find((x) => {
-      if (be(x))
-        return x.type.displayName !== "TooltipContent";
-    }), C = p.find((x) => {
-      if (be(x))
-        return x.type.displayName === "TooltipContent";
+    }, []), x = Ue.toArray(e), u = x.find((h) => {
+      if (be(h))
+        return h.type.displayName !== "TooltipContent";
+    }), C = x.find((h) => {
+      if (be(h))
+        return h.type.displayName === "TooltipContent";
     });
     return /* @__PURE__ */ s(v2.Provider, { value: { id: r }, children: /* @__PURE__ */ L(
       "div",
@@ -5408,7 +5415,7 @@ const pt = "data:image/svg+xml,%3csvg%20width='20'%20height='21'%20viewBox='0%20
 Ct.displayName = "Tooltip";
 const yt = ee(
   ({ children: e, className: t, position: n, ...r }, a) => {
-    const [l, o] = I("mt-2"), c = y2(v2);
+    const [l, o] = H("mt-2"), c = y2(v2);
     if (!c)
       throw new Error("TooltipContent must be used within a tooltip");
     const { id: i } = c;
@@ -5439,7 +5446,7 @@ export {
   Dt as Badge,
   St as Breadcrumbs,
   b2 as Button,
-  C0 as ButtonGroup,
+  M0 as ButtonGroup,
   S0 as Card,
   Vt as CharacterCounter,
   x2 as CheckBox,