@aveonline/ui-react 1.14.2 → 1.14.4

package/dist/ui-react.mjs

@@ -349,17 +349,17 @@ function Il() {
         }
       } catch (wt) {
         if (wt && K && typeof wt.stack == "string") {
-          for (var te = wt.stack.split(`
+          for (var ne = wt.stack.split(`
 `), qe = K.stack.split(`
-`), Me = te.length - 1, Ne = qe.length - 1; Me >= 1 && Ne >= 0 && te[Me] !== qe[Ne]; )
+`), Me = ne.length - 1, Ne = qe.length - 1; Me >= 1 && Ne >= 0 && ne[Me] !== qe[Ne]; )
             Ne--;
           for (; Me >= 1 && Ne >= 0; Me--, Ne--)
-            if (te[Me] !== qe[Ne]) {
+            if (ne[Me] !== qe[Ne]) {
               if (Me !== 1 || Ne !== 1)
                 do
-                  if (Me--, Ne--, Ne < 0 || te[Me] !== qe[Ne]) {
+                  if (Me--, Ne--, Ne < 0 || ne[Me] !== qe[Ne]) {
                     var ut = `
-` + te[Me].replace(" at new ", " at ");
+` + ne[Me].replace(" at new ", " at ");
                     return h.displayName && ut.includes("<anonymous>") && (ut = ut.replace("<anonymous>", h.displayName)), typeof h == "function" && Re.set(h, ut), ut;
                   }
                 while (Me >= 1 && Ne >= 0);
@@ -369,7 +369,7 @@ function Il() {
       } finally {
         Ke = !1, Be.current = ve, re(), Error.prepareStackTrace = le;
       }
-      var a1 = h ? h.displayName || h.name : "", J2 = a1 ? He(a1) : "";
+      var o1 = h ? h.displayName || h.name : "", J2 = o1 ? He(o1) : "";
       return typeof h == "function" && Re.set(h, J2), J2;
     }
     function rt(h, F, T) {
@@ -421,23 +421,23 @@ function Il() {
         var ve = Function.call.bind(vt);
         for (var ie in h)
           if (ve(h, ie)) {
-            var te = void 0;
+            var ne = void 0;
             try {
               if (typeof h[ie] != "function") {
                 var qe = Error((K || "React class") + ": " + T + " type `" + ie + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof h[ie] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw qe.name = "Invariant Violation", qe;
               }
-              te = h[ie](F, ie, K, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              ne = h[ie](F, ie, K, T, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (Me) {
-              te = Me;
+              ne = Me;
             }
-            te && !(te instanceof Error) && ($e(le), B("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", K || "React class", T, ie, typeof te), $e(null)), te instanceof Error && !(te.message in Jt) && (Jt[te.message] = !0, $e(le), B("Failed %s type: %s", T, te.message), $e(null));
+            ne && !(ne instanceof Error) && ($e(le), B("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", K || "React class", T, ie, typeof ne), $e(null)), ne instanceof Error && !(ne.message in Jt) && (Jt[ne.message] = !0, $e(le), B("Failed %s type: %s", T, ne.message), $e(null));
           }
       }
     }
-    var o1 = Array.isArray;
+    var i1 = Array.isArray;
     function xt(h) {
-      return o1(h);
+      return i1(h);
     }
     function $n(h) {
       {
@@ -511,7 +511,7 @@ function Il() {
       }
     }
     var We = function(h, F, T, K, le, ve, ie) {
-      var te = {
+      var ne = {
         $$typeof: t,
         type: h,
         key: F,
@@ -519,27 +519,27 @@ function Il() {
         props: ie,
         _owner: ve
       };
-      return te._store = {}, Object.defineProperty(te._store, "validated", {
+      return ne._store = {}, Object.defineProperty(ne._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(te, "_self", {
+      }), Object.defineProperty(ne, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: K
-      }), Object.defineProperty(te, "_source", {
+      }), Object.defineProperty(ne, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: le
-      }), Object.freeze && (Object.freeze(te.props), Object.freeze(te)), te;
+      }), Object.freeze && (Object.freeze(ne.props), Object.freeze(ne)), ne;
     };
     function Ye(h, F, T, K, le) {
       {
-        var ve, ie = {}, te = null, qe = null;
-        T !== void 0 && (_1(T), te = "" + T), tr(F) && (_1(F.key), te = "" + F.key), tn(F) && (qe = F.ref, Fe(F, le));
+        var ve, ie = {}, ne = null, qe = null;
+        T !== void 0 && (_1(T), ne = "" + T), tr(F) && (_1(F.key), ne = "" + F.key), tn(F) && (qe = F.ref, Fe(F, le));
         for (ve in F)
           vt.call(F, ve) && !er.hasOwnProperty(ve) && (ie[ve] = F[ve]);
         if (h && h.defaultProps) {
@@ -547,11 +547,11 @@ function Il() {
           for (ve in Me)
             ie[ve] === void 0 && (ie[ve] = Me[ve]);
         }
-        if (te || qe) {
+        if (ne || qe) {
           var Ne = typeof h == "function" ? h.displayName || h.name || "Unknown" : h;
-          te && je(ie, Ne), qe && ze(ie, Ne);
+          ne && je(ie, Ne), qe && ze(ie, Ne);
         }
-        return We(h, te, qe, le, K, Ut.current, ie);
+        return We(h, ne, qe, le, K, Ut.current, ie);
       }
     }
     var Je = E.ReactCurrentOwner, Kt = E.ReactDebugCurrentFrame;
@@ -674,12 +674,12 @@ Check the top-level render call using <` + T + ">.");
       {
         var ie = V(h);
         if (!ie) {
-          var te = "";
-          (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (te += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var ne = "";
+          (h === void 0 || typeof h == "object" && h !== null && Object.keys(h).length === 0) && (ne += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var qe = rl(le);
-          qe ? te += qe : te += nn();
+          qe ? ne += qe : ne += nn();
           var Me;
-          h === null ? Me = "null" : xt(h) ? Me = "array" : h !== void 0 && h.$$typeof === t ? (Me = "<" + (P(h.type) || "Unknown") + " />", te = " Did you accidentally export a JSX literal instead of a component?") : Me = typeof h, B("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Me, te);
+          h === null ? Me = "null" : xt(h) ? Me = "array" : h !== void 0 && h.$$typeof === t ? (Me = "<" + (P(h.type) || "Unknown") + " />", ne = " Did you accidentally export a JSX literal instead of a component?") : Me = typeof h, B("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Me, ne);
         }
         var Ne = Ye(h, F, T, le, ve);
         if (Ne == null)
@@ -689,8 +689,8 @@ Check the top-level render call using <` + T + ">.");
           if (ut !== void 0)
             if (K)
               if (xt(ut)) {
-                for (var a1 = 0; a1 < ut.length; a1++)
-                  W2(ut[a1], h);
+                for (var o1 = 0; o1 < ut.length; o1++)
+                  W2(ut[o1], h);
                 Object.freeze && Object.freeze(ut);
               } else
                 B("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -874,7 +874,7 @@ function El({ variant: e, ...t }) {
     )
   };
 }
-function t1({
+function c1({
   variant: e = "heading",
   children: t,
   lineHeight: n,
@@ -949,7 +949,7 @@ function uo(e) {
     ...s && { htmlFor: s }
   }, getClass: u };
 }
-function ne(e) {
+function te(e) {
   const {
     attributes: t,
     getClass: n
@@ -1004,7 +1004,7 @@ function N8({
       "bg-surface-warning-default": e === "warning",
       "bg-surface-critical-default": e === "critical"
     }),
-    children: /* @__PURE__ */ d(ne, {
+    children: /* @__PURE__ */ d(te, {
       variant: "caption",
       children: t
     })
@@ -1429,8 +1429,8 @@ function ho(e) {
   }
 }
 let Sl = "div";
-var n1 = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(n1 || {});
-let r1 = pe(function(e, t) {
+var t1 = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(t1 || {});
+let n1 = pe(function(e, t) {
   let { features: n = 1, ...i } = e, r = { ref: t, "aria-hidden": (n & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(n & 4) === 4 && (n & 2) !== 2 && { display: "none" } } };
   return Ce({ ourProps: r, theirProps: i, slot: {}, defaultTag: Sl, name: "Hidden" });
 }), t2 = Pe(null);
@@ -1532,21 +1532,21 @@ let h1 = Object.assign(pe(function(e, t) {
   }), g = {
     ref: i
   };
-  return oe.createElement(oe.Fragment, null, Boolean(a & 4) && /* @__PURE__ */ d(r1, {
+  return oe.createElement(oe.Fragment, null, Boolean(a & 4) && /* @__PURE__ */ d(n1, {
     as: "button",
     type: "button",
     onFocus: A,
-    features: n1.Focusable
+    features: t1.Focusable
   }), Ce({
     ourProps: g,
     theirProps: l,
     defaultTag: Ml,
     name: "FocusTrap"
-  }), Boolean(a & 4) && /* @__PURE__ */ d(r1, {
+  }), Boolean(a & 4) && /* @__PURE__ */ d(n1, {
     as: "button",
     type: "button",
     onFocus: A,
-    features: n1.Focusable
+    features: t1.Focusable
   }));
 }), {
   features: Ro
@@ -1620,7 +1620,7 @@ function Gl(e, t) {
       return !0;
   return !1;
 }
-let l1 = /* @__PURE__ */ new Set(), Lt = /* @__PURE__ */ new Map();
+let a1 = /* @__PURE__ */ new Set(), Lt = /* @__PURE__ */ new Map();
 function ti(e) {
   e.setAttribute("aria-hidden", "true"), e.inert = !0;
 }
@@ -1634,21 +1634,21 @@ function Ol(e, t = !0) {
       return;
     let n = e.current, i = zt(n);
     if (i) {
-      l1.add(n);
+      a1.add(n);
       for (let r of Lt.keys())
         r.contains(n) && (ni(r), Lt.delete(r));
       return i.querySelectorAll("body > *").forEach((r) => {
         if (r instanceof HTMLElement) {
-          for (let o of l1)
+          for (let o of a1)
             if (r.contains(o))
               return;
-          l1.size === 1 && (Lt.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), ti(r));
+          a1.size === 1 && (Lt.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), ti(r));
         }
       }), () => {
-        if (l1.delete(n), l1.size > 0)
+        if (a1.delete(n), a1.size > 0)
           i.querySelectorAll("body > *").forEach((r) => {
             if (r instanceof HTMLElement && !Lt.has(r)) {
-              for (let o of l1)
+              for (let o of a1)
                 if (r.contains(o))
                   return;
               Lt.set(r, { "aria-hidden": r.getAttribute("aria-hidden"), inert: r.inert }), ti(r);
@@ -1955,8 +1955,8 @@ let $l = "div", es = Bt.RenderStrategy | Bt.Static, ts = pe(function(e, t) {
         })
       })
     })
-  }), /* @__PURE__ */ d(r1, {
-    features: n1.Hidden,
+  }), /* @__PURE__ */ d(n1, {
+    features: t1.Hidden,
     ref: f
   }));
 }), ns = "div", rs = pe(function(e, t) {
@@ -2851,8 +2851,8 @@ let ks = "div", Zs = pe(function(e, t) {
         value: O,
         children: [r != null && v != null && Eo({
           [r]: v
-        }).map(([w, N]) => oe.createElement(r1, {
-          features: n1.Hidden,
+        }).map(([w, N]) => oe.createElement(n1, {
+          features: t1.Hidden,
           ...Cn({
             key: w,
             as: "input",
@@ -3009,8 +3009,8 @@ let Js = "button", Us = pe(function(e, t) {
     onKeyUp: I,
     onKeyPress: E
   };
-  return oe.createElement(oe.Fragment, null, o != null && g && oe.createElement(r1, {
-    features: n1.Hidden,
+  return oe.createElement(oe.Fragment, null, o != null && g && oe.createElement(n1, {
+    features: t1.Hidden,
     ...Cn({
       as: "input",
       type: "checkbox",
@@ -3036,10 +3036,10 @@ function qs({
   onFocus: e
 }) {
   let [t, n] = j(!0);
-  return t ? oe.createElement(r1, {
+  return t ? oe.createElement(n1, {
     as: "button",
     type: "button",
-    features: n1.Focusable,
+    features: t1.Focusable,
     onFocus: (i) => {
       i.preventDefault();
       let r, o = 50;
@@ -3350,7 +3350,7 @@ let tu = we, nu = pe(function(e, t) {
     "aria-labelledby": (i = (n = l[p]) == null ? void 0 : n.current) == null ? void 0 : i.id,
     tabIndex: I ? 0 : -1
   };
-  return !I && ((r = e.unmount) != null ? r : !0) && !((o = e.static) != null && o) ? oe.createElement(r1, {
+  return !I && ((r = e.unmount) != null ? r : !0) && !((o = e.static) != null && o) ? oe.createElement(n1, {
     as: "span",
     ...R
   }) : Ce({
@@ -3701,30 +3701,33 @@ function D8({
   isSelected: t = !1,
   isDisabled: n,
   name: i = "",
-  ...r
+  hasFrozenState: r = !1,
+  ...o
 }) {
-  const [o, a] = j(t), l = (u) => {
-    a(u), e(u);
-  }, s = ({
-    checked: u
-  }) => n ? "bg-surface-disabled" : u ? "bg-action-primary-default" : "bg-action-primary-disabled";
+  const [a, l] = j(t), s = (c) => {
+    if (r)
+      return l(!c), e(!c);
+    l(c), e(c);
+  }, u = ({
+    checked: c
+  }) => n ? "bg-surface-disabled" : c ? "bg-action-primary-default" : "bg-action-primary-disabled";
   return /* @__PURE__ */ d(Ks, {
     name: i,
-    checked: o,
-    onChange: l,
+    checked: a,
+    onChange: s,
     as: we,
-    ...r,
+    ...o,
     children: ({
-      checked: u
+      checked: c
     }) => /* @__PURE__ */ M("button", {
       disabled: n,
-      className: D("relative inline-flex h-6 w-12 items-center rounded-full", s({
-        checked: u
+      className: D("relative inline-flex h-6 w-12 items-center rounded-full", u({
+        checked: c
       })),
       children: [/* @__PURE__ */ d("span", {
         className: "sr-only"
       }), /* @__PURE__ */ d("span", {
-        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")
+        className: D("inline-block h-4 w-4 transform rounded-full  transition", c ? "translate-x-7" : "translate-x-1", n ? "bg-icon-disabled" : "bg-icon-on")
       })]
     })
   });
@@ -5045,7 +5048,7 @@ const $u = (e) => {
     }
   };
 };
-var i1 = typeof document < "u" ? O1 : ee;
+var r1 = typeof document < "u" ? O1 : ee;
 function e0() {
   const e = /* @__PURE__ */ new Map();
   return {
@@ -5065,7 +5068,7 @@ let ur = !1, t0 = 0;
 const gi = () => "floating-ui-" + t0++;
 function n0() {
   const [e, t] = m.useState(() => ur ? gi() : void 0);
-  return i1(() => {
+  return r1(() => {
     e == null && t(gi());
   }, []), m.useEffect(() => {
     ur || (ur = !0);
@@ -5133,7 +5136,7 @@ function l0(e) {
       domReference: s
     }
   }), [C, l, f, t, p, I, s]);
-  i1(() => {
+  r1(() => {
     const v = c == null ? void 0 : c.nodesRef.current.find((b) => b.id === l);
     v && (v.context = E);
   });
@@ -5214,7 +5217,7 @@ const Yo = "floating-ui-root", u0 = function(e) {
     enabled: n = !0
   } = e === void 0 ? {} : e;
   const [i, r] = m.useState(null);
-  return i1(() => {
+  return r1(() => {
     if (!n)
       return;
     const o = document.getElementById(t);
@@ -5242,13 +5245,13 @@ function A0(e) {
 }
 function Ii(e) {
   const t = Z(e);
-  return i1(() => {
+  return r1(() => {
     t.current = e;
   }), t;
 }
 function d0(e) {
   const t = Z();
-  return i1(() => {
+  return r1(() => {
     t.current = e;
   }, [e]), t.current;
 }
@@ -5374,7 +5377,7 @@ const g0 = function(e, t) {
     E,
     I,
     c
-  ]), i1(() => {
+  ]), r1(() => {
     if (!!n && s && I.current && I.current.__options.blockPointerEvents && Q()) {
       Ht(g.floating.current).body.style.pointerEvents = "none", S.current = !0;
       const N = g.domReference.current, H = g.floating.current;
@@ -5386,7 +5389,7 @@ const g0 = function(e, t) {
         };
       }
     }
-  }, [n, s, p, g, C, I, c, Q]), i1(() => {
+  }, [n, s, p, g, C, I, c, Q]), r1(() => {
     B && !s && (R.current = void 0, O(), G());
   }), m.useEffect(() => () => {
     O(), clearTimeout(v.current), clearTimeout(x.current), S.current && G();
@@ -5719,12 +5722,12 @@ function Jo({
     }), /* @__PURE__ */ M(m0, {
       state: l,
       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__ */ d(ne, {
+      children: [/* @__PURE__ */ d(te, {
         variant: "highlight",
         color: "default",
         className: "mb-1",
         children: t
-      }), /* @__PURE__ */ d(ne, {
+      }), /* @__PURE__ */ d(te, {
         variant: "body",
         color: "subdued",
         children: n
@@ -5769,14 +5772,14 @@ const b0 = mt((e, t) => {
         className: D("border-2", g())
       }), a && /* @__PURE__ */ M("div", {
         className: "flex flex-col items-start justify-center",
-        children: [/* @__PURE__ */ d(ne, {
+        children: [/* @__PURE__ */ d(te, {
           as: "label",
           variant: "body",
           className: "break-words",
           htmlFor: n,
           color: r ? "disabled" : c,
           children: a
-        }), l && /* @__PURE__ */ d(ne, {
+        }), l && /* @__PURE__ */ d(te, {
           variant: "body",
           className: "mt-1",
           htmlFor: n,
@@ -5804,14 +5807,14 @@ function G8({
       className: D("relative inline-block h-6 w-6 rounded-md", l()),
       children: /* @__PURE__ */ d("strong", {
         className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform font-bold",
-        children: /* @__PURE__ */ d(ne, {
+        children: /* @__PURE__ */ d(te, {
           variant: "highlight",
           color: "on",
           className: "select-none",
           children: e
         })
       })
-    }), /* @__PURE__ */ d(ne, {
+    }), /* @__PURE__ */ d(te, {
       variant: "button",
       color: s(),
       className: D("select-none mt-1", !t && "hover:text-letter-default active:text-letter-default"),
@@ -6401,14 +6404,14 @@ const Uo = mt((e, t) => {
         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]", g === "sm" && "h-[18px] w-[18px]", g === "md" && "h-[20px] w-[20px]")
       }), a && /* @__PURE__ */ M("div", {
         className: "flex flex-col items-start justify-center",
-        children: [/* @__PURE__ */ d(ne, {
+        children: [/* @__PURE__ */ d(te, {
           as: "label",
           variant: "body",
           className: "break-words select-none",
           htmlFor: n,
           color: r ? "disabled" : A,
           children: a
-        }), l && /* @__PURE__ */ d(ne, {
+        }), l && /* @__PURE__ */ d(te, {
           variant: "body",
           className: "mt-1",
           htmlFor: n,
@@ -6942,7 +6945,7 @@ function s3(e, t, n) {
 function bi(e, t, n, i) {
   return Jn(e, t, n, x2, P1(e, 0, i), P1(e, i + 1, -1), i);
 }
-function c1(e, t) {
+function u1(e, t) {
   for (var n = "", i = w2(e), r = 0; r < i; r++)
     n += t(e[r], r, e, t) || "";
   return n;
@@ -6955,11 +6958,11 @@ function u3(e, t, n, i) {
     case R2:
       return "";
     case _o:
-      return e.return = e.value + "{" + c1(e.children, i) + "}";
+      return e.return = e.value + "{" + u1(e.children, i) + "}";
     case y2:
       e.value = e.props.join(",");
   }
-  return ht(n = c1(e.children, i)) ? e.return = e.value + "{" + n + "}" : "";
+  return ht(n = u1(e.children, i)) ? e.return = e.value + "{" + n + "}" : "";
 }
 function c3(e) {
   var t = w2(e);
@@ -7179,7 +7182,7 @@ var B3 = function(t, n, i, r) {
         t.return = ia(t.value, t.length);
         break;
       case _o:
-        return c1([B1(t, {
+        return u1([B1(t, {
           value: ge(t.value, "@", "@" + se)
         })], r);
       case y2:
@@ -7188,11 +7191,11 @@ var B3 = function(t, n, i, r) {
             switch ($0(o, /(::plac\w+|:read-\w+)/)) {
               case ":read-only":
               case ":read-write":
-                return c1([B1(t, {
+                return u1([B1(t, {
                   props: [ge(o, /:(read-\w+)/, ":" + Rn + "$1")]
                 })], r);
               case "::placeholder":
-                return c1([B1(t, {
+                return u1([B1(t, {
                   props: [ge(o, /:(plac\w+)/, ":" + se + "input-$1")]
                 }), B1(t, {
                   props: [ge(o, /:(plac\w+)/, ":" + Rn + "$1")]
@@ -7239,7 +7242,7 @@ If multiple caches share the same key they might "fight" for each other's style
     } : A3(function(p) {
       c.insert(p);
     })], g = c3(u.concat(r, A)), f = function(I) {
-      return c1(l3(I), g);
+      return u1(l3(I), g);
     };
     s = function(I, E, B, R) {
       c = B, process.env.NODE_ENV !== "production" && E.map !== void 0 && (c = {
@@ -9376,7 +9379,7 @@ function Yi() {
 function Ji() {
   return "ontouchstart" in window || navigator.maxTouchPoints;
 }
-var Ui = !!(typeof window < "u" && window.document && window.document.createElement), R1 = 0, s1 = {
+var Ui = !!(typeof window < "u" && window.document && window.document.createElement), R1 = 0, l1 = {
   capture: !1,
   passive: !1
 };
@@ -9394,7 +9397,7 @@ function F5(e) {
           c && (c[C] = p);
         }), c && (c.paddingRight = "".concat(f, "px"));
       }
-      u && Ji() && (u.addEventListener("touchmove", zi, s1), s && (s.addEventListener("touchstart", Yi, s1), s.addEventListener("touchmove", Wi, s1))), R1 += 1;
+      u && Ji() && (u.addEventListener("touchmove", zi, l1), s && (s.addEventListener("touchstart", Yi, l1), s.addEventListener("touchmove", Wi, l1))), R1 += 1;
     }
   }, [i]), l = Qe(function(s) {
     if (!!Ui) {
@@ -9402,7 +9405,7 @@ function F5(e) {
       R1 = Math.max(R1 - 1, 0), i && R1 < 1 && Xi.forEach(function(A) {
         var g = r.current[A];
         c && (c[A] = g);
-      }), u && Ji() && (u.removeEventListener("touchmove", zi, s1), s && (s.removeEventListener("touchstart", Yi, s1), s.removeEventListener("touchmove", Wi, s1)));
+      }), u && Ji() && (u.removeEventListener("touchmove", zi, l1), s && (s.removeEventListener("touchstart", Yi, l1), s.removeEventListener("touchmove", Wi, l1)));
     }
   }, [i]);
   return ee(function() {
@@ -10689,7 +10692,7 @@ function J1({
 }) {
   const o = () => i ? i && (e || t) ? "justify-between" : "justify-end" : "justify-start", a = () => /* @__PURE__ */ d("div", {
     className: "my-1",
-    children: /* @__PURE__ */ d(ne, {
+    children: /* @__PURE__ */ d(te, {
       as: "span",
       variant: "body",
       color: "subdued",
@@ -10725,7 +10728,7 @@ const U1 = (e) => /* @__PURE__ */ d(yt.DropdownIndicator, {
   })
 }), O2 = (e) => /* @__PURE__ */ d(yt.Option, {
   ...e,
-  children: /* @__PURE__ */ d(ne, {
+  children: /* @__PURE__ */ d(te, {
     as: "span",
     variant: "body",
     color: e.isSelected ? "on" : "default",
@@ -10733,7 +10736,7 @@ const U1 = (e) => /* @__PURE__ */ d(yt.DropdownIndicator, {
   })
 }), K1 = (e) => /* @__PURE__ */ d(yt.Placeholder, {
   ...e,
-  children: /* @__PURE__ */ d(ne, {
+  children: /* @__PURE__ */ d(te, {
     as: "span",
     variant: "body",
     color: e.isDisabled ? "disabled" : "subdued",
@@ -10743,12 +10746,12 @@ const U1 = (e) => /* @__PURE__ */ d(yt.DropdownIndicator, {
   ...e,
   children: /* @__PURE__ */ M("div", {
     className: "flex items-center space-x-[4px]",
-    children: [e.selectProps.hasLabelPlaceholder && /* @__PURE__ */ d(ne, {
+    children: [e.selectProps.hasLabelPlaceholder && /* @__PURE__ */ d(te, {
       as: "span",
       variant: "body",
       color: "subdued",
       children: e.selectProps.placeholder
-    }), /* @__PURE__ */ d(ne, {
+    }), /* @__PURE__ */ d(te, {
       as: "span",
       variant: "body",
       color: "default",
@@ -10885,9 +10888,9 @@ function Za(e) {
     if (r && re[Te])
       x(Te), w(Te), L(re[Te]), V(!1), ce(!1);
     else {
-      var o1 = f.current = {};
+      var i1 = f.current = {};
       x(Te), V(!0), ce(!P), Xe(Te, function(xt) {
-        !C || o1 === f.current && (f.current = void 0, V(!1), w(Te), L(xt || []), ce(!1), Be(xt ? ue(ue({}, re), {}, Ct({}, Te, xt)) : re));
+        !C || i1 === f.current && (f.current = void 0, V(!1), w(Te), L(xt || []), ce(!1), Be(xt ? ue(ue({}, re), {}, Ct({}, Te, xt)) : re));
       });
     }
   }, [r, Xe, P, re, s]), Jt = Oe ? [] : b && P ? X : E || [];
@@ -11011,7 +11014,7 @@ const t4 = ({
       children: r
     });
   }, {
-    children: /* @__PURE__ */ d(ne, {
+    children: /* @__PURE__ */ d(te, {
       as: "span",
       variant: "body",
       color: n.isSelected ? "on" : "default",
@@ -11156,7 +11159,7 @@ const Xa = ({
       className: "flex items-center space-x-[4px]",
       children: [/* @__PURE__ */ d(Xa, {
         isDisabled: e
-      }), /* @__PURE__ */ d(ne, {
+      }), /* @__PURE__ */ d(te, {
         as: "span",
         variant: "body",
         color: e ? "disabled" : "default",
@@ -11168,7 +11171,7 @@ const Xa = ({
   ...e,
   children: /* @__PURE__ */ M("div", {
     className: "flex gap-x-1",
-    children: [/* @__PURE__ */ d(Xa, {}), /* @__PURE__ */ d(ne, {
+    children: [/* @__PURE__ */ d(Xa, {}), /* @__PURE__ */ d(te, {
       as: "span",
       variant: "body",
       color: e.isSelected ? "on" : "default",
@@ -11435,7 +11438,7 @@ function Z8({
     isDisabled: l,
     nameTab: s,
     total: u
-  }) => t === "fitted" ? /* @__PURE__ */ M(ne, {
+  }) => t === "fitted" ? /* @__PURE__ */ M(te, {
     variant: "button",
     color: i({
       selected: a,
@@ -11452,7 +11455,7 @@ function Z8({
       })),
       children: u
     })]
-  }) : /* @__PURE__ */ d(ne, {
+  }) : /* @__PURE__ */ d(te, {
     variant: "button",
     color: i({
       selected: a,
@@ -11515,7 +11518,7 @@ function ja({
       color: i,
       size: "sm",
       className: "flex-none"
-    }) : null, /* @__PURE__ */ d(ne, {
+    }) : null, /* @__PURE__ */ d(te, {
       as: "span",
       variant: t === "lg" ? "body" : "caption",
       color: "critical",
@@ -11540,7 +11543,7 @@ function X8({
     className: "mb-xl flex items-center justify-between",
     children: [/* @__PURE__ */ M("div", {
       className: "flex items-center gap-x-2",
-      children: [t && t, /* @__PURE__ */ d(t1, {
+      children: [t && t, /* @__PURE__ */ d(c1, {
         variant: "heading",
         color: "default",
         children: e
@@ -11571,7 +11574,7 @@ function X8({
         className: "flex min-h-full items-center justify-center",
         children: /* @__PURE__ */ M(In.Panel, {
           className: D("mx-auto rounded-sm bg-surface-default p-xl shadow-popup", s),
-          children: [c(), n && /* @__PURE__ */ d(ne, {
+          children: [c(), n && /* @__PURE__ */ d(te, {
             variant: "caption",
             color: "subdued",
             className: "mb-sm",
@@ -11598,13 +11601,13 @@ function j8({
   children: a
 }) {
   const l = () => /* @__PURE__ */ d(ye, {
-    children: typeof e == "string" ? /* @__PURE__ */ d(ne, {
+    children: typeof e == "string" ? /* @__PURE__ */ d(te, {
       variant: "highlight",
       color: i ? "disabled" : "default",
       children: e
     }) : e
   }), s = (c, A) => /* @__PURE__ */ d(we, {
-    children: typeof c == "string" ? /* @__PURE__ */ d(ne, {
+    children: typeof c == "string" ? /* @__PURE__ */ d(te, {
       variant: "body",
       color: i ? "disabled" : "subdued",
       children: c
@@ -11614,11 +11617,11 @@ function j8({
     value: A
   }, g) => /* @__PURE__ */ M("div", {
     className: "flex items-center justify-between",
-    children: [typeof c == "string" ? /* @__PURE__ */ d(ne, {
+    children: [typeof c == "string" ? /* @__PURE__ */ d(te, {
       variant: "body",
       color: i ? "disabled" : "default",
       children: c
-    }) : c, typeof A == "string" ? /* @__PURE__ */ d(ne, {
+    }) : c, typeof A == "string" ? /* @__PURE__ */ d(te, {
       variant: "body",
       color: i ? "disabled" : "subdued",
       children: A
@@ -11790,12 +11793,12 @@ function z8({
     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: [o(), /* @__PURE__ */ M("div", {
       className: "mb-sm w-full md:w-[300px]",
-      children: [/* @__PURE__ */ d(t1, {
+      children: [/* @__PURE__ */ d(c1, {
         variant: "heading",
         color: "default",
         className: D("mb-sm text-center", n && "mt-[42px]"),
         children: e
-      }), /* @__PURE__ */ d(ne, {
+      }), /* @__PURE__ */ d(te, {
         variant: "body",
         color: "subdued",
         className: "text-center",
@@ -11816,7 +11819,7 @@ function W8({
     className: D("relative inline-block h-[20px] w-[30px] rounded-md bg-surface-neutral-default py-[2px] px-2"),
     children: /* @__PURE__ */ d("strong", {
       className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transform font-bold",
-      children: /* @__PURE__ */ d(ne, {
+      children: /* @__PURE__ */ d(te, {
         variant: "caption",
         color: "default",
         className: "select-none",
@@ -11837,7 +11840,7 @@ function W8({
           kind: e,
           size: "sm",
           color: t ? "primary" : "subdued"
-        }), !r && /* @__PURE__ */ d(ne, {
+        }), !r && /* @__PURE__ */ d(te, {
           variant: "body",
           color: t ? "primary" : "subdued",
           children: n
@@ -11925,7 +11928,7 @@ function L2({
   return /* @__PURE__ */ M("div", {
     className: D(n, "m-0 p-0"),
     ...o,
-    children: [/* @__PURE__ */ d(t1, {
+    children: [/* @__PURE__ */ d(c1, {
       variant: "heading",
       color: "default",
       className: i,
@@ -11972,13 +11975,13 @@ L2.Footer = function({
       className: "mb-xs mt-sm border-t border-border-shadow-subdued"
     }), /* @__PURE__ */ M("div", {
       className: "flex justify-between",
-      children: [/* @__PURE__ */ d(t1, {
+      children: [/* @__PURE__ */ d(c1, {
         variant: "heading",
         color: o ? "disabled" : "default",
         children: "Total (COP)"
       }), /* @__PURE__ */ M("div", {
         className: D(r && "flex gap-x-2"),
-        children: [r, /* @__PURE__ */ d(t1, {
+        children: [r, /* @__PURE__ */ d(c1, {
           variant: "heading",
           color: o ? "disabled" : "default",
           children: i
@@ -12180,7 +12183,7 @@ var Rt = function(e) {
   })) : p != null ? y1(Ee(Ee({}, Be), {
     decimalScale: R,
     value: String(p)
-  })) : "", Ke = j(He), Re = Ke[0], nt = Ke[1], k = j(!1), rt = k[0], it = k[1], Xe = j(0), vt = Xe[0], Jt = Xe[1], ft = j(0), $e = ft[0], Te = ft[1], o1 = j(null), xt = o1[0], $n = o1[1], ot = t || Z(null), I1 = function(Fe, je) {
+  })) : "", Ke = j(He), Re = Ke[0], nt = Ke[1], k = j(!1), rt = k[0], it = k[1], Xe = j(0), vt = Xe[0], Jt = Xe[1], ft = j(0), $e = ft[0], Te = ft[1], i1 = j(null), xt = i1[0], $n = i1[1], ot = t || Z(null), I1 = function(Fe, je) {
     it(!0);
     var ze = R4({
       selectionStart: je,
@@ -12351,7 +12354,7 @@ function x4({
   const r = () => e ? e && (t || n) ? "justify-between" : "justify-end" : "justify-start";
   return e || t || n ? /* @__PURE__ */ M("div", {
     className: D("mt-xs flex", r()),
-    children: [t && !n && /* @__PURE__ */ d(ne, {
+    children: [t && !n && /* @__PURE__ */ d(te, {
       variant: "caption",
       color: "subdued",
       children: t
@@ -12364,7 +12367,7 @@ function x4({
     })]
   }) : /* @__PURE__ */ d(ye, {});
 }
-function u1({
+function s1({
   children: e,
   renderIconLeft: t,
   renderInput: n
@@ -12380,7 +12383,7 @@ function u1({
     })]
   });
 }
-u1.Special = function(t) {
+s1.Special = function(t) {
   const {
     children: n,
     isNumber: i,
@@ -12395,7 +12398,7 @@ u1.Special = function(t) {
     children: n
   }) : /* @__PURE__ */ d(ye, {});
 };
-u1.Delete = function(t) {
+s1.Delete = function(t) {
   const {
     children: n,
     inputValue: i
@@ -12479,7 +12482,7 @@ const w4 = mt((e, t) => {
     }
   };
   return /* @__PURE__ */ M(ye, {
-    children: [/* @__PURE__ */ M(u1, {
+    children: [/* @__PURE__ */ M(s1, {
       renderInput: (() => v === "currency" ? /* @__PURE__ */ d(Jr, {
         id: n,
         name: i,
@@ -12516,7 +12519,7 @@ const w4 = mt((e, t) => {
         kind: u,
         color: N()
       }),
-      children: [/* @__PURE__ */ d(u1.Delete, {
+      children: [/* @__PURE__ */ d(s1.Delete, {
         inputValue: Q,
         children: /* @__PURE__ */ d(fe, {
           kind: "delete",
@@ -12524,7 +12527,7 @@ const w4 = mt((e, t) => {
           onClick: J,
           cursor: "pointer"
         })
-      }), /* @__PURE__ */ M(u1.Special, {
+      }), /* @__PURE__ */ M(s1.Special, {
         isNumber: s === "number",
         showIconNumber: R,
         children: [/* @__PURE__ */ d(fe, {
@@ -12540,7 +12543,7 @@ const w4 = mt((e, t) => {
           color: N(),
           onClick: P
         })]
-      }), /* @__PURE__ */ d(u1.Special, {
+      }), /* @__PURE__ */ d(s1.Special, {
         isPassword: s === "password",
         children: /* @__PURE__ */ d(fe, {
           kind: "eye",
@@ -12570,6 +12573,7 @@ function U8({
   const u = () => e === "default" ? "default" : e === "success" ? "success" : e === "warning" ? "warning" : e === "error" ? "critical" : "default", c = D({
     "max-w-[420px]": o === "lg",
     "max-w-[288px]": o === "sm",
+    "w-1/3 min-w-[200px]": o === "xl",
     "bg-surface-default": e === "default",
     "bg-surface-success-subdued": e === "success",
     "bg-surface-warning-subdued": e === "warning",
@@ -12588,12 +12592,12 @@ function U8({
       className: "flex-none self-start flex"
     }) : null, /* @__PURE__ */ M("div", {
       className: "flex-1",
-      children: [i ? /* @__PURE__ */ d(ne, {
+      children: [i ? /* @__PURE__ */ d(te, {
         variant: "highlight",
         color: "default",
         className: D(n ? "mb-sm" : ""),
         children: i
-      }) : null, n ? /* @__PURE__ */ d(ne, {
+      }) : null, n ? /* @__PURE__ */ d(te, {
         variant: "body",
         color: "default",
         className: D(s ? "mb-sm" : ""),
@@ -12694,14 +12698,14 @@ function q8({
       as: "div",
       className: "relative inline-block text-left",
       children: [/* @__PURE__ */ M(_e.Button, {
-        className: "gap-x-2 flex w-full rounded-md items-center",
+        className: " gap-x-2 flex w-full rounded-md items-center",
         children: [/* @__PURE__ */ d(fe, {
+          className: "w-[10px] h-[10px]",
           color: "default",
           kind: e
-        }), /* @__PURE__ */ d(t1, {
-          size: "sm",
-          variant: "sm",
-          weight: "medium",
+        }), /* @__PURE__ */ d(te, {
+          variant: "button",
+          color: "default",
           children: "M\xE1s"
         })]
       }), /* @__PURE__ */ d(kn, {
@@ -12713,9 +12717,9 @@ function q8({
         leaveFrom: "transform opacity-100 scale-100",
         leaveTo: "transform opacity-0 scale-95",
         children: /* @__PURE__ */ d(_e.Items, {
-          className: "absolute z-10 right-0 mt-3 w-[240px] bg-action-secondary-default py-[12px] pl-[17px] origin-top-right rounded-sm  shadow-[0px_2px_10px_0px_#0000001A]",
+          className: "absolute z-10 right-0 mt-3 w-[180px] bg-action-secondary-default py-[12px] pl-[17px] origin-top-right rounded-sm  shadow-[0px_2px_10px_0px_#0000001A]",
           children: /* @__PURE__ */ d("div", {
-            className: "flex flex-col gap-y-2 mt-2",
+            className: "flex flex-col gap-y-2 mt-2 ",
             children: t == null ? void 0 : t.map((l, s) => /* @__PURE__ */ d("div", {
               children: /* @__PURE__ */ d(Uo, {
                 checked: a(l),
@@ -15381,7 +15385,7 @@ function w8({
     className: "flex items-center justify-end gap-2",
     children: [/* @__PURE__ */ d("span", {
       className: "flex items-center gap-1",
-      children: /* @__PURE__ */ M(ne, {
+      children: /* @__PURE__ */ M(te, {
         variant: "caption",
         children: [e + 1, " - ", t, " de"]
       })
@@ -15485,7 +15489,7 @@ function _8({
         children: f.getHeaderGroups().map((C) => /* @__PURE__ */ d("tr", {
           children: C.headers.map((p) => /* @__PURE__ */ d("th", {
             className: D(!e && "first:rounded-tl-sm last:rounded-tr-sm", "p-4 h-14"),
-            children: /* @__PURE__ */ d(ne, {
+            children: /* @__PURE__ */ d(te, {
               variant: "highlight",
               children: p.isPlaceholder ? null : Qr(p.column.columnDef.header, p.getContext())
             })
@@ -15630,24 +15634,24 @@ function e7({
               }), a != null && a.img ? a == null ? void 0 : a.img : null, a != null && a.logo ? /* @__PURE__ */ d(C1, {
                 kind: a.logo
               }, a.logo) : null, /* @__PURE__ */ M("header", {
-                children: [/* @__PURE__ */ d(t1, {
+                children: [/* @__PURE__ */ d(c1, {
                   variant: "heading",
                   color: a != null && a.isDisabled ? "disabled" : "default",
                   children: a == null ? void 0 : a.title
                 }), /* @__PURE__ */ M("div", {
                   className: "flex gap-x-[2px]",
-                  children: [/* @__PURE__ */ d(ne, {
+                  children: [/* @__PURE__ */ d(te, {
                     variant: "body",
                     color: a != null && a.isDisabled ? "disabled" : "subdued",
                     children: (s = a == null ? void 0 : a.subtitle) != null ? s : ""
-                  }), /* @__PURE__ */ d(ne, {
+                  }), /* @__PURE__ */ d(te, {
                     variant: "highlight",
                     color: a != null && a.isDisabled ? "disabled" : "subdued",
                     children: (u = a == null ? void 0 : a.description) != null ? u : ""
                   })]
                 })]
               })]
-            }), (a == null ? void 0 : a.state) && /* @__PURE__ */ d(ne, {
+            }), (a == null ? void 0 : a.state) && /* @__PURE__ */ d(te, {
               variant: "caption",
               color: a != null && a.isDisabled ? "disabled" : "subdued",
               children: a == null ? void 0 : a.state
@@ -15909,7 +15913,7 @@ export {
   t7 as FilterSearchMultiple,
   U8 as Flag,
   Y8 as Header,
-  t1 as Heading,
+  c1 as Heading,
   fe as Icon,
   ja as InlineError,
   X2 as LayoutMain,
@@ -15929,7 +15933,7 @@ export {
   Z8 as Tab,
   W8 as TabNav,
   _8 as Table,
-  ne as Text,
+  te as Text,
   w1 as TextRef,
   Jo as Tooltip,
   G8 as Tracker