@dipusevilla/componentes-iu 1.0.12 → 1.0.13

package/dist/index.es.js

@@ -78,7 +78,7 @@ function Ls() {
             return (w.displayName || "Context") + ".Provider";
           case p:
             return (w._context.displayName || "Context") + ".Consumer";
-          case $:
+          case D:
             var U = w.render;
             return w = w.displayName, w || (w = U.displayName || U.name || "", w = w !== "" ? "ForwardRef(" + w + ")" : "ForwardRef"), w;
           case Y:
@@ -139,7 +139,7 @@ function Ls() {
     }
     function l(w, U) {
       function G() {
-        D || (D = !0, console.error(
+        A || (A = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           U
         ));
@@ -240,7 +240,7 @@ React keys must be passed directly to JSX without using spread:
     function m(w) {
       typeof w == "object" && w !== null && w.$$typeof === g && w._store && (w._store.validated = 1);
     }
-    var h = X, g = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), F = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), M = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, E = Array.isArray, V = console.createTask ? console.createTask : function() {
+    var h = X, g = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), _ = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), p = Symbol.for("react.consumer"), F = Symbol.for("react.context"), D = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), B = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), M = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, E = Array.isArray, V = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -248,7 +248,7 @@ React keys must be passed directly to JSX without using spread:
         return w();
       }
     };
-    var D, b = {}, z = h["react-stack-bottom-frame"].bind(
+    var A, b = {}, z = h["react-stack-bottom-frame"].bind(
       h,
       a
     )(), re = V(s(a)), ie = {};
@@ -293,7 +293,7 @@ function Br(r) {
   } else for (t in r) r[t] && (s && (s += " "), s += t);
   return s;
 }
