@aveonline/ui-react 1.9.4 → 1.9.6

package/dist/ui-react.mjs

@@ -38,7 +38,7 @@ var Qi = { exports: {} };
     e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
   })();
 })(Qi);
-const G = Qi.exports;
+const D = Qi.exports;
 function ho({
   variant: e,
   isLoading: t,
@@ -68,18 +68,18 @@ function ho({
     "basic",
     "destructive",
     "disabled"
-  ].includes(e != null ? e : "primary"), u = G("p-sm", {
+  ].includes(e != null ? e : "primary"), u = D("p-sm", {
     "h-[56px] w-[56px]": n === "md" && s(),
     "h-[36px] w-[36px]": n === "sm" && s(),
     "h-[40px] w-[40px]": n === "md" && !s(),
     "h-[30px] w-[30px]": n === "sm" && !s()
-  }), c = G("leading-xs px-sm", {
+  }), c = D("leading-xs px-sm", {
     "h-[36px] py-xs": n === "sm" && s(),
     "h-[56px] py-md": n === "md" && s(),
     "h-[30px] py-[5px]": n === "sm" && !s(),
     "h-[40px] py-[10px]": n === "md" && !s()
   }), d = () => a ? "" : i ? "w-full" : "w-auto";
-  return { getClass: () => G(
+  return { getClass: () => D(
     "rounded-sm text-xs font-sans font-medium disabled:text-letter-disabled flex items-center gap-x-2 focus:outline-none whitespace-nowrap",
     t ? "relative" : "",
     a ? u : c,
@@ -219,13 +219,13 @@ function Bo() {
         }
       return null;
     }
-    var R = Object.assign, D = 0, H, X, T, J, U, Ge, ue;
+    var R = Object.assign, G = 0, H, X, T, J, U, Ge, ue;
     function ge() {
     }
     ge.__reactDisabledLog = !0;
     function ae() {
       {
-        if (D === 0) {
+        if (G === 0) {
           H = console.log, X = console.info, T = console.warn, J = console.error, U = console.group, Ge = console.groupCollapsed, ue = console.groupEnd;
           var v = {
             configurable: !0,
@@ -243,12 +243,12 @@ function Bo() {
             groupEnd: v
           });
         }
-        D++;
+        G++;
       }
     }
     function ee() {
       {
-        if (D--, D === 0) {
+        if (G--, G === 0) {
           var v = {
             configurable: !0,
             enumerable: !0,
@@ -278,7 +278,7 @@ function Bo() {
             })
           });
         }
-        D < 0 && B("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        G < 0 && B("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var he = E.ReactCurrentDispatcher, xe;
@@ -723,7 +723,7 @@ function br({
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: G("rounded-full w-[24px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
+    className: D("rounded-full w-[24px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
     children: [/* @__PURE__ */ A("rect", {
       width: "24",
       height: "24",
@@ -746,7 +746,7 @@ function br({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: G("rounded-full  w-[32px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
+    className: D("rounded-full  w-[32px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
     children: [/* @__PURE__ */ A("rect", {
       width: "32",
       height: "32",
@@ -764,7 +764,7 @@ function br({
     viewBox: "0 0 40 40",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: G("rounded-full w-[41.5px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
+    className: D("rounded-full w-[41.5px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
     children: [/* @__PURE__ */ A("rect", {
       width: "40",
       height: "40",
@@ -782,7 +782,7 @@ function br({
     viewBox: "0 0 60 60",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    className: G("rounded-full w-[61.5px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
+    className: D("rounded-full w-[61.5px]", !t && "hover:border hover:border-icon-subdued", t && "border border-focused-default"),
     children: [/* @__PURE__ */ A("rect", {
       width: "60",
       height: "60",
@@ -798,11 +798,11 @@ function br({
 }
 function xi(e) {
   const { size: t, weight: n, lineHeight: i, className: r, color: a } = e;
-  return { getWeight: () => G({
+  return { getWeight: () => D({
     "font-bold": n === "bold",
     "font-regular": n === "regular",
     "font-medium": n === "medium"
-  }), getFontSize: () => G({
+  }), getFontSize: () => D({
     "text-xxs": t === "xxs",
     "text-xs": t === "xs",
     "text-sm": t === "sm",
@@ -810,7 +810,7 @@ function xi(e) {
     "text-lg": t === "lg",
     "text-xl": t === "xl",
     "text-xxl": t === "xxl"
-  }), getLineHeight: () => G({
+  }), getLineHeight: () => D({
     "leading-xxs": i === "xxs",
     "leading-xs": i === "xs",
     "leading-sm": i === "sm",
@@ -818,7 +818,7 @@ function xi(e) {
     "leading-lg": i === "lg",
     "leading-xl": i === "xl",
     "leading-xxl": i === "xxl"
-  }), getColorText: () => G({
+  }), getColorText: () => D({
     "text-letter-on": a === "on",
     "text-letter-critical": a === "critical",
     "text-letter-default": a === "default",
@@ -827,7 +827,7 @@ function xi(e) {
     "text-letter-success": a === "success",
     "text-letter-warning": a === "warning",
     "text-action-primary-default": a === "primary"
-  }), getClassName: () => G(r) };
+  }), getClassName: () => D(r) };
 }
 function u2(e) {
   const t = (r) => typeof window < "u" ? window.matchMedia(r).matches : !1, [n, i] = K(t(e));
@@ -841,29 +841,29 @@ function u2(e) {
 function yo({ variant: e, ...t }) {
   const n = "font-sans", i = xi({ ...t }), { getColorText: r, getFontSize: a, getLineHeight: o, getWeight: l, getClassName: s } = i;
   return {
-    getClass: G(
+    getClass: D(
       n,
-      (() => e === "xxl" ? G(
+      (() => e === "xxl" ? D(
         l() || "font-bold",
         o() || "leading-xxl",
         a() || "text-xxl"
-      ) : e === "xl" ? G(
+      ) : e === "xl" ? D(
         l() || "font-bold",
         o() || "leading-xl",
         a() || "text-xl"
-      ) : e === "lg" ? G(
+      ) : e === "lg" ? D(
         l() || "font-bold",
         o() || "leading-lg",
         a() || "text-lg"
-      ) : e === "md" ? G(
+      ) : e === "md" ? D(
         l() || "font-bold",
         o() || "leading-md",
         a() || "text-md"
-      ) : e === "sm" ? G("font-regular", "leading-sm", "text-sm") : e === "heading" ? G(
+      ) : e === "sm" ? D("font-regular", "leading-sm", "text-sm") : e === "heading" ? D(
         l() || "font-bold",
         o() || "leading-sm",
         a() || "text-sm"
-      ) : e === "subheading" ? G(
+      ) : e === "subheading" ? D(
         l() || "font-bold",
         o() || "leading-xxs",
         a() || "text-xs"
@@ -901,21 +901,21 @@ function nt({
 function Qo({ variant: e, ...t }) {
   const n = "font-sans", i = xi({ ...t }), { getColorText: r, getFontSize: a, getLineHeight: o, getWeight: l, getClassName: s } = i;
   return {
-    getClass: G(
+    getClass: D(
       n,
-      (() => e === "button" ? G(
+      (() => e === "button" ? D(
         l() || "font-medium",
         o() || "leading-xs",
         a() || "text-xs"
-      ) : e === "body" ? G(
+      ) : e === "body" ? D(
         l() || "font-regular",
         o() || "leading-xs",
         a() || "text-xs"
-      ) : e === "highlight" ? G(
+      ) : e === "highlight" ? D(
         l() || "font-bold",
         o() || "leading-xs",
         a() || "text-xs"
-      ) : e === "caption" ? G(
+      ) : e === "caption" ? D(
         l() || "font-regular",
         o() || "leading-xxs",
         a() || "text-xxs"
@@ -984,7 +984,7 @@ function H7({
   as: i = "span",
   onClick: r
 }) {
-  const a = G(t, "font-sans cursor-pointer font-book text-xs leading-xs select-none", e === "underline" && "text-action-primary-default underline decoration-action-primary-default decoration-solid underline-offset-4 active:decoration-solid hover:decoration-transparent hover:text-action-primary-hovered active:text-action-primary-active active:decoration-action-primary-active", e === "default" && "text-action-primary-default active:decoration-solid hover:text-action-primary-hovered active:text-action-primary-active", e === "monochrome" && "text-letter-default underline decoration-letter-default decoration-solid underline-offset-4 active:decoration-solid hover:decoration-transparent hover:text-letter-default active:text-letter-default");
+  const a = D(t, "font-sans cursor-pointer font-book text-xs leading-xs select-none", e === "underline" && "text-action-primary-default underline decoration-action-primary-default decoration-solid underline-offset-4 active:decoration-solid hover:decoration-transparent hover:text-action-primary-hovered active:text-action-primary-active active:decoration-action-primary-active", e === "default" && "text-action-primary-default active:decoration-solid hover:text-action-primary-hovered active:text-action-primary-active", e === "monochrome" && "text-letter-default underline decoration-letter-default decoration-solid underline-offset-4 active:decoration-solid hover:decoration-transparent hover:text-letter-default active:text-letter-default");
   return /* @__PURE__ */ A(i, {
     onClick: r,
     className: a,
@@ -996,7 +996,7 @@ function T7({
   children: t
 }) {
   return /* @__PURE__ */ A("span", {
-    className: G("inline-flex rounded-md py-[2px] px-2", {
+    className: D("inline-flex rounded-md py-[2px] px-2", {
       "bg-surface-neutral-default": e === "neutral",
       "bg-surface-action-default": e === "info",
       "bg-surface-success-default": e === "success",
@@ -1898,7 +1898,7 @@ let a3 = "div", o3 = E1.RenderStrategy | E1.Static, l3 = fe(function(e, t) {
     setTitleId: b
   }, B], [E, B, h, b]), R = Y(() => ({
     open: E === 0
-  }), [E]), D = {
+  }), [E]), G = {
     ref: f,
     id: N,
     role: "dialog",
@@ -1940,7 +1940,7 @@ let a3 = "div", o3 = E1.RenderStrategy | E1.Static, l3 = fe(function(e, t) {
                   leaf: Ct.features.All & ~Ct.features.FocusLock
                 }) : Ct.features.None,
                 children: Ce({
-                  ourProps: D,
+                  ourProps: G,
                   theirProps: o,
                   slot: R,
                   defaultTag: a3,
@@ -2763,19 +2763,19 @@ let z3 = "div", J3 = fe(function(e, t) {
     defaultValue: i,
     name: r,
     onChange: a,
-    by: o = (R, D) => R === D,
+    by: o = (R, G) => R === G,
     disabled: l = !1,
     ...s
-  } = e, u = W(typeof o == "string" ? (R, D) => {
+  } = e, u = W(typeof o == "string" ? (R, G) => {
     let H = o;
-    return (R == null ? void 0 : R[H]) === (D == null ? void 0 : D[H]);
+    return (R == null ? void 0 : R[H]) === (G == null ? void 0 : G[H]);
   } : o), [c, d] = Vt(Y3, {
     options: []
   }), f = c.options, [I, C] = T2(), [g, p] = Bn(), E = `headlessui-radiogroup-${ke()}`, B = Z(null), y = me(B, t), [h, b] = Hi(n, a, i), x = Y(() => f.find((R) => !R.propsRef.current.disabled), [f]), Q = Y(() => f.some((R) => u(R.propsRef.current.value, h)), [f, h]), P = W((R) => {
-    var D;
+    var G;
     if (l || u(R, h))
       return !1;
-    let H = (D = f.find((X) => u(X.propsRef.current.value, R))) == null ? void 0 : D.propsRef.current;
+    let H = (G = f.find((X) => u(X.propsRef.current.value, R))) == null ? void 0 : G.propsRef.current;
     return H != null && H.disabled ? !1 : (b == null || b(R), !0);
   });
   Ni({
@@ -2788,10 +2788,10 @@ let z3 = "div", J3 = fe(function(e, t) {
     }
   });
   let V = W((R) => {
-    let D = B.current;
-    if (!D)
+    let G = B.current;
+    if (!G)
       return;
-    let H = L1(D), X = f.filter((T) => T.propsRef.current.disabled === !1).map((T) => T.element.current);
+    let H = L1(G), X = f.filter((T) => T.propsRef.current.disabled === !1).map((T) => T.element.current);
     switch (R.key) {
       case q.Enter:
         Oi(R.currentTarget);
@@ -2850,17 +2850,17 @@ let z3 = "div", J3 = fe(function(e, t) {
         value: F,
         children: [r != null && h != null && Di({
           [r]: h
-        }).map(([R, D]) => re.createElement(J1, {
+        }).map(([R, G]) => re.createElement(J1, {
           features: z1.Hidden,
           ...nn({
             key: R,
             as: "input",
             type: "radio",
-            checked: D != null,
+            checked: G != null,
             hidden: !0,
             readOnly: !0,
             name: R,
-            value: D
+            value: G
           })
         })), Ce({
           ourProps: N,
@@ -2906,14 +2906,14 @@ let K3 = "div", q3 = fe(function(e, t) {
     element: n,
     propsRef: g
   }), [r, p, n, e]);
-  let Q = W((D) => {
+  let Q = W((G) => {
     var H;
-    if (rt(D.currentTarget))
-      return D.preventDefault();
+    if (rt(G.currentTarget))
+      return G.preventDefault();
     !B(f) || (u(2), (H = n.current) == null || H.focus());
-  }), P = W((D) => {
-    if (rt(D.currentTarget))
-      return D.preventDefault();
+  }), P = W((G) => {
+    if (rt(G.currentTarget))
+      return G.preventDefault();
     u(2);
   }), V = W(() => c(2)), w = (y == null ? void 0 : y.id) === r, F = E || I, N = x(b, f), M = {
     ref: i,
@@ -3258,7 +3258,7 @@ let l0 = Se, s0 = fe(function(e, t) {
     var F;
     let N = w();
     if (N === F1.Success && o === "auto") {
-      let M = (F = L1(I)) == null ? void 0 : F.activeElement, R = d.tabs.findIndex((D) => D.current === M);
+      let M = (F = L1(I)) == null ? void 0 : F.activeElement, R = d.tabs.findIndex((G) => G.current === M);
       R !== -1 && c.change(R);
     }
     return N;
@@ -3571,7 +3571,7 @@ let w0 = "div", _i = E1.RenderStrategy, $i = fe(function(e, t) {
     if (N && h === "visible" && C.current === null)
       throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
   }, [C, h, N]);
-  let M = y && !B, R = (() => !N || M || V.current === E ? "idle" : E ? "enter" : "leave")(), D = W((U) => ve(U, {
+  let M = y && !B, R = (() => !N || M || V.current === E ? "idle" : E ? "enter" : "leave")(), G = W((U) => ve(U, {
     enter: () => F.current.beforeEnter(),
     leave: () => F.current.beforeLeave(),
     idle: () => {
@@ -3589,7 +3589,7 @@ let w0 = "div", _i = E1.RenderStrategy, $i = fe(function(e, t) {
     classes: w,
     direction: R,
     onStart: u1((U) => {
-      X.onStart(C, U, D);
+      X.onStart(C, U, G);
     }),
     onStop: u1((U) => {
       X.onStop(C, U, H), U === "leave" && !Rn(X) && (b("hidden"), P(C));
@@ -3717,13 +3717,13 @@ function k7({
       checked: u
     }) => /* @__PURE__ */ L("button", {
       disabled: n,
-      className: G("relative inline-flex h-6 w-12 items-center rounded-full", s({
+      className: D("relative inline-flex h-6 w-12 items-center rounded-full", s({
         checked: u
       })),
       children: [/* @__PURE__ */ A("span", {
         className: "sr-only"
       }), /* @__PURE__ */ A("span", {
-        className: G("inline-block h-4 w-4 transform rounded-full  transition", u ? "translate-x-7" : "translate-x-1", n ? "bg-icon-disabled" : "bg-icon-on")
+        className: D("inline-block h-4 w-4 transform rounded-full  transition", u ? "translate-x-7" : "translate-x-1", n ? "bg-icon-disabled" : "bg-icon-on")
       })]
     })
   });
@@ -3735,7 +3735,7 @@ function _({
   cursor: i,
   ...r
 }) {
-  const a = G({
+  const a = D({
     "w-sm w-sm": t === "sm",
     "w-xl h-xl": t === "md",
     "h-[60px] h-[60px]": t === "lg"
@@ -3744,7 +3744,7 @@ function _({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 16 16",
-    className: G(a, n, i === "pointer" ? "cursor-pointer" : "", "inline"),
+    className: D(a, n, i === "pointer" ? "cursor-pointer" : "", "inline"),
     ...r,
     children: e
   });
@@ -3754,7 +3754,7 @@ function Fe({
   color: t,
   ...n
 }) {
-  const i = G({
+  const i = D({
     "fill-icon-default": t === "default",
     "fill-icon-success": t === "success",
     "fill-icon-warning": t === "warning",
@@ -3763,7 +3763,7 @@ function Fe({
     "fill-icon-subdued": t === "subdued",
     "fill-icon-critical": t === "critical",
     "fill-action-primary-default": t === "primary"
-  }), r = G(i, !t && "fill-current");
+  }), r = D(i, !t && "fill-current");
   switch (e) {
     case "more":
       return /* @__PURE__ */ A(_, {
@@ -4470,7 +4470,7 @@ const H0 = function(e) {
         switch (f) {
           case "bestFit": {
             var P;
-            const N = (P = b.map((M) => [M, M.overflows.filter((R) => R > 0).reduce((R, D) => R + D, 0)]).sort((M, R) => M[1] - R[1])[0]) == null ? void 0 : P[0].placement;
+            const N = (P = b.map((M) => [M, M.overflows.filter((R) => R > 0).reduce((R, G) => R + G, 0)]).sort((M, R) => M[1] - R[1])[0]) == null ? void 0 : P[0].placement;
             N && (F = N);
             break;
           }
@@ -5318,7 +5318,7 @@ const v5 = function(e, t) {
         u(!0);
       }, U) : u(!0);
     }
-    function D(J) {
+    function G(J) {
       if (M())
         return;
       const U = N1(f.floating.current);
@@ -5352,8 +5352,8 @@ const v5 = function(e, t) {
     if (W1(T))
       return s && T.addEventListener("mouseleave", H), X == null || X.addEventListener("mouseleave", H), l && T.addEventListener("mousemove", R, {
         once: !0
-      }), T.addEventListener("mouseenter", R), T.addEventListener("mouseleave", D), () => {
-        s && T.removeEventListener("mouseleave", H), X == null || X.removeEventListener("mouseleave", H), l && T.removeEventListener("mousemove", R), T.removeEventListener("mouseenter", R), T.removeEventListener("mouseleave", D);
+      }), T.addEventListener("mouseenter", R), T.addEventListener("mouseleave", G), () => {
+        s && T.removeEventListener("mouseleave", H), X == null || X.removeEventListener("mouseleave", H), l && T.removeEventListener("mousemove", R), T.removeEventListener("mouseenter", R), T.removeEventListener("mouseleave", G);
       };
   }, [
     I.domReference,
@@ -5375,12 +5375,12 @@ const v5 = function(e, t) {
   ]), U1(() => {
     if (!!n && s && p.current && p.current.__options.blockPointerEvents && V()) {
       N1(f.floating.current).body.style.pointerEvents = "none", P.current = !0;
-      const D = f.domReference.current, H = f.floating.current;
-      if (W1(D) && H) {
+      const G = f.domReference.current, H = f.floating.current;
+      if (W1(G) && H) {
         var M, R;
         const X = C == null || (M = C.nodesRef.current.find((T) => T.id === g)) == null || (R = M.context) == null ? void 0 : R.refs.floating.current;
-        return X && (X.style.pointerEvents = ""), D.style.pointerEvents = "auto", H.style.pointerEvents = "auto", () => {
-          D.style.pointerEvents = "", H.style.pointerEvents = "";
+        return X && (X.style.pointerEvents = ""), G.style.pointerEvents = "auto", H.style.pointerEvents = "auto", () => {
+          G.style.pointerEvents = "", H.style.pointerEvents = "";
         };
       }
     }
@@ -5507,8 +5507,8 @@ const b5 = {
       if (W1(V) && r.floating.current) {
         var w;
         const N = (w = r.floating.current.ownerDocument.defaultView) != null ? w : window, M = V.scrollWidth > V.clientWidth, R = V.scrollHeight > V.clientHeight;
-        let D = R && Q.offsetX > V.clientWidth;
-        if (R && N.getComputedStyle(V).direction === "rtl" && (D = Q.offsetX <= V.offsetWidth - V.clientWidth), D || M && Q.offsetY > V.clientHeight)
+        let G = R && Q.offsetX > V.clientWidth;
+        if (R && N.getComputedStyle(V).direction === "rtl" && (G = Q.offsetX <= V.offsetWidth - V.clientWidth), G || M && Q.offsetY > V.clientHeight)
           return;
       }
       const F = g && qn(g.nodesRef.current, o).some((N) => {
@@ -5659,15 +5659,17 @@ const b5 = {
     children: n,
     state: i,
     asChild: r = !1,
-    ...a
-  } = e, o = n.ref, l = m.useMemo(() => wn([i.reference, t, o]), [i.reference, t, o]);
+    fullWidthContainer: a = !1,
+    ...o
+  } = e, l = n.ref, s = m.useMemo(() => wn([i.reference, t, l]), [i.reference, t, l]);
   return r && m.isValidElement(n) ? m.cloneElement(n, i.getReferenceProps({
-    ref: l,
-    ...a,
+    ref: s,
+    ...o,
     ...n.props
   })) : /* @__PURE__ */ A("button", {
-    ref: l,
-    ...i.getReferenceProps(a),
+    ref: s,
+    ...i.getReferenceProps(o),
+    className: D(a ? "w-full" : ""),
     children: n
   });
 });
@@ -5697,18 +5699,20 @@ function V5({
   title: t,
   description: n,
   initialOpen: i = !1,
-  children: r
+  fullWidthContainer: r = !1,
+  children: a
 }) {
-  const a = w5({
+  const o = w5({
     initialOpen: i,
     placement: e
   });
   return /* @__PURE__ */ L(Qe, {
     children: [/* @__PURE__ */ A(R5, {
-      state: a,
-      children: r
+      state: o,
+      fullWidthContainer: r,
+      children: a
     }), /* @__PURE__ */ L(x5, {
-      state: a,
+      state: o,
       className: "w-max max-w-[368px] rounded-[5px] bg-surface-default py-[12px] px-[16px] drop-shadow-[0px_2px_10px_rgba(0,0,0,0.1)]",
       children: [/* @__PURE__ */ A(ie, {
         variant: "highlight",
@@ -5746,7 +5750,7 @@ const S5 = f1((e, t) => {
   }, d = () => r ? "border-border-disabled checked:text-action-primary-disabled" : "border-border-default cursor-pointer checked:border-action-primary-default checked:bg-white hover:border-border-hovered checked:hover:border-action-primary-default checked:hover:bg-white checked:focus:border-action-primary-default checked:focus:bg-white checked:focus:ring-focused-default", f = Y(() => wn([t]), [t]);
   return /* @__PURE__ */ A(Qe, {
     children: /* @__PURE__ */ L("div", {
-      className: G("flex gap-x-2", !l && "items-center"),
+      className: D("flex gap-x-2", !l && "items-center"),
       children: [/* @__PURE__ */ A("input", {
         type: "radio",
         ref: f,
@@ -5756,7 +5760,7 @@ const S5 = f1((e, t) => {
         onChange: c,
         checked: u,
         value: a,
-        className: G("border-2", d())
+        className: D("border-2", d())
       }), o && /* @__PURE__ */ L("div", {
         className: "flex flex-col items-start justify-center",
         children: [/* @__PURE__ */ A(ie, {
@@ -5788,10 +5792,10 @@ function Z7({
   return /* @__PURE__ */ L("div", {
     onMouseOver: () => o(!0),
     onMouseOut: () => o(!1),
-    className: G("flex min-w-[54px] flex-col items-center justify-center", !t && "cursor-pointer hover:text-letter-default"),
+    className: D("flex min-w-[54px] flex-col items-center justify-center", !t && "cursor-pointer hover:text-letter-default"),
     ...r,
     children: [/* @__PURE__ */ A("span", {
-      className: G("relative inline-block h-6 w-6 rounded-md", l()),
+      className: D("relative inline-block h-6 w-6 rounded-md", l()),
       children: /* @__PURE__ */ A("strong", {
         className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform font-bold",
         children: /* @__PURE__ */ A(ie, {
@@ -5804,7 +5808,7 @@ function Z7({
     }), /* @__PURE__ */ A(ie, {
       variant: "button",
       color: s(),
-      className: G("select-none mt-1", !t && "hover:text-letter-default active:text-letter-default"),
+      className: D("select-none mt-1", !t && "hover:text-letter-default active:text-letter-default"),
       children: i
     })]
   });
@@ -6387,7 +6391,7 @@ const X7 = f1((e, t) => {
         },
         value: a,
         checked: c,
-        className: G((() => r ? "border-border-disabled checked:text-action-primary-disabled bg-action-secondary-default disabled:bg-action-secondary-disabled checked:hover:bg-action-secondary-disabled" : u ? "checked:bg-action-critical-default checked:text-letter-critical active:bg-action-critical-default border-border-critical-default checked:hover:bg-action-critical-default focus:ring-none ring-offset-0 active:ring-transparent focus:ring-transparent focus:ring-offset-0 focus:ring-critical-default" : "border-border-default hover:border-border-hovered focus:ring-focused-default ring-offset-1 active:ring-1 focus:ring-1 focus:ring-offset-1 cursor-pointer")(), "rounded-[5px] bg-white border-[1.5px]", d === "sm" && "h-[18px] w-[18px]", d === "md" && "h-[20px] w-[20px]")
+        className: D((() => r ? "border-border-disabled checked:text-action-primary-disabled bg-action-secondary-default disabled:bg-action-secondary-disabled checked:hover:bg-action-secondary-disabled" : u ? "checked:bg-action-critical-default checked:text-letter-critical active:bg-action-critical-default border-border-critical-default checked:hover:bg-action-critical-default focus:ring-none ring-offset-0 active:ring-transparent focus:ring-transparent focus:ring-offset-0 focus:ring-critical-default" : "border-border-default hover:border-border-hovered focus:ring-focused-default ring-offset-1 active:ring-1 focus:ring-1 focus:ring-offset-1 cursor-pointer")(), "rounded-[5px] bg-white border-[1.5px]", d === "sm" && "h-[18px] w-[18px]", d === "md" && "h-[20px] w-[20px]")
       }), o && /* @__PURE__ */ L("div", {
         className: "flex flex-col items-start justify-center",
         children: [/* @__PURE__ */ A(ie, {
@@ -6412,7 +6416,7 @@ function Aa({
   size: e = "lg"
 }) {
   return /* @__PURE__ */ A("span", {
-    className: G("ui__spinner border-solid border-icon-subdued rounded-[50%] inline-block border-b-transparent", {
+    className: D("ui__spinner border-solid border-icon-subdued rounded-[50%] inline-block border-b-transparent", {
       "w-[60px] h-[60px] border-[5px]": e === "lg",
       "w-[32px] h-[32px] border-[2.5px]": e === "md",
       "w-[24px] h-[24px] border-[2px]": e === "sm",
@@ -6527,9 +6531,9 @@ function _2(e) {
     typeof f == "function" && f(), x(!0);
   }, [f]), R = Re(function() {
     typeof d == "function" && d(), x(!1);
-  }, [d]), D = l !== void 0 ? l : E, H = s !== void 0 ? s : b, X = I !== void 0 ? I : V;
+  }, [d]), G = l !== void 0 ? l : E, H = s !== void 0 ? s : b, X = I !== void 0 ? I : V;
   return se(se({}, C), {}, {
-    inputValue: D,
+    inputValue: G,
     menuIsOpen: H,
     onChange: F,
     onInputChange: N,
@@ -7378,7 +7382,7 @@ function D4() {
         }
       }
     }
-    var b = s, x = u, Q = l, P = o, V = t, w = c, F = i, N = C, M = I, R = n, D = a, H = r, X = d, T = !1;
+    var b = s, x = u, Q = l, P = o, V = t, w = c, F = i, N = C, M = I, R = n, G = a, H = r, X = d, T = !1;
     function J(k) {
       return T || (T = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), U(k) || h(k) === s;
     }
@@ -7418,7 +7422,7 @@ function D4() {
     function $e(k) {
       return h(k) === d;
     }
-    Ae.AsyncMode = b, Ae.ConcurrentMode = x, Ae.ContextConsumer = Q, Ae.ContextProvider = P, Ae.Element = V, Ae.ForwardRef = w, Ae.Fragment = F, Ae.Lazy = N, Ae.Memo = M, Ae.Portal = R, Ae.Profiler = D, Ae.StrictMode = H, Ae.Suspense = X, Ae.isAsyncMode = J, Ae.isConcurrentMode = U, Ae.isContextConsumer = Ge, Ae.isContextProvider = ue, Ae.isElement = ge, Ae.isForwardRef = ae, Ae.isFragment = ee, Ae.isLazy = he, Ae.isMemo = xe, Ae.isPortal = Oe, Ae.isProfiler = Ue, Ae.isStrictMode = be, Ae.isSuspense = $e, Ae.isValidElementType = y, Ae.typeOf = h;
+    Ae.AsyncMode = b, Ae.ConcurrentMode = x, Ae.ContextConsumer = Q, Ae.ContextProvider = P, Ae.Element = V, Ae.ForwardRef = w, Ae.Fragment = F, Ae.Lazy = N, Ae.Memo = M, Ae.Portal = R, Ae.Profiler = G, Ae.StrictMode = H, Ae.Suspense = X, Ae.isAsyncMode = J, Ae.isConcurrentMode = U, Ae.isContextConsumer = Ge, Ae.isContextProvider = ue, Ae.isElement = ge, Ae.isForwardRef = ae, Ae.isFragment = ee, Ae.isLazy = he, Ae.isMemo = xe, Ae.isPortal = Oe, Ae.isProfiler = Ue, Ae.isStrictMode = be, Ae.isSuspense = $e, Ae.isValidElementType = y, Ae.typeOf = h;
   }()), Ae;
 }
 (function(e) {
@@ -8154,10 +8158,10 @@ function yl(e) {
         };
       }
       if (r === "auto" || o) {
-        var D = t, H = o ? Q : V;
-        return H >= i && (D = Math.min(H - b - s.controlHeight, t)), {
+        var G = t, H = o ? Q : V;
+        return H >= i && (G = Math.min(H - b - s.controlHeight, t)), {
           placement: "top",
-          maxHeight: D
+          maxHeight: G
         };
       }
       if (r === "bottom")
@@ -8943,9 +8947,9 @@ var w8 = process.env.NODE_ENV === "production" ? {
   }, [c]), Q = Y(function() {
     var R = "";
     if (n && x.onChange) {
-      var D = n.option, H = n.options, X = n.removedValue, T = n.removedValues, J = n.value, U = function(xe) {
+      var G = n.option, H = n.options, X = n.removedValue, T = n.removedValues, J = n.value, U = function(xe) {
         return Array.isArray(xe) ? null : xe;
-      }, Ge = X || D || U(J), ue = Ge ? d(Ge) : "", ge = H || T || void 0, ae = ge ? ge.map(d) : [], ee = se({
+      }, Ge = X || G || U(J), ue = Ge ? d(Ge) : "", ge = H || T || void 0, ae = ge ? ge.map(d) : [], ee = se({
         isDisabled: Ge && C(Ge, l),
         label: ue,
         labels: ae
@@ -8954,15 +8958,15 @@ var w8 = process.env.NODE_ENV === "production" ? {
     }
     return R;
   }, [n, x, C, l, d]), P = Y(function() {
-    var R = "", D = i || r, H = !!(i && l && l.includes(i));
-    if (D && x.onFocus) {
+    var R = "", G = i || r, H = !!(i && l && l.includes(i));
+    if (G && x.onFocus) {
       var X = {
-        focused: D,
-        label: d(D),
-        isDisabled: C(D, l),
+        focused: G,
+        label: d(G),
+        isDisabled: C(G, l),
         isSelected: H,
         options: a,
-        context: D === i ? "menu" : "value",
+        context: G === i ? "menu" : "value",
         selectValue: l
       };
       R = x.onFocus(X);
@@ -8971,22 +8975,22 @@ var w8 = process.env.NODE_ENV === "production" ? {
   }, [i, r, d, C, x, a, l]), V = Y(function() {
     var R = "";
     if (p && E.length && x.onFilter) {
-      var D = B({
+      var G = B({
         count: a.length
       });
       R = x.onFilter({
         inputValue: f,
-        resultsMessage: D
+        resultsMessage: G
       });
     }
     return R;
   }, [a, f, p, x, E, B]), w = Y(function() {
     var R = "";
     if (x.guidance) {
-      var D = r ? "value" : p ? "menu" : "input";
+      var G = r ? "value" : p ? "menu" : "input";
       R = x.guidance({
         "aria-label": h,
-        context: D,
+        context: G,
         isDisabled: i && C(i, l),
         isMulti: I,
         isSearchable: g,
@@ -10306,7 +10310,7 @@ var no = function(t) {
   }, {
     key: "renderMenu",
     value: function() {
-      var r = this, a = this.getComponents(), o = a.Group, l = a.GroupHeading, s = a.Menu, u = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, f = a.NoOptionsMessage, I = a.Option, C = this.commonProps, g = this.state.focusedOption, p = this.props, E = p.captureMenuScroll, B = p.inputValue, y = p.isLoading, h = p.loadingMessage, b = p.minMenuHeight, x = p.maxMenuHeight, Q = p.menuIsOpen, P = p.menuPlacement, V = p.menuPosition, w = p.menuPortalTarget, F = p.menuShouldBlockScroll, N = p.menuShouldScrollIntoView, M = p.noOptionsMessage, R = p.onMenuScrollToTop, D = p.onMenuScrollToBottom;
+      var r = this, a = this.getComponents(), o = a.Group, l = a.GroupHeading, s = a.Menu, u = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, f = a.NoOptionsMessage, I = a.Option, C = this.commonProps, g = this.state.focusedOption, p = this.props, E = p.captureMenuScroll, B = p.inputValue, y = p.isLoading, h = p.loadingMessage, b = p.minMenuHeight, x = p.maxMenuHeight, Q = p.menuIsOpen, P = p.menuPlacement, V = p.menuPosition, w = p.menuPortalTarget, F = p.menuShouldBlockScroll, N = p.menuShouldScrollIntoView, M = p.noOptionsMessage, R = p.onMenuScrollToTop, G = p.onMenuScrollToBottom;
       if (!Q)
         return null;
       var H = function(ge, ae) {
@@ -10402,7 +10406,7 @@ var no = function(t) {
             children: /* @__PURE__ */ A(X8, {
               captureEnabled: E,
               onTopArrive: R,
-              onBottomArrive: D,
+              onBottomArrive: G,
               lockEnabled: F,
               children: function(xe) {
                 return /* @__PURE__ */ A(u, {
@@ -10693,7 +10697,7 @@ function Ht({
   });
   return /* @__PURE__ */ L(Qe, {
     children: [r, i || e || t ? /* @__PURE__ */ L("div", {
-      className: G("flex", a()),
+      className: D("flex", a()),
       children: [e && !t && /* @__PURE__ */ A(o, {}), (t || n) && !e && /* @__PURE__ */ A(l, {}), i && /* @__PURE__ */ A("div", {
         className: "my-2 w-full flex justify-end",
         children: /* @__PURE__ */ A(lt, {
@@ -10715,7 +10719,7 @@ const Tt = ({
       size: "sm",
       kind: n.isFocused ? "up" : "down",
       color: n.isDisabled ? "disabled" : "subdued",
-      className: G(!e && "hidden")
+      className: D(!e && "hidden")
     })
   });
 }, dr = (e) => /* @__PURE__ */ A(V1.Option, {
@@ -10835,7 +10839,7 @@ var l7 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading
 function ro(e) {
   var t = e.defaultOptions, n = t === void 0 ? !1 : t, i = e.cacheOptions, r = i === void 0 ? !1 : i, a = e.loadOptions;
   e.options;
-  var o = e.isLoading, l = o === void 0 ? !1 : o, s = e.onInputChange, u = e.filterOption, c = u === void 0 ? null : u, d = H1(e, l7), f = d.inputValue, I = Z(void 0), C = Z(!1), g = K(Array.isArray(n) ? n : void 0), p = Le(g, 2), E = p[0], B = p[1], y = K(typeof f < "u" ? f : ""), h = Le(y, 2), b = h[0], x = h[1], Q = K(n === !0), P = Le(Q, 2), V = P[0], w = P[1], F = K(void 0), N = Le(F, 2), M = N[0], R = N[1], D = K([]), H = Le(D, 2), X = H[0], T = H[1], J = K(!1), U = Le(J, 2), Ge = U[0], ue = U[1], ge = K({}), ae = Le(ge, 2), ee = ae[0], he = ae[1], xe = K(void 0), Oe = Le(xe, 2), Ue = Oe[0], be = Oe[1], $e = K(void 0), k = Le($e, 2), e1 = k[0], t1 = k[1];
+  var o = e.isLoading, l = o === void 0 ? !1 : o, s = e.onInputChange, u = e.filterOption, c = u === void 0 ? null : u, d = H1(e, l7), f = d.inputValue, I = Z(void 0), C = Z(!1), g = K(Array.isArray(n) ? n : void 0), p = Le(g, 2), E = p[0], B = p[1], y = K(typeof f < "u" ? f : ""), h = Le(y, 2), b = h[0], x = h[1], Q = K(n === !0), P = Le(Q, 2), V = P[0], w = P[1], F = K(void 0), N = Le(F, 2), M = N[0], R = N[1], G = K([]), H = Le(G, 2), X = H[0], T = H[1], J = K(!1), U = Le(J, 2), Ge = U[0], ue = U[1], ge = K({}), ae = Le(ge, 2), ee = ae[0], he = ae[1], xe = K(void 0), Oe = Le(xe, 2), Ue = Oe[0], be = Oe[1], $e = K(void 0), k = Le($e, 2), e1 = k[0], t1 = k[1];
   r !== e1 && (he({}), t1(r)), n !== Ue && (B(Array.isArray(n) ? n : void 0), be(n)), te(function() {
     return C.current = !0, function() {
       C.current = !1;
@@ -11120,7 +11124,7 @@ var C7 = function(t) {
 const io = ({
   isDisabled: e
 }) => /* @__PURE__ */ A(C7, {
-  className: G("w-[16px]", {
+  className: D("w-[16px]", {
     "opacity-[0.4]": e
   })
 }), f7 = ({
@@ -11264,12 +11268,12 @@ function p7(e) {
       if (d)
         d(h);
       else {
-        var D = c(h, h), H = {
+        var G = c(h, h), H = {
           action: "create-option",
           name: P,
-          option: D
+          option: G
         };
-        C(mt(x, [].concat(ht(gn(Q)), [D]), D), H);
+        C(mt(x, [].concat(ht(gn(Q)), [G]), G), H);
       }
       return;
     }
@@ -11380,7 +11384,7 @@ function U7({
   const n = ({
     selected: o,
     isDisabled: l
-  }) => G("cursor-pointer focus:outline-none focus-visible:ring-0 after:absolute after:-bottom-[1px] after:h-[3px] after:rounded-t-[4px] after:rounded-r-[4px] after:rounded-b-none after:content-[''] relative", !o && !l ? "after:hover:absolute after:hover:bg-action-secondary-hovered after:hover:transition after:hover:duration-400 after:active:bg-action-secondary-active" : "", {
+  }) => D("cursor-pointer focus:outline-none focus-visible:ring-0 after:absolute after:-bottom-[1px] after:h-[3px] after:rounded-t-[4px] after:rounded-r-[4px] after:rounded-b-none after:content-[''] relative", !o && !l ? "after:hover:absolute after:hover:bg-action-secondary-hovered after:hover:transition after:hover:duration-400 after:active:bg-action-secondary-active" : "", {
     "after:left-1 after:w-[88%]": t === "default",
     "after:w-full w-full after:left-0 text-center": t === "fitted",
     "after:bg-action-secondary-pressed": o,
@@ -11402,12 +11406,12 @@ function U7({
       selected: o,
       isDisabled: l
     }),
-    className: G("flex w-full items-center justify-center gap-x-1 p-sm ", r({
+    className: D("flex w-full items-center justify-center gap-x-1 p-sm ", r({
       selected: o,
       isDisabled: l
     })),
     children: [s, u && /* @__PURE__ */ A("span", {
-      className: G("flex h-5 items-center rounded-sm bg-surface-neutral-default py-[2px] px-2", r({
+      className: D("flex h-5 items-center rounded-sm bg-surface-neutral-default py-[2px] px-2", r({
         selected: o,
         isDisabled: l
       })),
@@ -11419,7 +11423,7 @@ function U7({
       selected: o,
       isDisabled: l
     }),
-    className: G("p-sm", r({
+    className: D("p-sm", r({
       selected: o,
       isDisabled: l
     })),
@@ -11429,7 +11433,7 @@ function U7({
     className: "w-full",
     children: /* @__PURE__ */ L(gt.Group, {
       children: [/* @__PURE__ */ A(gt.List, {
-        className: G("flex border-b", {
+        className: D("flex border-b", {
           "justify-center": t === "fitted"
         }),
         children: Object.entries(e).map(([o, {
@@ -11470,7 +11474,7 @@ function ao({
   ...a
 }) {
   return /* @__PURE__ */ L("div", {
-    className: G("inline-flex items-center gap-x-xs", r),
+    className: D("inline-flex items-center gap-x-xs", r),
     children: [n ? /* @__PURE__ */ A(Fe, {
       kind: n,
       color: i,
@@ -11531,7 +11535,7 @@ function K7({
       children: /* @__PURE__ */ A("div", {
         className: "flex min-h-full items-center justify-center",
         children: /* @__PURE__ */ L(an.Panel, {
-          className: G("mx-auto rounded-sm bg-surface-default p-xl shadow-popup", s),
+          className: D("mx-auto rounded-sm bg-surface-default p-xl shadow-popup", s),
           children: [c(), n && /* @__PURE__ */ A(ie, {
             variant: "caption",
             color: "subdued",
@@ -11586,7 +11590,7 @@ function q7({
     }) : d]
   }, f);
   return i ? /* @__PURE__ */ L("div", {
-    className: G("flex min-h-[56px] w-full flex-wrap items-center justify-between rounded-sm bg-action-secondary-disabled py-xs px-sm focus:outline-none focus-visible:outline-none"),
+    className: D("flex min-h-[56px] w-full flex-wrap items-center justify-between rounded-sm bg-action-secondary-disabled py-xs px-sm focus:outline-none focus-visible:outline-none"),
     children: [/* @__PURE__ */ L("div", {
       className: "flex items-center gap-x-sm",
       children: [/* @__PURE__ */ A(Fe, {
@@ -11602,9 +11606,9 @@ function q7({
     children: ({
       open: c
     }) => /* @__PURE__ */ L("div", {
-      className: G("mb-sm", a),
+      className: D("mb-sm", a),
       children: [/* @__PURE__ */ L(Wn.Button, {
-        className: G("flex min-h-[56px] w-full flex-wrap items-center justify-between bg-action-secondary-default py-xs px-sm hover:bg-action-secondary-hovered focus:outline-none focus-visible:outline-none active:bg-action-secondary-active", c ? "rounded-tl-sm rounded-tr-sm border-t border-l border-r border-border-shadow-subdued" : "rounded-sm"),
+        className: D("flex min-h-[56px] w-full flex-wrap items-center justify-between bg-action-secondary-default py-xs px-sm hover:bg-action-secondary-hovered focus:outline-none focus-visible:outline-none active:bg-action-secondary-active", c ? "rounded-tl-sm rounded-tr-sm border-t border-l border-r border-border-shadow-subdued" : "rounded-sm"),
         children: [/* @__PURE__ */ L("div", {
           className: "flex gap-x-sm",
           children: [/* @__PURE__ */ A(Fe, {
@@ -11616,7 +11620,7 @@ function q7({
           children: t == null ? void 0 : t.map(s)
         })]
       }), /* @__PURE__ */ A(Wn.Panel, {
-        className: G("space-y-sm rounded-br-sm rounded-bl-sm border border-t-border-subdued bg-action-secondary-default py-sm pr-sm pl-[48px]", c ? "border-b border-r border-l border-border-shadow-subdued" : ""),
+        className: D("space-y-sm rounded-br-sm rounded-bl-sm border border-t-border-subdued bg-action-secondary-default py-sm pr-sm pl-[48px]", c ? "border-b border-r border-l border-border-shadow-subdued" : ""),
         children: r.length > 0 ? r.map(u) : o
       })]
     })
@@ -11748,13 +11752,13 @@ function _7({
 }) {
   const a = () => n === "box" ? /* @__PURE__ */ A(m7, {}) : n === "padlock" ? /* @__PURE__ */ A(v7, {}) : /* @__PURE__ */ A(Qe, {});
   return /* @__PURE__ */ L("div", {
-    className: G(i, "flex w-full flex-col items-center justify-center rounded-xs border border-border-disabled bg-surface-default py-xl px-[40px]"),
+    className: D(i, "flex w-full flex-col items-center justify-center rounded-xs border border-border-disabled bg-surface-default py-xl px-[40px]"),
     children: [a(), /* @__PURE__ */ L("div", {
       className: "mb-sm w-full md:w-[300px]",
       children: [/* @__PURE__ */ A(nt, {
         variant: "heading",
         color: "default",
-        className: G("mb-sm text-center", n && "mt-[42px]"),
+        className: D("mb-sm text-center", n && "mt-[42px]"),
         children: e
       }), /* @__PURE__ */ A(ie, {
         variant: "body",
@@ -11774,7 +11778,7 @@ function $7({
   ...a
 }) {
   const o = () => i && !r ? /* @__PURE__ */ A("span", {
-    className: G("relative inline-block h-[20px] w-[30px] rounded-md bg-surface-neutral-default py-[2px] px-2"),
+    className: D("relative inline-block h-[20px] w-[30px] rounded-md bg-surface-neutral-default py-[2px] px-2"),
     children: /* @__PURE__ */ A("strong", {
       className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform font-bold",
       children: /* @__PURE__ */ A(ie, {
@@ -11786,12 +11790,12 @@ function $7({
     })
   }) : /* @__PURE__ */ A(Qe, {});
   return /* @__PURE__ */ L("div", {
-    className: G("flex select-none items-center gap-x-[13px]", !t && "cursor-pointer"),
+    className: D("flex select-none items-center gap-x-[13px]", !t && "cursor-pointer"),
     ...a,
     children: [/* @__PURE__ */ A("div", {
-      className: G("h-[32px] w-[3px] rounded-sm", t && "bg-action-primary-default")
+      className: D("h-[32px] w-[3px] rounded-sm", t && "bg-action-primary-default")
     }), /* @__PURE__ */ L("div", {
-      className: G("flex items-center justify-between rounded-[5px] px-[8px]", !t && "hover:bg-surface-hovered", t && "bg-action-secondary-default", r ? "min-w-[32px] py-[10px]" : "w-[160px] lg:w-[200px] py-[12px]"),
+      className: D("flex items-center justify-between rounded-[5px] px-[8px]", !t && "hover:bg-surface-hovered", t && "bg-action-secondary-default", r ? "min-w-[32px] py-[10px]" : "w-[160px] lg:w-[200px] py-[12px]"),
       children: [/* @__PURE__ */ L("div", {
         className: "flex items-center gap-x-[10px]",
         children: [/* @__PURE__ */ A(Fe, {
@@ -11816,10 +11820,10 @@ function es({
 }) {
   const [a, o] = K(!1), l = u2("(min-width: 768px)"), s = u2("(max-width: 1038px)");
   return /* @__PURE__ */ L("header", {
-    className: G("flex h-[64px] w-full min-w-[320px] items-center justify-between bg-surface-default py-sm px-[24px] shadow-[4px_2px_10px_rgba(0,0,0,0.1),inset_0px_-1px_0px_rgba(194,194,194,0.35)]", s ? "justify-between" : "justify-end", t),
+    className: D("flex h-[64px] w-full min-w-[320px] items-center justify-between bg-surface-default py-sm px-[24px] shadow-[4px_2px_10px_rgba(0,0,0,0.1),inset_0px_-1px_0px_rgba(194,194,194,0.35)]", s ? "justify-between" : "justify-end", t),
     ...r,
     children: [/* @__PURE__ */ L("div", {
-      className: G("flex items-center gap-x-sm", s ? "visible" : "invisible"),
+      className: D("flex items-center gap-x-sm", s ? "visible" : "invisible"),
       children: [/* @__PURE__ */ A(Fe, {
         kind: "menu",
         color: "default",
@@ -11891,7 +11895,7 @@ function Cr({
   ...a
 }) {
   return /* @__PURE__ */ L("div", {
-    className: G(n, "m-0 p-0"),
+    className: D(n, "m-0 p-0"),
     ...a,
     children: [/* @__PURE__ */ A(nt, {
       variant: "heading",
@@ -11907,7 +11911,7 @@ Cr.Container = function({
   ...i
 }) {
   return /* @__PURE__ */ A("div", {
-    className: G(n, "rounded-sm border border-border-disabled p-lg shadow-[0px_0px_3px_0px_#34343426]"),
+    className: D(n, "rounded-sm border border-border-disabled p-lg shadow-[0px_0px_3px_0px_#34343426]"),
     ...i,
     children: t
   });
@@ -11918,7 +11922,7 @@ Cr.Header = function({
   ...i
 }) {
   return /* @__PURE__ */ L("div", {
-    className: G(n, "mb-lg space-y-sm"),
+    className: D(n, "mb-lg space-y-sm"),
     ...i,
     children: [t, /* @__PURE__ */ A("div", {
       className: "mb-lg mt-sm border-t border-border-shadow-subdued"
@@ -11934,7 +11938,7 @@ Cr.Footer = function({
   ...o
 }) {
   return /* @__PURE__ */ L("footer", {
-    className: G(n),
+    className: D(n),
     ...o,
     children: [/* @__PURE__ */ A("div", {
       className: "mb-xs mt-lg border-t border-border-shadow-subdued"
@@ -11945,7 +11949,7 @@ Cr.Footer = function({
         color: a ? "disabled" : "default",
         children: "Total (COP)"
       }), /* @__PURE__ */ L("div", {
-        className: G(r && "flex gap-x-2"),
+        className: D(r && "flex gap-x-2"),
         children: [r, /* @__PURE__ */ A(nt, {
           variant: "heading",
           color: a ? "disabled" : "default",
@@ -12017,7 +12021,7 @@ var m1 = function(e) {
   }
   var R = b && d ? "-" : "";
   if (a && N.includes(a)) {
-    var D = F.split(a), H = D[0], X = D[1], T = u && X ? X.slice(0, u) : X, J = l ? "" + a + T : "";
+    var G = F.split(a), H = G[0], X = G[1], T = u && X ? X.slice(0, u) : X, J = l ? "" + a + T : "";
     return "" + R + H + J;
   }
   return "" + R + N;
@@ -12116,14 +12120,14 @@ var m1 = function(e) {
     cursorPosition: t
   };
 }, R2 = f1(function(e, t) {
-  var n = e.allowDecimals, i = n === void 0 ? !0 : n, r = e.allowNegativeValue, a = r === void 0 ? !0 : r, o = e.id, l = e.name, s = e.className, u = e.customInput, c = e.decimalsLimit, d = e.defaultValue, f = e.disabled, I = f === void 0 ? !1 : f, C = e.maxLength, g = e.value, p = e.onValueChange, E = e.fixedDecimalLength, B = e.placeholder, y = e.decimalScale, h = e.prefix, b = e.suffix, x = e.intlConfig, Q = e.step, P = e.min, V = e.max, w = e.disableGroupSeparators, F = w === void 0 ? !1 : w, N = e.disableAbbreviations, M = N === void 0 ? !1 : N, R = e.decimalSeparator, D = e.groupSeparator, H = e.onChange, X = e.onFocus, T = e.onBlur, J = e.onKeyDown, U = e.onKeyUp, Ge = e.transformRawValue, ue = h7(e, ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "onValueChange", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue"]);
+  var n = e.allowDecimals, i = n === void 0 ? !0 : n, r = e.allowNegativeValue, a = r === void 0 ? !0 : r, o = e.id, l = e.name, s = e.className, u = e.customInput, c = e.decimalsLimit, d = e.defaultValue, f = e.disabled, I = f === void 0 ? !1 : f, C = e.maxLength, g = e.value, p = e.onValueChange, E = e.fixedDecimalLength, B = e.placeholder, y = e.decimalScale, h = e.prefix, b = e.suffix, x = e.intlConfig, Q = e.step, P = e.min, V = e.max, w = e.disableGroupSeparators, F = w === void 0 ? !1 : w, N = e.disableAbbreviations, M = N === void 0 ? !1 : N, R = e.decimalSeparator, G = e.groupSeparator, H = e.onChange, X = e.onFocus, T = e.onBlur, J = e.onKeyDown, U = e.onKeyUp, Ge = e.transformRawValue, ue = h7(e, ["allowDecimals", "allowNegativeValue", "id", "name", "className", "customInput", "decimalsLimit", "defaultValue", "disabled", "maxLength", "value", "onValueChange", "fixedDecimalLength", "placeholder", "decimalScale", "prefix", "suffix", "intlConfig", "step", "min", "max", "disableGroupSeparators", "disableAbbreviations", "decimalSeparator", "groupSeparator", "onChange", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "transformRawValue"]);
   if (R && yi(R))
     throw new Error("decimalSeparator cannot be a number");
-  if (D && yi(D))
+  if (G && yi(G))
     throw new Error("groupSeparator cannot be a number");
   var ge = Y(function() {
     return S7(x);
-  }, [x]), ae = R || ge.decimalSeparator || "", ee = D || ge.groupSeparator || "";
+  }, [x]), ae = R || ge.decimalSeparator || "", ee = G || ge.groupSeparator || "";
   if (ae && ee && ae === ee && F === !1)
     throw new Error("decimalSeparator cannot be the same as groupSeparator");
   var he = {
@@ -12286,7 +12290,7 @@ function N7({
   }, E = () => {
     var b;
     return c(""), a == null || a(""), s && ((b = s.current) == null ? void 0 : b.focus());
-  }, B = () => e ? "disabled" : "subdued", y = () => e ? "disabled" : d && t === "password" ? "default" : "subdued", h = G(
+  }, B = () => e ? "disabled" : "subdued", y = () => e ? "disabled" : d && t === "password" ? "default" : "subdued", h = D(
     "w-full rounded-sm bg-action-secondary-default py-md px-sm font-sans text-xs font-book leading-xs text-letter-default caret-icon-default placeholder:font-sans placeholder:text-xs placeholder:font-book placeholder:leading-xs placeholder:text-letter-subdued focus:ring-0 disabled:bg-action-secondary-disabled disabled:text-letter-disabled disabled:placeholder:text-letter-disabled",
     i || l ? "border border-action-critical-default focus:border-action-critical-default" : "border-none focus:rounded-[5px] focus:shadow-[0px_0px_0px_1px_#3EADFE]",
     {
@@ -12318,7 +12322,7 @@ function F7({
 }) {
   const r = () => e ? e && (t || n) ? "justify-between" : "justify-end" : "justify-start";
   return e || t || n ? /* @__PURE__ */ L("div", {
-    className: G("mt-xs flex", r()),
+    className: D("mt-xs flex", r()),
     children: [t && !n && /* @__PURE__ */ A(ie, {
       variant: "caption",
       color: "subdued",
@@ -12412,7 +12416,7 @@ const ns = f1((e, t) => {
     handleChangeCustom: N,
     subtractValue: M,
     addMoreValue: R,
-    getColorIcon: D,
+    getColorIcon: G,
     getColorIconPassword: H,
     showPassword: X,
     setShowPassword: T,
@@ -12424,11 +12428,11 @@ const ns = f1((e, t) => {
     description: p == null ? void 0 : p.description,
     children: /* @__PURE__ */ A(Fe, {
       kind: c,
-      color: D()
+      color: G()
     })
   }) : /* @__PURE__ */ A(Fe, {
     kind: c,
-    color: D()
+    color: G()
   }), ue = Y(() => wn([w, t]), [w, t]), ge = {
     id: n,
     name: i,
@@ -12480,7 +12484,7 @@ const ns = f1((e, t) => {
       }))(),
       renderIconLeft: u && /* @__PURE__ */ A(Fe, {
         kind: u,
-        color: D()
+        color: G()
       }),
       children: [/* @__PURE__ */ A(et.Delete, {
         inputValue: V,
@@ -12497,13 +12501,13 @@ const ns = f1((e, t) => {
           kind: "more",
           cursor: "pointer",
           size: "sm",
-          color: D(),
+          color: G(),
           onClick: R
         }), /* @__PURE__ */ A(Fe, {
           kind: "less",
           cursor: "pointer",
           size: "sm",
-          color: D(),
+          color: G(),
           onClick: M
         })]
       }), /* @__PURE__ */ A(et.Special, {
@@ -12533,7 +12537,7 @@ function rs({
   shadow: l = "basic",
   children: s
 }) {
-  const u = () => e === "default" ? "default" : e === "success" ? "success" : e === "warning" ? "warning" : e === "error" ? "critical" : "default", c = G({
+  const u = () => e === "default" ? "default" : e === "success" ? "success" : e === "warning" ? "warning" : e === "error" ? "critical" : "default", c = D({
     "max-w-[420px]": a === "lg",
     "max-w-[288px]": a === "sm",
     "bg-surface-default": e === "default",
@@ -12543,7 +12547,7 @@ function rs({
   });
   return /* @__PURE__ */ L("div", {
     role: "alert",
-    className: G("w-full p-sm flex justify-between gap-x-sm rounded-sm", c, {
+    className: D("w-full p-sm flex justify-between gap-x-sm rounded-sm", c, {
       "shadow-[0px_3px_22px_0px_#34343433]": l === "popup",
       "shadow-[0px_3px_22px_0px_#34343426]": l === "basic"
     }),
@@ -12557,12 +12561,12 @@ function rs({
       children: [i ? /* @__PURE__ */ A(ie, {
         variant: "highlight",
         color: "default",
-        className: G(n ? "mb-sm" : ""),
+        className: D(n ? "mb-sm" : ""),
         children: i
       }) : null, n ? /* @__PURE__ */ A(ie, {
         variant: "body",
         color: "default",
-        className: G(s ? "mb-sm" : ""),
+        className: D(s ? "mb-sm" : ""),
         children: n
       }) : null, s]
     }), r && /* @__PURE__ */ A(Fe, {
@@ -12667,7 +12671,7 @@ function is({
       disabled: (o == null ? void 0 : o.isDisabled) || Boolean(o == null ? void 0 : o.error),
       className: ({
         active: l
-      }) => G("flex min-h-[78px] items-center rounded-sm border bg-white p-sm", !(o != null && o.isDisabled) && "cursor-pointer", (o == null ? void 0 : o.isLoading) && "cursor-default", i(l, o)),
+      }) => D("flex min-h-[78px] items-center rounded-sm border bg-white p-sm", !(o != null && o.isDisabled) && "cursor-pointer", (o == null ? void 0 : o.isLoading) && "cursor-default", i(l, o)),
       children: ({
         checked: l
       }) => {
@@ -12681,7 +12685,7 @@ function is({
           }), o.isLoading ? null : /* @__PURE__ */ L("div", {
             className: "flex w-full justify-between",
             children: [/* @__PURE__ */ L("div", {
-              className: G("flex items-center", (o == null ? void 0 : o.img) || (o == null ? void 0 : o.logo) || (o == null ? void 0 : o.hasRadio) ? "gap-x-sm" : ""),
+              className: D("flex items-center", (o == null ? void 0 : o.img) || (o == null ? void 0 : o.logo) || (o == null ? void 0 : o.hasRadio) ? "gap-x-sm" : ""),
               children: [(o == null ? void 0 : o.hasRadio) && /* @__PURE__ */ A(S5, {
                 id: o == null ? void 0 : o.id,
                 name: o == null ? void 0 : o.id,
@@ -12727,13 +12731,13 @@ function as({
   ...r
 }) {
   return u2("(min-width: 768px)") ? /* @__PURE__ */ L("nav", {
-    className: G("hidden lg:block lg:h-full lg:bg-background-default lg:py-sm lg:shadow-[inset_-1px_0px_0px_#C2C2C2]", i, t ? "lg:w-[67px]" : "lg:min-w-[240px] lg:w-[240px] lg:pr-xs"),
+    className: D("hidden lg:block lg:h-full lg:bg-background-default lg:py-sm lg:shadow-[inset_-1px_0px_0px_#C2C2C2]", i, t ? "lg:w-[67px]" : "lg:min-w-[240px] lg:w-[240px] lg:pr-xs"),
     ...r,
     children: [/* @__PURE__ */ L("div", {
-      className: G("mb-xl flex items-center", t ? "justify-center" : "justify-between px-sm"),
+      className: D("mb-xl flex items-center", t ? "justify-center" : "justify-between px-sm"),
       children: [/* @__PURE__ */ A(lt, {
         kind: "brand-sm",
-        className: G("w-[69px]", t && "hidden")
+        className: D("w-[69px]", t && "hidden")
       }), /* @__PURE__ */ A(Fe, {
         kind: "menu",
         color: "subdued",
@@ -12753,7 +12757,7 @@ function fr({
   ...n
 }) {
   return /* @__PURE__ */ A("div", {
-    className: G(t, "relative flex h-screen p-0"),
+    className: D(t, "relative flex h-screen p-0"),
     ...n,
     children: e
   });
@@ -12778,7 +12782,7 @@ fr.Main = function({
   ...i
 }) {
   return /* @__PURE__ */ A("main", {
-    className: G(n, "relative top-[64px] h-[calc(100%-64px)] w-full py-xl lg:px-xxl"),
+    className: D(n, "relative top-[64px] h-[calc(100%-64px)] w-full py-xl lg:px-xxl"),
     ...i,
     children: t
   });
@@ -12789,7 +12793,7 @@ function lo({
   ...n
 }) {
   return /* @__PURE__ */ A("div", {
-    className: G(t),
+    className: D(t),
     ...n,
     children: e
   });
@@ -12800,7 +12804,7 @@ lo.Header = function({
   ...i
 }) {
   return /* @__PURE__ */ A("div", {
-    className: G(n),
+    className: D(n),
     ...i,
     children: t
   });
@@ -12811,7 +12815,7 @@ lo.Main = function({
   ...i
 }) {
   return /* @__PURE__ */ A("div", {
-    className: G(n),
+    className: D(n),
     ...i,
     children: t
   });