-function A() {
+function $() {
   for (var r, e, t = 0, s = "", n = arguments.length; t < n; t++) (r = arguments[t]) && (e = Br(r)) && (s && (s += " "), s += e);
   return s;
 }
@@ -313,7 +313,7 @@ function Oe({
   return /* @__PURE__ */ o.jsx(
     r,
     {
-      className: A(Ps[e], t),
+      className: $(Ps[e], t),
       "aria-hidden": s["aria-label"] ? void 0 : !0,
       ...s
     }
@@ -360,7 +360,7 @@ function Ve({
       disabled: n,
       "aria-label": h ? l : void 0,
       style: s ? { width: s } : void 0,
-      className: A(
+      className: $(
         Us,
         Bs[e],
         g,
@@ -763,7 +763,7 @@ function ir({
     return h.observe(m), () => {
       h.disconnect();
     };
-  }, []), /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col w-full gap-3", s), children: [
+  }, []), /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col w-full gap-3", s), children: [
     /* @__PURE__ */ o.jsxs(
       "button",
       {
@@ -783,7 +783,7 @@ function ir({
       "div",
       {
         ref: i,
-        className: A(
+        className: $(
           "overflow-hidden transition-all duration-300 ease-in-out",
           n ? "opacity-100" : "opacity-0"
         ),
@@ -979,8 +979,8 @@ function Qr(r) {
       ...ve(f.current.disabled) ? { disabled: f.current.disabled } : {}
     });
     const v = (p, F) => {
-      const $ = T(n._fields, p);
-      $ && $._f && ($._f.mount = F);
+      const D = T(n._fields, p);
+      D && D._f && (D._f.mount = F);
     };
     if (v(t, !0), _) {
       const p = he(T(n._options.defaultValues, t));
@@ -1204,15 +1204,15 @@ var ze = (r) => ne(r) && !xt(r) ? r : {
   const { ref: i, refs: l, required: c, maxLength: f, minLength: d, min: m, max: h, pattern: g, validate: k, name: j, valueAsNumber: _, mount: v } = r._f, p = T(t, j);
   if (!v || e.has(j))
     return {};
-  const F = l ? l[0] : i, $ = (L) => {
+  const F = l ? l[0] : i, D = (L) => {
     n && F.reportValidity && (F.setCustomValidity(ve(L) ? "" : L || ""), F.reportValidity());
-  }, O = {}, B = Wt(i), Y = et(i), P = B || Y, W = (_ || zt(i)) && se(i.value) && se(p) || ht(i) && i.value === "" || p === "" || Array.isArray(p) && !p.length, Z = es.bind(null, j, s, O), M = (L, E, V, D = Se.maxLength, b = Se.minLength) => {
+  }, O = {}, B = Wt(i), Y = et(i), P = B || Y, W = (_ || zt(i)) && se(i.value) && se(p) || ht(i) && i.value === "" || p === "" || Array.isArray(p) && !p.length, Z = es.bind(null, j, s, O), M = (L, E, V, A = Se.maxLength, b = Se.minLength) => {
     const z = L ? E : V;
     O[j] = {
-      type: L ? D : b,
+      type: L ? A : b,
       message: z,
       ref: i,
-      ...Z(L ? D : b, z)
+      ...Z(L ? A : b, z)
     };
   };
   if (a ? !Array.isArray(p) || !p.length : c && (!P && (W || xe(p)) || ve(p) && !p || Y && !ns(l).isValid || B && !is(l).isValid)) {
@@ -1223,25 +1223,25 @@ var ze = (r) => ne(r) && !xt(r) ? r : {
       ref: F,
       ...Z(Se.required, E)
     }, !s))
-      return $(E), O;
+      return D(E), O;
   }
   if (!W && (!xe(m) || !xe(h))) {
     let L, E;
-    const V = ze(h), D = ze(m);
+    const V = ze(h), A = ze(m);
     if (!xe(p) && !isNaN(p)) {
       const b = i.valueAsNumber || p && +p;
-      xe(V.value) || (L = b > V.value), xe(D.value) || (E = b < D.value);
+      xe(V.value) || (L = b > V.value), xe(A.value) || (E = b < A.value);
     } else {
       const b = i.valueAsDate || new Date(p), z = (w) => /* @__PURE__ */ new Date((/* @__PURE__ */ new Date()).toDateString() + " " + w), re = i.type == "time", ie = i.type == "week";
-      Ne(V.value) && p && (L = re ? z(p) > z(V.value) : ie ? p > V.value : b > new Date(V.value)), Ne(D.value) && p && (E = re ? z(p) < z(D.value) : ie ? p < D.value : b < new Date(D.value));
+      Ne(V.value) && p && (L = re ? z(p) > z(V.value) : ie ? p > V.value : b > new Date(V.value)), Ne(A.value) && p && (E = re ? z(p) < z(A.value) : ie ? p < A.value : b < new Date(A.value));
     }
-    if ((L || E) && (M(!!L, V.message, D.message, Se.max, Se.min), !s))
-      return $(O[j].message), O;
+    if ((L || E) && (M(!!L, V.message, A.message, Se.max, Se.min), !s))
+      return D(O[j].message), O;
   }
   if ((f || d) && !W && (Ne(p) || a && Array.isArray(p))) {
-    const L = ze(f), E = ze(d), V = !xe(L.value) && p.length > +L.value, D = !xe(E.value) && p.length < +E.value;
-    if ((V || D) && (M(V, L.message, E.message), !s))
-      return $(O[j].message), O;
+    const L = ze(f), E = ze(d), V = !xe(L.value) && p.length > +L.value, A = !xe(E.value) && p.length < +E.value;
+    if ((V || A) && (M(V, L.message, E.message), !s))
+      return D(O[j].message), O;
   }
   if (g && !W && Ne(p)) {
     const { value: L, message: E } = ze(g);
@@ -1251,7 +1251,7 @@ var ze = (r) => ne(r) && !xt(r) ? r : {
       ref: i,
       ...Z(Se.pattern, E)
     }, !s))
-      return $(E), O;
+      return D(E), O;
   }
   if (k) {
     if (je(k)) {
@@ -1260,7 +1260,7 @@ var ze = (r) => ne(r) && !xt(r) ? r : {
         ...E,
         ...Z(Se.validate, E.message)
       }, !s))
-        return $(E.message), O;
+        return D(E.message), O;
     } else if (ne(k)) {
       let L = {};
       for (const E in k) {
@@ -1270,7 +1270,7 @@ var ze = (r) => ne(r) && !xt(r) ? r : {
         V && (L = {
           ...V,
           ...Z(E, V.message)
-        }, $(V.message), s && (O[j] = L));
+        }, D(V.message), s && (O[j] = L));
       }
       if (!me(L) && (O[j] = {
         ref: F,
@@ -1279,7 +1279,7 @@ var ze = (r) => ne(r) && !xt(r) ? r : {
         return O;
     }
   }
-  return $(!0), O;
+  return D(!0), O;
 };
 const Dn = {
   mode: we.onSubmit,
@@ -1381,7 +1381,7 @@ function Vn(r = {}) {
       errors: t.errors,
       isValid: !1
     });
-  }, $ = (u, x, y, C) => {
+  }, D = (u, x, y, C) => {
     const S = T(s, u);
     if (S) {
       const N = T(a, u, se(y) ? T(n, u) : y);
@@ -1473,12 +1473,12 @@ function Vn(r = {}) {
       })));
     }
     (y.shouldDirty || y.shouldTouch) && O(u, S, y.shouldTouch, y.shouldDirty, !0), y.shouldValidate && ie(u);
-  }, D = (u, x, y) => {
+  }, A = (u, x, y) => {
     for (const C in x) {
       if (!x.hasOwnProperty(C))
         return;
       const S = x[C], N = `${u}.${C}`, I = T(s, N);
-      (l.array.has(u) || ne(S) || I && !I._f) && !Le(S) ? D(N, S, y) : V(N, S, y);
+      (l.array.has(u) || ne(S) || I && !I._f) && !Le(S) ? A(N, S, y) : V(N, S, y);
     }
   }, b = (u, x, y = {}) => {
     const C = T(s, u), S = l.array.has(u), N = he(x);
@@ -1489,7 +1489,7 @@ function Vn(r = {}) {
       name: u,
       dirtyFields: Xe(n, a),
       isDirty: M(u, N)
-    })) : C && !C._f && !xe(N) ? D(u, N, y) : V(u, N, y), mr(u, l) && h.state.next({ ...t }), h.state.next({
+    })) : C && !C._f && !xe(N) ? A(u, N, y) : V(u, N, y), mr(u, l) && h.state.next({ ...t }), h.state.next({
       name: i.mount ? u : void 0,
       values: he(a)
     });
@@ -1606,7 +1606,7 @@ function Vn(r = {}) {
     }), l.mount.add(u), y ? H({
       disabled: ve(x.disabled) ? x.disabled : e.disabled,
       name: u
-    }) : $(u, !0, x.value), {
+    }) : D(u, !0, x.value), {
       ...C ? { disabled: x.disabled || e.disabled } : {},
       ...e.progressive ? {
         required: !!x.required,
@@ -1637,7 +1637,7 @@ function Vn(r = {}) {
                 ref: { type: N.type, name: u }
               } : { ref: N }
             }
-          }), $(u, !1, void 0, N);
+          }), D(u, !1, void 0, N);
         } else
           y = T(s, u, {}), y._f && (y._f.mount = !1), (e.shouldUnregister || x.shouldUnregister) && !(Hr(l.array, u) && i.action) && l.unMount.add(u);
       }
@@ -1902,7 +1902,7 @@ function vr(r, e, t, s, n, a, i) {
         type: l,
         disabled: n,
         ...s,
-        className: A(
+        className: $(
           "box-border w-full rounded-lg border bg-[var(--color-ds-background-page)] outline-none transition text-[var(--color-ds-text-primary)] font-[var(--font-primary)]",
           os[t],
           Mn[t],
@@ -1936,14 +1936,14 @@ function In(r) {
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: A("flex flex-col", g),
+      className: $("flex flex-col", g),
       style: { width: l, maxWidth: "100%" },
       children: [
         c && /* @__PURE__ */ o.jsx(
           "label",
           {
             htmlFor: _,
-            className: A(
+            className: $(
               "pb-2 text-[var(--color-ds-text-primary)]",
               os[i],
               f && "sr-only"
@@ -2028,7 +2028,7 @@ const ki = ({
       (h = l.current[g]) == null || h.focus();
     }
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: A("relative inline-block", s), ref: i, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("relative inline-block", s), ref: i, children: [
     /* @__PURE__ */ o.jsx(
       "button",
       {
@@ -2045,7 +2045,7 @@ const ki = ({
       {
         role: "menu",
         "aria-orientation": "vertical",
-        className: A(
+        className: $(
           "absolute mt-2 min-w-[160px] bg-[var(--color-ds-background-page)]",
           "border border-[var(--color-ds-border-muted)] rounded shadow-lg z-10",
           t === "right" ? "right-0" : "left-0"
@@ -2062,7 +2062,7 @@ const ki = ({
               ref: (j) => {
                 l.current[d] = j;
               },
-              className: A(
+              className: $(
                 "w-full flex items-center px-4 py-2 text-[var(--color-ds-text-primary)] text-ds-md transition-colors",
                 g ? "opacity-50 cursor-not-allowed" : "hover:bg-[var(--color-ds-background-surface)]"
               ),
@@ -2171,7 +2171,7 @@ const Qn = (r, e) => {
     t.current = r;
   }, [r, e]), t.current;
 }, cs = (r, e, t, s) => r.getFixedT(e, t, s), ea = (r, e, t, s) => Tt(cs(r, e, t, s), [r, e, t, s]), qt = (r, e = {}) => {
-  var $, O, B, Y;
+  var D, O, B, Y;
   const {
     i18n: t
   } = e, {
@@ -2183,7 +2183,7 @@ const Qn = (r, e) => {
     const P = (Z, M) => Ie(M) ? M : Bn(M) && Ie(M.defaultValue) ? M.defaultValue : Array.isArray(Z) ? Z[Z.length - 1] : Z, W = [P, {}, !1];
     return W.t = P, W.i18n = {}, W.ready = !1, W;
   }
-  ($ = a.options.react) != null && $.wait && Ct(a, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
+  (D = a.options.react) != null && D.wait && Ct(a, "DEPRECATED_OPTION", "useTranslation: It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.");
   const i = {
     ...Yn(),
     ...a.options.react,
@@ -2234,21 +2234,21 @@ function wr(r, e, t, s, n, a, i, l, c) {
   }, g = (p) => {
     const F = p.target.files;
     if (!F) return;
-    const $ = Array.from(F);
-    let O = e.concat($);
+    const D = Array.from(F);
+    let O = e.concat(D);
     s && (O = O.slice(0, s)), t(O), p.target.value = "";
   }, k = (p) => {
     if (p.preventDefault(), i || m) return;
     const F = Array.from(p.dataTransfer.files);
-    let $ = e.concat(F);
-    s && ($ = $.slice(0, s)), t($);
+    let D = e.concat(F);
+    s && (D = D.slice(0, s)), t(D);
   }, j = (p) => {
     p.preventDefault();
   }, _ = (p) => {
     const F = URL.createObjectURL(p);
     window.open(F);
   }, v = (p) => {
-    const F = e.filter(($, O) => O !== p);
+    const F = e.filter((D, O) => O !== p);
     t(F);
   };
   return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
@@ -2267,7 +2267,7 @@ function wr(r, e, t, s, n, a, i, l, c) {
     !m && /* @__PURE__ */ o.jsxs(
       "div",
       {
-        className: A(
+        className: $(
           "relative flex bg-[var(--color-ds-background-page)] flex-col items-center justify-center border-2 border-dashed border-[var(--color-ds-border-muted)] rounded-lg p-4",
           i ? "opacity-50 cursor-not-allowed" : "hover:border-[var(--color-ds-border-default)]",
           $t[a],
@@ -2360,12 +2360,12 @@ function ta(r) {
     className: k
   } = r, j = Ue(), _ = t || j;
   if (e && t)
-    return /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col", k), style: { width: c }, children: [
+    return /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col", k), style: { width: c }, children: [
       f && /* @__PURE__ */ o.jsx(
         "label",
         {
           htmlFor: _,
-          className: A(
+          className: $(
             "pb-[10px] text-[var(--color-ds-text-primary)]",
             $t[l],
             d && "sr-only"
@@ -2380,7 +2380,7 @@ function ta(r) {
           control: e,
           rules: s,
           defaultValue: n instanceof FileList ? Array.from(n) : n || [],
-          render: ({ field: F, fieldState: $ }) => wr(
+          render: ({ field: F, fieldState: D }) => wr(
             _,
             F.value,
             (O) => F.onChange(O),
@@ -2388,7 +2388,7 @@ function ta(r) {
             i,
             l,
             m,
-            $.error,
+            D.error,
             k
           )
         }
@@ -2397,12 +2397,12 @@ function ta(r) {
   const [v, p] = Q(
     n instanceof FileList ? Array.from(n) : n || []
   );
-  return /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col", k), style: { width: c }, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col", k), style: { width: c }, children: [
     f && /* @__PURE__ */ o.jsx(
       "label",
       {
         htmlFor: _,
-        className: A(
+        className: $(
           "pb-[10px] text-[var(--color-ds-text-primary)]",
           $t[l],
           d && "sr-only"
@@ -2436,7 +2436,7 @@ const He = ({
     {
       role: "status",
       "aria-label": "Cargando...",
-      className: A(
+      className: $(
         "bg-[var(--color-ds-border-muted)] animate-pulse inline-block",
         s === "circle" ? "rounded-full" : "rounded",
         n
@@ -2491,7 +2491,7 @@ function Ht({
   className: p,
   ...F
 }) {
-  const $ = Ue(), [O, B] = Q(!1), Y = r || $, P = e === "password", Z = c ?? (e === "number" ? on : void 0), M = P ? O ? sn : zr : f, L = A(
+  const D = Ue(), [O, B] = Q(!1), Y = r || D, P = e === "password", Z = c ?? (e === "number" ? on : void 0), M = P ? O ? sn : zr : f, L = $(
     "box-border w-full rounded-lg border placeholder-[var(--color-ds-text-secondary)] outline-none transition font-[var(--font-primary)] appearance-none",
     nt[t],
     ra[t],
@@ -2504,7 +2504,7 @@ function Ht({
     "disabled:cursor-not-allowed"
   );
   return v ? /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col", style: { width: s, maxWidth: "100%" }, children: [
-    !a && n && /* @__PURE__ */ o.jsx("label", { htmlFor: Y, className: A("pb-2", nt[t]), children: n }),
+    !a && n && /* @__PURE__ */ o.jsx("label", { htmlFor: Y, className: $("pb-2", nt[t]), children: n }),
     /* @__PURE__ */ o.jsx(
       He,
       {
@@ -2523,12 +2523,12 @@ function Ht({
       rules: j,
       defaultValue: _,
       render: ({ field: E, fieldState: V }) => /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col", style: { width: s }, children: [
-        !a && n && /* @__PURE__ */ o.jsx("label", { htmlFor: Y, className: A("pb-2 text-[var(--color-ds-text-primary)]", nt[t]), children: n }),
+        !a && n && /* @__PURE__ */ o.jsx("label", { htmlFor: Y, className: $("pb-2 text-[var(--color-ds-text-primary)]", nt[t]), children: n }),
         /* @__PURE__ */ o.jsxs("div", { className: "relative flex items-center w-full", children: [
           Z && /* @__PURE__ */ o.jsx(
             "div",
             {
-              className: A(
+              className: $(
                 "absolute left-0 flex items-center h-full",
                 jr[t]
               ),
@@ -2550,13 +2550,13 @@ function Ht({
               type: P ? O ? "text" : "password" : e,
               disabled: h,
               "aria-invalid": !!V.error,
-              className: A(
+              className: $(
                 L,
                 Z && "pl-9",
                 M && "pr-9",
                 p
               ),
-              onInvalid: (D) => D.preventDefault(),
+              onInvalid: (A) => A.preventDefault(),
               style: P && !O ? {
                 WebkitTextSecurity: "disc",
                 MozTextSecurity: "disc"
@@ -2569,7 +2569,7 @@ function Ht({
             "button",
             {
               type: "button",
-              onClick: () => B((D) => !D),
+              onClick: () => B((A) => !A),
               className: "absolute right-0 flex items-center h-full pr-2",
               tabIndex: -1,
               children: /* @__PURE__ */ o.jsx(
@@ -2587,12 +2587,12 @@ function Ht({
       ] })
     }
   ) : /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col", style: { width: s }, children: [
-    !a && n && /* @__PURE__ */ o.jsx("label", { htmlFor: Y, className: A("pb-2 text-[var(--color-ds-text-primary)]", nt[t]), children: n }),
+    !a && n && /* @__PURE__ */ o.jsx("label", { htmlFor: Y, className: $("pb-2 text-[var(--color-ds-text-primary)]", nt[t]), children: n }),
     /* @__PURE__ */ o.jsxs("div", { className: "relative flex items-center w-full", children: [
       Z && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: A(
+          className: $(
             "absolute left-0 flex items-center h-full",
             jr[t]
           ),
@@ -2614,7 +2614,7 @@ function Ht({
           type: P ? O ? "text" : "password" : e,
           disabled: h,
           "aria-invalid": i,
-          className: A(
+          className: $(
             L,
             Z && "pl-9",
             M && "pr-9",
@@ -2687,7 +2687,7 @@ const aa = {
     {
       id: f,
       role: "tooltip",
-      className: A(
+      className: $(
         "fixed z-50 w-[250px] bg-[var(--color-ds-background-page)] text-[var(--color-ds-text-primary)] text-ds-sm rounded p-2 shadow-lg",
         "pointer-events-none"
       ),
@@ -2706,7 +2706,7 @@ const aa = {
         type: "button",
         "aria-describedby": f,
         ref: c,
-        className: A(
+        className: $(
           "inline-flex items-center justify-center focus:outline-none",
           aa[e],
           "text-[var(--color-ds-text-secondary)] hover:text-[var(--color-ds-text-primary)]",
@@ -2782,7 +2782,7 @@ function Ei({
   children: t,
   className: s
 }) {
-  return /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col h-full", s), children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col h-full", s), children: [
     /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between py-4", children: [
       /* @__PURE__ */ o.jsx(
         "div",
@@ -2835,7 +2835,7 @@ function la({
                 role: "tab",
                 "aria-selected": c,
                 onClick: () => t(l.value),
-                className: A(
+                className: $(
                   "cursor-pointer whitespace-nowrap px-4 py-2 transition-colors duration-150 ease-in-out",
                   c ? "text-[var(--color-ds-background-accent)]" : "text-[var(--color-ds-text-primary)]"
                 ),
@@ -2883,7 +2883,7 @@ function Er(r, e, t, s, n, a, i, l, c) {
           id: r,
           ...s,
           disabled: n,
-          className: A(
+          className: $(
             "box-border w-full rounded-lg border bg-[var(--color-ds-background-page)] outline-none transition font-[var(--font-primary)]",
             Dt[t],
             ca[t],
@@ -2929,7 +2929,7 @@ function pt(r) {
     disabled: v = !1,
     className: p,
     suffixButton: F
-  } = r, $ = Ue(), O = t || $, [B, Y] = Q(a), [P, W] = Q(!!i);
+  } = r, D = Ue(), O = t || D, [B, Y] = Q(a), [P, W] = Q(!!i);
   if (ue(() => {
     i && (W(!0), i().then((Z) => Y(Z)).finally(() => W(!1)));
   }, [i, ...l]), ue(() => {
@@ -2949,12 +2949,12 @@ function pt(r) {
         const L = Z.value;
         (L === void 0 || !B.some((E) => E.value === L)) && Z.onChange(B[0].value);
       }
-    }, [B, P, Z]), /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col", p), style: { width: m, maxWidth: "100%" }, children: [
+    }, [B, P, Z]), /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col", p), style: { width: m, maxWidth: "100%" }, children: [
       h && /* @__PURE__ */ o.jsx(
         "label",
         {
           htmlFor: O,
-          className: A(
+          className: $(
             "pb-2 text-[var(--color-ds-text-primary)]",
             Dt[d],
             g && "sr-only"
@@ -2986,12 +2986,12 @@ function pt(r) {
       )
     ] });
   }
-  return /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col", p), style: { width: m, maxWidth: "100%" }, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col", p), style: { width: m, maxWidth: "100%" }, children: [
     h && /* @__PURE__ */ o.jsx(
       "label",
       {
         htmlFor: O,
-        className: A(
+        className: $(
           "pb-2 text-[var(--color-ds-text-primary)]",
           Dt[d],
           g && "sr-only"
@@ -3042,11 +3042,11 @@ function da({
   return /* @__PURE__ */ o.jsxs(
     "div",
     {
-      className: A("flex flex-col", n),
+      className: $("flex flex-col", n),
       style: l ? { width: l } : void 0,
       children: [
-        /* @__PURE__ */ o.jsx("label", { className: A("sr-only pb-2", Nr[i]), children: r }),
-        a && /* @__PURE__ */ o.jsx("label", { className: A("pb-2", Nr[i]), children: r }),
+        /* @__PURE__ */ o.jsx("label", { className: $("sr-only pb-2", Nr[i]), children: r }),
+        a && /* @__PURE__ */ o.jsx("label", { className: $("pb-2", Nr[i]), children: r }),
         /* @__PURE__ */ o.jsx("div", { className: "flex items-center flex-nowrap", children: e.map((f, d) => {
           const {
             width: m,
@@ -3057,17 +3057,17 @@ function da({
           } = f, _ = Array.isArray(g) || typeof k == "function";
           let v = "rounded-lg";
           !s && c > 1 && (d === 0 ? v = "rounded-l-lg rounded-r-none" : d === c - 1 ? v = "rounded-r-lg rounded-l-none" : v = "rounded-none");
-          const p = A(
+          const p = $(
             "inline-flex items-center flex-shrink-0 overflow-hidden",
             typeof m == "string" && m.startsWith("w-") ? m : void 0
-          ), F = typeof m == "string" && !m.startsWith("w-") ? { width: m } : void 0, $ = A(h, v);
+          ), F = typeof m == "string" && !m.startsWith("w-") ? { width: m } : void 0, D = $(h, v);
           return /* @__PURE__ */ o.jsxs("div", { className: p, style: F, children: [
             _ ? /* @__PURE__ */ o.jsx(
               pt,
               {
                 ...j,
                 size: i,
-                className: $,
+                className: D,
                 options: g,
                 loadOptions: k
               }
@@ -3076,7 +3076,7 @@ function da({
               {
                 ...j,
                 size: i,
-                className: $
+                className: D
               }
             ),
             s && d < c - 1 && t
@@ -3125,11 +3125,11 @@ function ha({
           } else
             k(v);
         };
-        return /* @__PURE__ */ o.jsxs("div", { className: A("w-full", f), children: [
+        return /* @__PURE__ */ o.jsxs("div", { className: $("w-full", f), children: [
           /* @__PURE__ */ o.jsx(
             "label",
             {
-              className: A(
+              className: $(
                 "sr-only pb-2 text-[var(--color-ds-text-primary)]",
                 _r[l]
               ),
@@ -3139,7 +3139,7 @@ function ha({
           d && /* @__PURE__ */ o.jsx(
             "label",
             {
-              className: A(
+              className: $(
                 "block pb-2 text-[var(--color-ds-text-primary)]",
                 _r[l]
               ),
@@ -3149,7 +3149,7 @@ function ha({
           /* @__PURE__ */ o.jsx(
             "div",
             {
-              className: A(
+              className: $(
                 c ? "flex flex-col gap-2" : "flex flex-wrap gap-4"
               ),
               children: e.map((v) => /* @__PURE__ */ o.jsxs(
@@ -3165,7 +3165,7 @@ function ha({
                         value: v.value,
                         checked: j(v.value),
                         onChange: () => _(v.value),
-                        className: A(
+                        className: $(
                           fa[l],
                           "text-[var(--color-ds-button-primary-bg)]",
                           "border-[var(--color-ds-border-default)]"
@@ -3220,7 +3220,7 @@ const xa = {
 }, [r, s, n]), /* @__PURE__ */ o.jsxs(
   "div",
   {
-    className: A(
+    className: $(
       "w-80 max-w-full border-l-4 rounded shadow-md p-4 mb-2 flex justify-between items-start",
       xa[t]
     ),
@@ -3364,11 +3364,11 @@ function Na() {
     normalizePath: d,
     setter: function(v) {
       var p = d(v);
-      return c.get(v) || c.set(v, function($, O) {
-        for (var B = 0, Y = p.length, P = $; B < Y - 1; ) {
+      return c.get(v) || c.set(v, function(D, O) {
+        for (var B = 0, Y = p.length, P = D; B < Y - 1; ) {
           var W = p[B];
           if (W === "__proto__" || W === "constructor" || W === "prototype")
-            return $;
+            return D;
           P = P[p[B++]];
         }
         P[p[B]] = O;
@@ -3404,8 +3404,8 @@ function Na() {
     return v.match(e) || [""];
   }
   function h(v, p, F) {
-    var $ = v.length, O, B, Y, P;
-    for (B = 0; B < $; B++)
+    var D = v.length, O, B, Y, P;
+    for (B = 0; B < D; B++)
       O = v[B], O && (_(O) && (O = '"' + O + '"'), P = g(O), Y = !P && /^\d+$/.test(O), p.call(F, O, P, Y, B, v));
   }
   function g(v) {
@@ -3750,7 +3750,7 @@ function We(r) {
       const E = new ge(ge.formatError(M.message || h, L), t, L.path, M.type || f, L.disableStackTrace);
       return E.params = L, E;
     }
-    const $ = _ ? l : c;
+    const D = _ ? l : c;
     let O = {
       path: s,
       parent: k,
@@ -3763,9 +3763,9 @@ function We(r) {
       schema: i
     };
     const B = (M) => {
-      ge.isError(M) ? $(M) : M ? c(null) : $(F());
+      ge.isError(M) ? D(M) : M ? c(null) : D(F());
     }, Y = (M) => {
-      ge.isError(M) ? $(M) : l(M);
+      ge.isError(M) ? D(M) : l(M);
     };
     if (g && Ce(t))
       return B(!0);
@@ -5103,7 +5103,7 @@ function _s({
         control: r,
         rules: t,
         defaultValue: s || "",
-        render: ({ field: F, fieldState: $ }) => {
+        render: ({ field: F, fieldState: D }) => {
           var O;
           return /* @__PURE__ */ o.jsx(
             _s,
@@ -5113,8 +5113,8 @@ function _s({
               width: a,
               label: i,
               labelHidden: l,
-              hasError: !!$.error,
-              errorMessage: ((O = $.error) == null ? void 0 : O.message) || "",
+              hasError: !!D.error,
+              errorMessage: ((O = D.error) == null ? void 0 : O.message) || "",
               maxLength: d,
               showCounter: m,
               className: h,
@@ -5129,15 +5129,15 @@ function _s({
     v(s || "");
   }, [s]);
   const p = (F) => {
-    var $;
-    d !== void 0 && F.target.value.length > d || (v(F.target.value), ($ = g.onChange) == null || $.call(g, F));
+    var D;
+    d !== void 0 && F.target.value.length > d || (v(F.target.value), (D = g.onChange) == null || D.call(g, F));
   };
-  return /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col", h), style: { width: a }, children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col", h), style: { width: a }, children: [
     i && /* @__PURE__ */ o.jsx(
       "label",
       {
         htmlFor: j,
-        className: A(
+        className: $(
           "pb-2 text-[var(--color-ds-text-primary)]",
           Ir[n],
           l && "sr-only"
@@ -5149,7 +5149,7 @@ function _s({
       "textarea",
       {
         id: j,
-        className: A(
+        className: $(
           "box-border bg-[var(--color-ds-background-page)] w-full resize vertical rounded-lg border outline-none transition font-[var(--font-primary)]",
           Ir[n],
           ci[n],
@@ -5190,7 +5190,7 @@ function di({
   hasError: f = !1,
   errorMessage: d = ""
 }) {
-  return /* @__PURE__ */ o.jsx("div", { className: A("flex flex-col", c), children: /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ o.jsx("div", { className: $("flex flex-col", c), children: /* @__PURE__ */ o.jsx(
     ke,
     {
       name: e,
@@ -5205,7 +5205,7 @@ function di({
             {
               id: e,
               type: "checkbox",
-              className: A(
+              className: $(
                 ui[l],
                 "text-[var(--color-ds-button-primary-bg)]",
                 "border-[var(--color-ds-border-default)]",
@@ -5219,7 +5219,7 @@ function di({
           /* @__PURE__ */ o.jsx(
             "span",
             {
-              className: A(
+              className: $(
                 "text-[var(--color-ds-text-primary)] text-ds-md",
                 i && "text-[var(--color-ds-text-secondary)]"
               ),
@@ -5289,7 +5289,7 @@ function fi({
                   size: n,
                   width: "100%",
                   value: v.value,
-                  onChange: ($) => v.onChange($.target.value),
+                  onChange: (D) => v.onChange(D.target.value),
                   disabled: i,
                   hasError: p.invalid,
                   errorMessage: (F = p.error) == null ? void 0 : F.message,
@@ -5346,7 +5346,7 @@ function fi({
                 overflow-auto
                 z-10
               `,
-                  children: l.map(($) => /* @__PURE__ */ o.jsx(
+                  children: l.map((D) => /* @__PURE__ */ o.jsx(
                     "li",
                     {
                       className: `
@@ -5359,11 +5359,11 @@ function fi({
 
                   `,
                       onClick: () => {
-                        v.onChange($.value), h(!1);
+                        v.onChange(D.value), h(!1);
                       },
-                      children: $.label
+                      children: D.label
                     },
-                    $.value
+                    D.value
                   ))
                 }
               )
@@ -5399,31 +5399,31 @@ function _i({ schema: r }) {
     watch: _,
     handleSubmit: v,
     formState: { errors: p, isSubmitting: F }
-  } = g, [$, O] = Q(!1);
+  } = g, [D, O] = Q(!1);
   ue(() => {
-    c && (O(!0), c().then((D) => j(D)).finally(() => O(!1)));
+    c && (O(!0), c().then((A) => j(A)).finally(() => O(!1)));
   }, [c, j]);
   const { loadingCount: B, optionsMap: Y } = oi(t), P = ii(t), W = li(t, k), Z = Me(() => {
-    const D = {};
+    const A = {};
     return e.forEach((b, z) => {
-      b.type === "tabs" && (D[z] = b.tabs[0].key);
-    }), D;
+      b.type === "tabs" && (A[z] = b.tabs[0].key);
+    }), A;
   }, [e]), [M, L] = Q(Z), E = Tt(
-    (D) => {
-      const b = _(), { watchField: z, watchValue: re } = D;
+    (A) => {
+      const b = _(), { watchField: z, watchValue: re } = A;
       return typeof re == "function" ? re(
         b
       ) : b[z] === re;
     },
     [_]
   ), V = Tt(
-    (D) => {
+    (A) => {
       var U, G, ee, ae;
       let b;
-      if (typeof D == "string") {
-        if (b = P[D], !b) return null;
+      if (typeof A == "string") {
+        if (b = P[A], !b) return null;
       } else
-        b = D;
+        b = A;
       if ("visibleWhen" in b && b.visibleWhen && !E(b.visibleWhen))
         return null;
       let z = !!b.disabled;
@@ -5459,7 +5459,7 @@ function _i({ schema: r }) {
             placeholder: H.placeholder,
             hasError: !!p[H.name],
             errorMessage: ((Ze = p[H.name]) == null ? void 0 : Ze.message) || "",
-            loading: $,
+            loading: D,
             disabled: de,
             suffixButton: H.suffixButton
           };
@@ -5620,7 +5620,7 @@ function _i({ schema: r }) {
             {
               ...w,
               type: b.type,
-              loadingDefaults: $,
+              loadingDefaults: D,
               hasError: !!p[b.name],
               errorMessage: (ae = p[b.name]) == null ? void 0 : ae.message,
               suffixButton: ie,
@@ -5635,7 +5635,7 @@ function _i({ schema: r }) {
       k,
       p,
       F,
-      $,
+      D,
       Y,
       E,
       W
@@ -5646,17 +5646,17 @@ function _i({ schema: r }) {
     {
       noValidate: !0,
       onSubmit: v(
-        async (D) => {
-          await s(D), d(n ?? m("ds.form.saveSuccess"), "success");
+        async (A) => {
+          await s(A), d(n ?? m("ds.form.saveSuccess"), "success");
         },
-        (D) => {
-          ma(D), d(a ?? m("ds.form.saveError"), "error");
+        (A) => {
+          console.log("❌ errores de validación:", A), ma(A), d(a ?? m("ds.form.saveError"), "error");
         }
       ),
       className: "space-y-6",
       children: [
         e.map(
-          (D, b) => D.type === "rows" ? /* @__PURE__ */ o.jsx(X.Fragment, { children: D.sections.map((z, re) => /* @__PURE__ */ o.jsx("div", { className: "mb-6", children: /* @__PURE__ */ o.jsx(
+          (A, b) => A.type === "rows" ? /* @__PURE__ */ o.jsx(X.Fragment, { children: A.sections.map((z, re) => /* @__PURE__ */ o.jsx("div", { className: "mb-6", children: /* @__PURE__ */ o.jsx(
             ir,
             {
               title: z.sectionTitle,
@@ -5693,11 +5693,11 @@ function _i({ schema: r }) {
           ) }, re)) }, b) : /* @__PURE__ */ o.jsx(
             la,
             {
-              options: D.tabs.map((z) => ({ label: z.label, value: z.key })),
+              options: A.tabs.map((z) => ({ label: z.label, value: z.key })),
               value: M[b],
               onChange: (z) => L((re) => ({ ...re, [b]: z })),
               children: Object.fromEntries(
-                D.tabs.map((z) => [
+                A.tabs.map((z) => [
                   z.key,
                   /* @__PURE__ */ o.jsx("div", { className: "space-y-6", children: z.sections.map((re, ie) => /* @__PURE__ */ o.jsx("div", { className: "mb-6", children: /* @__PURE__ */ o.jsx(
                     ir,
@@ -5730,7 +5730,7 @@ function _i({ schema: r }) {
             variant: "primary",
             icon: Hs,
             size: "sm",
-            disabled: F || $ || B > 0,
+            disabled: F || D || B > 0,
             children: m(F ? "ds.form.sending" : "ds.form.submit")
           }
         ) })
@@ -5761,7 +5761,7 @@ function St({
       "aria-label": t,
       disabled: s,
       onClick: n,
-      className: A(
+      className: $(
         "inline-flex items-center justify-center",
         "rounded-full",
         // completamente circular
@@ -5780,7 +5780,7 @@ function St({
         ]
       ),
       ...a,
-      children: /* @__PURE__ */ o.jsx(r, { className: A(e === "sm" ? "h-4 w-4" : e === "md" ? "h-5 w-5" : "h-6 w-6") })
+      children: /* @__PURE__ */ o.jsx(r, { className: $(e === "sm" ? "h-4 w-4" : e === "md" ? "h-5 w-5" : "h-6 w-6") })
     }
   );
 }
@@ -5792,7 +5792,7 @@ function mi({ dark: r, onToggle: e }) {
       "aria-pressed": r,
       "aria-label": r ? "Cambiar a modo claro" : "Cambiar a modo oscuro",
       onClick: e,
-      className: A(
+      className: $(
         "relative inline-flex items-center transition-colors focus:outline-none duration-200 ease-in-out",
         // Siempre usar color de acento para el track
         "bg-[var(--color-ds-background-accent)]",
@@ -5802,7 +5802,7 @@ function mi({ dark: r, onToggle: e }) {
       children: /* @__PURE__ */ o.jsxs(
         "div",
         {
-          className: A(
+          className: $(
             "absolute bg-[var(--color-ds-background-page)] flex items-center justify-center rounded-full transition-transform duration-200 ease-in-out",
             // Tamaño del knob
             "h-5 w-5",
@@ -5814,7 +5814,7 @@ function mi({ dark: r, onToggle: e }) {
               {
                 component: xn,
                 size: "sm",
-                className: A(
+                className: $(
                   "absolute transition-opacity duration-200 ease-in-out",
                   r ? "opacity-0" : "opacity-100 text-[var(--color-ds-background-accent)]"
                 )
@@ -5825,7 +5825,7 @@ function mi({ dark: r, onToggle: e }) {
               {
                 component: dn,
                 size: "sm",
-                className: A(
+                className: $(
                   "absolute transition-opacity duration-200 ease-in-out",
                   r ? "opacity-100 text-[var(--color-ds-background-accent)]" : "opacity-0"
                 )
@@ -5894,7 +5894,7 @@ const Ss = () => It(Fs), xi = ({
           "a",
           {
             href: j.href,
-            className: A(
+            className: $(
               "inline-flex items-center rounded-lg",
               "py-1 px-1 my-1 text-ds-sm",
               "bg-transparent text-[var(--color-ds-text-primary)]",
@@ -6043,14 +6043,14 @@ const Ss = () => It(Fs), xi = ({
     const c = new Set(n);
     s === 0 ? (c.clear(), n.has(l) || c.add(l)) : c.has(l) ? c.delete(l) : c.add(l), a(c), t(l);
   };
-  return /* @__PURE__ */ o.jsx("ul", { className: A(s > 0 ? "mt-1" : "mt-0"), children: r.map((l) => {
+  return /* @__PURE__ */ o.jsx("ul", { className: $(s > 0 ? "mt-1" : "mt-0"), children: r.map((l) => {
     const c = l.value === e, f = n.has(l.value), d = ["pl-2", "pl-2", "pl-2"][s] || "pl-4", m = s === 0 ? f || c ? "bg-[var(--color-ds-background-accent)] text-[var(--color-ds-text-on-accent)] rounded-r-lg" : "text-[var(--color-ds-text-primary)] hover:bg-[var(--color-ds-background-surface)]" : c ? "bg-[var(--color-ds-background-surface)] text-[var(--color-ds-text-primary)]" : "text-[var(--color-ds-text-primary)] hover:bg-[var(--color-ds-background-surface)]", h = s === 0 && (f || c) ? "text-[var(--color-ds-text-on-accent)]" : "text-[var(--color-ds-text-secondary)]";
     return /* @__PURE__ */ o.jsxs("li", { children: [
       /* @__PURE__ */ o.jsxs(
         "button",
         {
           onClick: () => l.children ? i(l.value) : t(l.value),
-          className: A(
+          className: $(
             "w-full flex items-center justify-between h-8 transition-colors",
             d,
             m
@@ -6060,14 +6060,14 @@ const Ss = () => It(Fs), xi = ({
               s === 0 && l.icon && /* @__PURE__ */ o.jsx(l.icon, { className: "w-5 h-5 ml-2" }),
               /* @__PURE__ */ o.jsx("span", { className: "text-ds-sm", children: l.label })
             ] }),
-            l.children && (f ? /* @__PURE__ */ o.jsx(Zr, { className: A("w-4 h-4 ", h) }) : /* @__PURE__ */ o.jsx(Xs, { className: A("w-4 h-4", h) }))
+            l.children && (f ? /* @__PURE__ */ o.jsx(Zr, { className: $("w-4 h-4 ", h) }) : /* @__PURE__ */ o.jsx(Xs, { className: $("w-4 h-4", h) }))
           ]
         }
       ),
       l.children && /* @__PURE__ */ o.jsx(
         "div",
         {
-          className: A(
+          className: $(
             "overflow-hidden transition-[max-height] duration-300 ease-in-out",
             "border-l-1 border-[var(--color-ds-background-accent)] ml-6",
             f ? "max-h-screen" : "max-h-0"
@@ -6156,35 +6156,35 @@ function Ci({
   }, [t]);
   const [k, j] = Q(/* @__PURE__ */ new Set()), [_, v] = Q(1), [p, F] = Q(
     l == null ? void 0 : l.sortBy
-  ), [$, O] = Q(
+  ), [D, O] = Q(
     (l == null ? void 0 : l.sortDir) ?? "asc"
   ), B = Me(() => {
     if (!p) return [...d];
-    const E = $ === "asc" ? 1 : -1;
-    return [...d].sort((V, D) => {
-      const b = V[p], z = D[p];
+    const E = D === "asc" ? 1 : -1;
+    return [...d].sort((V, A) => {
+      const b = V[p], z = A[p];
       return b == null ? -E : z == null || b > z ? E : b < z ? -E : 0;
     });
-  }, [d, p, $]), Y = Math.max(1, Math.ceil(B.length / i)), P = Me(() => {
+  }, [d, p, D]), Y = Math.max(1, Math.ceil(B.length / i)), P = Me(() => {
     const E = (_ - 1) * i;
     return B.slice(E, E + i);
   }, [B, _, i]), W = (E) => {
     const V = new Set(k);
-    V.has(E) ? V.delete(E) : V.add(E), j(V), a == null || a(d.filter((D) => V.has(D[s])));
+    V.has(E) ? V.delete(E) : V.add(E), j(V), a == null || a(d.filter((A) => V.has(A[s])));
   }, Z = () => {
-    const E = P.every((D) => k.has(D[s])), V = new Set(k);
-    E ? P.forEach((D) => V.delete(D[s])) : P.forEach((D) => V.add(D[s])), j(V), a == null || a(d.filter((D) => V.has(D[s])));
+    const E = P.every((A) => k.has(A[s])), V = new Set(k);
+    E ? P.forEach((A) => V.delete(A[s])) : P.forEach((A) => V.add(A[s])), j(V), a == null || a(d.filter((A) => V.has(A[s])));
   }, M = (E) => {
     const V = typeof E.accessor == "string" ? E.accessor : E.sortKey;
     if (p === V) {
-      const D = $ === "asc" ? "desc" : "asc";
-      O(D), c == null || c(V, D);
+      const A = D === "asc" ? "desc" : "asc";
+      O(A), c == null || c(V, A);
     } else
       F(V), O("asc"), c == null || c(V, "asc");
     v(1);
   }, L = () => h ? /* @__PURE__ */ o.jsx("tbody", { children: Array.from({ length: i }).map((E, V) => /* @__PURE__ */ o.jsxs("tr", { children: [
     n && /* @__PURE__ */ o.jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ o.jsx(He, { width: "1rem", height: "1rem", variant: "circle" }) }),
-    r.map((D, b) => /* @__PURE__ */ o.jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ o.jsx(He, { width: "100%", height: "1em", variant: "rect" }) }, b))
+    r.map((A, b) => /* @__PURE__ */ o.jsx("td", { className: "px-4 py-2", children: /* @__PURE__ */ o.jsx(He, { width: "100%", height: "1em", variant: "rect" }) }, b))
   ] }, V)) }) : P.length === 0 ? /* @__PURE__ */ o.jsx("tbody", { children: /* @__PURE__ */ o.jsx("tr", { children: /* @__PURE__ */ o.jsx(
     "td",
     {
@@ -6203,8 +6203,8 @@ function Ci({
           onChange: () => W(V)
         }
       ) }),
-      r.map((D, b) => {
-        const z = D.render ? D.render(E) : typeof D.accessor == "function" ? D.accessor(E) : E[D.accessor];
+      r.map((A, b) => {
+        const z = A.render ? A.render(E) : typeof A.accessor == "function" ? A.accessor(E) : E[A.accessor];
         return /* @__PURE__ */ o.jsx(
           "td",
           {
@@ -6216,7 +6216,7 @@ function Ci({
       })
     ] }, V);
   }) });
-  return /* @__PURE__ */ o.jsxs("div", { className: A("w-full overflow-auto", f), children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("w-full overflow-auto", f), children: [
     /* @__PURE__ */ o.jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [
       /* @__PURE__ */ o.jsx("thead", { className: "bg-gray-50", children: /* @__PURE__ */ o.jsxs("tr", { children: [
         n && /* @__PURE__ */ o.jsx("th", { className: "px-4 py-2 text-left", children: /* @__PURE__ */ o.jsx(
@@ -6228,18 +6228,18 @@ function Ci({
           }
         ) }),
         r.map((E) => {
-          const V = typeof E.accessor == "string" ? E.accessor : E.header, D = E.sortable && !!E.accessor, b = p === E.accessor;
+          const V = typeof E.accessor == "string" ? E.accessor : E.header, A = E.sortable && !!E.accessor, b = p === E.accessor;
           return /* @__PURE__ */ o.jsx(
             "th",
             {
-              className: A(
+              className: $(
                 "px-4 py-2 text-left text-sm font-medium text-gray-700",
                 E.width
               ),
-              onClick: () => D && M(E),
+              onClick: () => A && M(E),
               children: /* @__PURE__ */ o.jsxs("div", { className: "inline-flex items-center space-x-1 cursor-pointer select-none", children: [
                 /* @__PURE__ */ o.jsx("span", { children: E.header }),
-                D && /* @__PURE__ */ o.jsx("span", { className: "text-xs", children: b ? $ === "asc" ? "▲" : "▼" : "⇵" })
+                A && /* @__PURE__ */ o.jsx("span", { className: "text-xs", children: b ? D === "asc" ? "▲" : "▼" : "⇵" })
               ] })
             },
             V
@@ -6315,11 +6315,11 @@ function yi({
       }
     );
   const h = !!n;
-  return /* @__PURE__ */ o.jsxs("div", { className: A("flex flex-col", d), children: [
+  return /* @__PURE__ */ o.jsxs("div", { className: $("flex flex-col", d), children: [
     /* @__PURE__ */ o.jsxs(
       "label",
       {
-        className: A(
+        className: $(
           "inline-flex items-center space-x-3 select-none",
           i && "opacity-50 cursor-not-allowed"
         ),
@@ -6335,7 +6335,7 @@ function yi({
               "aria-checked": h,
               disabled: i,
               onClick: () => !i && (a == null ? void 0 : a(!h)),
-              className: A(
+              className: $(
                 "relative inline-flex items-center h-8 w-16",
                 "bg-[var(--color-ds-background-accent)] rounded-full transition-colors duration-200",
                 "focus:outline-none "
@@ -6343,7 +6343,7 @@ function yi({
               children: /* @__PURE__ */ o.jsx(
                 "div",
                 {
-                  className: A(
+                  className: $(
                     "absolute h-6 w-6 bg-[var(--color-ds-background-page)] rounded-full shadow transform transition-transform duration-200",
                     h ? "translate-x-9" : "translate-x-1"
                   )