bonsaif-ui 0.1.38 → 0.1.39

package/dist/bonsaif-ui.js

@@ -41,21 +41,21 @@ function Cl({
   size: m = "default",
   inputTabIndex: b
 }) {
-  const f = se(null), [w, k] = L(!1), p = c || w || e.trim().length > 0, C = m === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", N = n || "w-48 max-w-full sm:w-64 lg:w-72";
+  const p = se(null), [w, k] = L(!1), f = c || w || e.trim().length > 0, C = m === "sm" ? "h-9 rounded-md" : "h-10 rounded-lg", N = n || "w-48 max-w-full sm:w-64 lg:w-72";
   Q(() => {
     var y;
-    i && ((y = f.current) == null || y.focus());
+    i && ((y = p.current) == null || y.focus());
   }, [i]);
   const x = () => {
     var y;
-    k(!0), (y = f.current) == null || y.focus();
+    k(!0), (y = p.current) == null || y.focus();
   };
   return /* @__PURE__ */ l(
     "div",
     {
-      className: `relative min-w-0 max-w-full flex-shrink-0 overflow-visible transition-[width] duration-200 ease-out ${p ? N : "w-24 sm:w-28"}`,
+      className: `relative min-w-0 max-w-full flex-shrink-0 overflow-visible transition-[width] duration-200 ease-out ${f ? N : "w-24 sm:w-28"}`,
       onMouseDown: (y) => {
-        p || (y.preventDefault(), x());
+        f || (y.preventDefault(), x());
       },
       children: [
         /* @__PURE__ */ t(
@@ -71,7 +71,7 @@ function Cl({
         /* @__PURE__ */ t(
           "input",
           {
-            ref: f,
+            ref: p,
             type: "text",
             tabIndex: b,
             "aria-label": a,
@@ -80,12 +80,12 @@ function Cl({
             onKeyDown: (y) => {
               y.key === "Escape" && (d == null || d());
             },
-            placeholder: p ? a : "Buscar",
-            className: `${C} w-full py-0 text-sm leading-none placeholder:text-[var(--text-muted)] focus:outline-none transition-all duration-200 ${p ? "pl-9 pr-8" : "cursor-pointer pl-9 pr-3"}`,
+            placeholder: f ? a : "Buscar",
+            className: `${C} w-full py-0 text-sm leading-none placeholder:text-[var(--text-muted)] focus:outline-none transition-all duration-200 ${f ? "pl-9 pr-8" : "cursor-pointer pl-9 pr-3"}`,
             style: {
               height: `var(--page-header-control-height, ${m === "sm" ? "36px" : "40px"})`,
               paddingLeft: "calc(var(--page-header-control-icon-left, 12px) + 24px)",
-              paddingRight: p ? "calc(var(--page-header-control-padding-x, 14px) + 18px)" : "var(--page-header-control-padding-x, 14px)",
+              paddingRight: f ? "calc(var(--page-header-control-padding-x, 14px) + 18px)" : "var(--page-header-control-padding-x, 14px)",
               background: "color-mix(in srgb, var(--bg-card) 86%, transparent)",
               border: "1px solid var(--border)",
               color: "var(--text-main)"
@@ -156,13 +156,13 @@ function qt({
   showArrow: d = !1,
   className: m = "",
   tooltipClassName: b = "",
-  style: f,
+  style: p,
   tooltipStyle: w,
   as: k = "div"
 }) {
-  const p = se(null), C = se(null), N = se(null), x = se(!1), [y, A] = L(null), [K, B] = L("");
+  const f = se(null), C = se(null), N = se(null), x = se(!1), [y, A] = L(null), [K, B] = L("");
   Q(() => {
-    const S = p.current;
+    const S = f.current;
     S && (S.querySelectorAll("[title]").forEach((O) => {
       const R = O.getAttribute("title");
       R && (O.getAttribute("aria-label") || O.setAttribute("aria-label", R), O.removeAttribute("title"));
@@ -173,12 +173,12 @@ function qt({
     if (!S) return;
     const O = 12, R = 14, I = S.getBoundingClientRect(), ee = window.innerWidth - I.width - O, z = window.innerHeight - I.height - O;
     let v = y.mouseX + R, F = y.mouseY + R, q, ae;
-    if (!i && p.current) {
-      const re = p.current.getBoundingClientRect(), ve = re.left + re.width / 2, M = re.top + re.height / 2;
+    if (!i && f.current) {
+      const re = f.current.getBoundingClientRect(), ve = re.left + re.width / 2, M = re.top + re.height / 2;
       c === "top" ? (v = ve - I.width / 2, F = re.top - I.height - R, ae = I.height - 1) : c === "left" ? (v = re.left - I.width - R, F = M - I.height / 2, q = I.width - 1) : c === "right" ? (v = re.right + R, F = M - I.height / 2, q = -7) : (v = ve - I.width / 2, F = re.bottom + R, ae = -7);
     }
-    if (i && (v > ee && (v = y.mouseX - I.width - R), F > z && (F = y.mouseY - I.height - R)), v = Math.min(Math.max(O, v), Math.max(O, ee)), F = Math.min(Math.max(O, F), Math.max(O, z)), !i && p.current) {
-      const re = p.current.getBoundingClientRect(), ve = re.left + re.width / 2, M = re.top + re.height / 2;
+    if (i && (v > ee && (v = y.mouseX - I.width - R), F > z && (F = y.mouseY - I.height - R)), v = Math.min(Math.max(O, v), Math.max(O, ee)), F = Math.min(Math.max(O, F), Math.max(O, z)), !i && f.current) {
+      const re = f.current.getBoundingClientRect(), ve = re.left + re.width / 2, M = re.top + re.height / 2;
       c === "top" || c === "bottom" ? q = Math.min(Math.max(14, ve - v), I.width - 14) : ae = Math.min(Math.max(14, M - F), I.height - 14);
     }
     (Math.abs(v - y.x) > 0.5 || Math.abs(F - y.y) > 0.5 || q !== y.arrowX || ae !== y.arrowY) && A(
@@ -195,7 +195,7 @@ function qt({
     N.current && (window.clearTimeout(N.current), N.current = null);
   }, $ = (S, O) => {
     if (!Sl() || x.current) return;
-    const R = p.current;
+    const R = f.current;
     if (R && !ur(R)) {
       if (a) {
         const I = El(R);
@@ -205,7 +205,7 @@ function qt({
       !a && !r || A({ mouseX: S, mouseY: O, x: S + 14, y: O + 14 });
     }
   }, H = () => {
-    const S = p.current;
+    const S = f.current;
     if (!S) return;
     const O = S.getBoundingClientRect();
     $(O.left + O.width / 2, O.bottom);
@@ -224,7 +224,7 @@ function qt({
   };
   Q(() => {
     if (!y) return;
-    if (ur(p.current)) {
+    if (ur(f.current)) {
       A(null);
       return;
     }
@@ -233,7 +233,7 @@ function qt({
     };
     document.addEventListener("pointerdown", O, !0), document.addEventListener("click", O, !0), document.addEventListener("scroll", S, !0), window.addEventListener("blur", S), document.addEventListener("visibilitychange", S), document.addEventListener("keydown", S, !0);
     const R = new MutationObserver(() => {
-      ur(p.current) && A(null);
+      ur(f.current) && A(null);
     });
     return R.observe(document.body, {
       childList: !0,
@@ -260,10 +260,10 @@ function qt({
       k,
       {
         ref: (S) => {
-          p.current = S;
+          f.current = S;
         },
         className: m,
-        style: f,
+        style: p,
         onMouseEnter: (S) => {
           V(), U(), i ? $(S.clientX, S.clientY) : H();
         },
@@ -280,7 +280,7 @@ function qt({
         children: e
       }
     ),
-    y && G && !ur(p.current) ? Ge(
+    y && G && !ur(f.current) ? Ge(
       /* @__PURE__ */ l(
         "div",
         {
@@ -380,22 +380,22 @@ function Be({
   height: d,
   padding: m,
   children: b,
-  className: f = "",
+  className: p = "",
   disabled: w,
   style: k,
-  ...p
+  ...f
 }) {
-  const C = Do(Sn), N = c ?? C.iconOnly ?? e === "icon", x = C.compact ?? !1, y = C.headerAction ?? !1, A = y && r === "md" ? "sm" : x && !y && r === "md" ? "xs" : r, K = e === "icon" || N, B = y && K, V = la(b), $ = i ?? p.title ?? p["aria-label"] ?? (N ? V : void 0), H = $ ? void 0 : p.title, Y = p["aria-label"] ?? (typeof $ == "string" ? $ : V || void 0), X = a ? null : n ?? (N ? Bl(b) : null), j = /* @__PURE__ */ l(
+  const C = Do(Sn), N = c ?? C.iconOnly ?? e === "icon", x = C.compact ?? !1, y = C.headerAction ?? !1, A = y && r === "md" ? "sm" : x && !y && r === "md" ? "xs" : r, K = e === "icon" || N, B = y && K, V = la(b), $ = i ?? f.title ?? f["aria-label"] ?? (N ? V : void 0), H = $ ? void 0 : f.title, Y = f["aria-label"] ?? (typeof $ == "string" ? $ : V || void 0), X = a ? null : n ?? (N ? Bl(b) : null), j = /* @__PURE__ */ l(
     "button",
     {
-      ...p,
+      ...f,
       title: H,
       "aria-label": Y,
       "data-variant": e,
       "data-size": A,
       "data-icon": K ? "true" : void 0,
       disabled: w || a,
-      className: `${$l} ${B ? Ml : Ll[e]} ${K ? Al[A] : Tl[A]} ${x && !K ? "px-2.5" : ""} ${f}`,
+      className: `${$l} ${B ? Ml : Ll[e]} ${K ? Al[A] : Tl[A]} ${x && !K ? "px-2.5" : ""} ${p}`,
       style: {
         ...Dl[e],
         height: Ya(d),
@@ -568,10 +568,10 @@ function js({
   moduleRegistry: d,
   loadModule: m,
   activeService: b,
-  initialService: f,
+  initialService: p,
   onActiveServiceChange: w,
   canAccess: k,
-  keepAlive: p = !0,
+  keepAlive: f = !0,
   title: C,
   subtitle: N,
   emptyState: x,
@@ -599,7 +599,7 @@ function js({
   ), I = (qe = R.find(
     (Z) => !Z.disabled
   )) == null ? void 0 : qe.service, [ee, z] = L(
-    f ?? I ?? ""
+    p ?? I ?? ""
   ), [v, F] = L({}), [q, ae] = L({}), [re, ve] = L(""), [M, me] = L(!1), T = se(q), ie = se(0), pe = H ?? re, W = Ga(pe), te = B === !0 || B === "auto" && R.length >= V, J = te && pe.trim().length > 0, ne = it(() => W ? R.filter(
     (Z) => Ga(jl(Z)).includes(W)
   ) : R, [W, R]), xe = b ?? ee, le = R.find((Z) => Z.service === xe) ?? R.find((Z) => !Z.disabled);
@@ -622,7 +622,7 @@ function js({
   }, de = Ce(() => {
     if (!le) return;
     const Z = le.service, Me = T.current[Z];
-    if (Me != null && Me.loading || Me != null && Me.component && p) return;
+    if (Me != null && Me.loading || Me != null && Me.component && f) return;
     const Te = (d == null ? void 0 : d[Z]) ?? m;
     if (!Te) {
       ae((De) => ({
@@ -639,7 +639,7 @@ function js({
       ...De,
       [Z]: { ...De[Z], loading: !0, error: void 0 }
     })), Te(le, i).then((De) => {
-      if (Re !== ie.current && !p) return;
+      if (Re !== ie.current && !f) return;
       const Je = zl(De);
       ae((Fe) => ({
         ...Fe,
@@ -652,7 +652,7 @@ function js({
         [Z]: { ...Fe[Z], loading: !1, error: Je }
       }));
     });
-  }, [i, p, m, d, le]);
+  }, [i, f, m, d, le]);
   Q(de, [de]);
   const Se = le ? v[le.service] ?? null : null, be = le ? q[le.service] : void 0, Ee = be == null ? void 0 : be.component, Ne = (Z) => {
     le && F((Me) => ({
@@ -919,24 +919,24 @@ function _s({
   minDate: a,
   displayMode: n = "inline"
 }) {
-  const i = Wl(), d = Tn(e || i), m = n === "popover", [b, f] = L(!1), w = se(null), [k, p] = L({
+  const i = Wl(), d = Tn(e || i), m = n === "popover", [b, p] = L(!1), w = se(null), [k, f] = L({
     horizontal: "left",
     vertical: "bottom"
   }), [C, N] = L(d.year), [x, y] = L(d.month), [A, K] = L("days"), B = 16, [V, $] = L(0), H = C - 7 + V, Y = Array.from({ length: B }, (z, v) => H + v);
   Q(() => {
     if (!m || !b || !w.current) return;
     const z = w.current.getBoundingClientRect(), v = 8, F = 280, q = 340, ae = z.left + F > window.innerWidth - v, re = z.right - F >= v, ve = z.bottom + 8 + q > window.innerHeight - v, M = z.top - 8 - q >= v;
-    p({
+    f({
       horizontal: ae && re ? "right" : "left",
       vertical: ve && M ? "top" : "bottom"
     });
   }, [m, b]), Q(() => {
     if (!m || !b) return;
     function z(F) {
-      w.current && (w.current.contains(F.target) || f(!1));
+      w.current && (w.current.contains(F.target) || p(!1));
     }
     function v(F) {
-      F.key === "Escape" && f(!1);
+      F.key === "Escape" && p(!1);
     }
     return document.addEventListener("mousedown", z), document.addEventListener("keydown", v), () => {
       document.removeEventListener("mousedown", z), document.removeEventListener("keydown", v);
@@ -956,7 +956,7 @@ function _s({
   const O = S.slice(0, Zr * 7);
   function R(z) {
     const v = ia(C, x, z);
-    a && v < a || (r(v), m && f(!1));
+    a && v < a || (r(v), m && p(!1));
   }
   const I = {
     background: "none",
@@ -1234,7 +1234,7 @@ function _s({
       "button",
       {
         type: "button",
-        onClick: () => f((z) => !z),
+        onClick: () => p((z) => !z),
         className: "flex h-10 w-full items-center justify-between gap-2 rounded-lg px-2.5 py-0 text-sm transition-all duration-150 focus:outline-none",
         style: {
           background: "var(--bg-input)",
@@ -1289,7 +1289,7 @@ const sa = xn(function({
   className: d = "",
   containerClassName: m = "",
   disabled: b,
-  ...f
+  ...p
 }, w) {
   const k = se(null);
   return Q(() => {
@@ -1303,14 +1303,14 @@ const sa = xn(function({
           /* @__PURE__ */ t(
             "input",
             {
-              ...f,
-              ref: (p) => {
-                k.current = p, Vl(w, p);
+              ...p,
+              ref: (f) => {
+                k.current = f, Vl(w, f);
               },
               type: "checkbox",
               disabled: b,
-              "aria-checked": c ? "mixed" : f["aria-checked"],
-              "aria-invalid": !!n || f["aria-invalid"],
+              "aria-checked": c ? "mixed" : p["aria-checked"],
+              "aria-invalid": !!n || p["aria-invalid"],
               className: `peer ${Ul[i]} appearance-none rounded border border-[var(--border)] bg-[var(--bg-input)] transition-colors checked:border-[var(--primary)] checked:bg-[var(--primary)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--primary)]/40 ${d}`
             }
           ),
@@ -1350,10 +1350,10 @@ function Dn({
   copiedIcon: d = /* @__PURE__ */ t(Ue, { size: 14 }),
   stopPropagation: m = !0,
   onCopied: b,
-  onCopyError: f,
+  onCopyError: p,
   className: w = "",
   style: k,
-  children: p,
+  children: f,
   onClick: C,
   type: N = "button",
   ...x
@@ -1378,10 +1378,10 @@ function Dn({
         try {
           An(H), B(H);
         } catch (j) {
-          f == null || f(j, H);
+          p == null || p(j, H);
           return;
         }
-        (Y = navigator.clipboard) != null && Y.writeText || f == null || f(X, H);
+        (Y = navigator.clipboard) != null && Y.writeText || p == null || p(X, H);
       }
   }
   return /* @__PURE__ */ l(
@@ -1393,7 +1393,7 @@ function Dn({
       title: y ? n : a,
       "aria-label": x["aria-label"] ?? (y ? n : a),
       "data-copied": y ? "true" : void 0,
-      className: `relative inline-flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-md transition-all duration-200 ${p ? "min-w-7 px-2" : "w-7"} ${w}`,
+      className: `relative inline-flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-md transition-all duration-200 ${f ? "min-w-7 px-2" : "w-7"} ${w}`,
       style: {
         cursor: "pointer",
         background: y ? "rgba(22,163,74,0.15)" : "var(--bg-card)",
@@ -1411,7 +1411,7 @@ function Dn({
             children: y ? d : c
           }
         ),
-        p && /* @__PURE__ */ t("span", { className: "text-xs font-semibold leading-none", children: y ? i ?? p : p })
+        f && /* @__PURE__ */ t("span", { className: "text-xs font-semibold leading-none", children: y ? i ?? f : f })
       ]
     }
   );
@@ -1427,7 +1427,7 @@ function Fs({
   style: m,
   onCopied: b
 }) {
-  const f = (e ?? r ?? "").trim();
+  const p = (e ?? r ?? "").trim();
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1453,7 +1453,7 @@ function Fs({
               /* @__PURE__ */ t(
                 Dn,
                 {
-                  value: f,
+                  value: p,
                   title: "Copiar codigo",
                   copiedTitle: "Codigo copiado",
                   copiedLabel: c,
@@ -1479,7 +1479,7 @@ function Fs({
               color: "#e2e8f0",
               fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace'
             },
-            children: /* @__PURE__ */ t("code", { className: n ? `language-${n}` : void 0, children: f })
+            children: /* @__PURE__ */ t("code", { className: n ? `language-${n}` : void 0, children: p })
           }
         )
       ]
@@ -1500,10 +1500,10 @@ function Wt({
   showSelectedSublabel: d = !0,
   placeholder: m = "Seleccionar…",
   emptyLabel: b,
-  disabled: f = !1,
+  disabled: p = !1,
   className: w = "",
   style: k,
-  dropdownMinWidth: p,
+  dropdownMinWidth: f,
   height: C = 40,
   padding: N = "0 10px",
   searchable: x = !0,
@@ -1524,10 +1524,10 @@ function Wt({
       top: pe ? void 0 : me.bottom + 4,
       bottom: pe ? window.innerHeight - me.top + 4 : void 0,
       width: me.width,
-      minWidth: Jr(p),
+      minWidth: Jr(f),
       zIndex: 9999
     });
-  }, [p, I]);
+  }, [f, I]);
   Q(() => X(!0), []), Q(() => {
     if (!A) return;
     function M(me) {
@@ -1728,8 +1728,8 @@ function Wt({
           "button",
           {
             type: "button",
-            disabled: f,
-            onClick: () => !f && K((M) => !M),
+            disabled: p,
+            onClick: () => !p && K((M) => !M),
             className: "flex w-full items-center gap-2 rounded-lg text-left text-sm transition-colors focus:outline-none",
             style: {
               height: Jr(C),
@@ -1737,8 +1737,8 @@ function Wt({
               background: z ? "transparent" : "var(--bg-input)",
               color: ee ? "var(--text-main)" : "var(--text-muted)",
               border: z ? "1px solid transparent" : `1px solid ${v}`,
-              opacity: f ? 0.5 : 1,
-              cursor: f ? "not-allowed" : "pointer"
+              opacity: p ? 0.5 : 1,
+              cursor: p ? "not-allowed" : "pointer"
             },
             "aria-haspopup": "listbox",
             "aria-expanded": A,
@@ -1836,10 +1836,10 @@ function Ps({
   height: d = 40,
   padding: m,
   iconLeft: b = 10,
-  searchable: f = !0
+  searchable: p = !0
 }) {
   const w = i ? a.map(
-    (k, p) => p === 0 && !k.color ? { ...k, sublabel: k.sublabel ?? void 0 } : k
+    (k, f) => f === 0 && !k.color ? { ...k, sublabel: k.sublabel ?? void 0 } : k
   ) : a;
   return /* @__PURE__ */ l("div", { className: `relative ${c}`, children: [
     i && /* @__PURE__ */ t(
@@ -1857,7 +1857,7 @@ function Ps({
         onChange: r,
         options: w,
         placeholder: n,
-        searchable: f,
+        searchable: p,
         minOptionsForSearch: 5,
         height: d,
         padding: m ?? (i ? "0 10px 0 30px" : "0 10px"),
@@ -1885,10 +1885,10 @@ function Bn({
   footer: d,
   children: m,
   size: b = "md",
-  maxWidth: f,
+  maxWidth: p,
   zIndex: w = 1e3,
   closeOnBackdrop: k = !0,
-  closeOnEscape: p = !0,
+  closeOnEscape: f = !0,
   showCloseButton: C = !0,
   placement: N = "center",
   bodyClassName: x = "px-6 py-5",
@@ -1910,13 +1910,13 @@ function Bn({
         document.body.style.overflow = "";
       };
   }, [e]), Q(() => {
-    if (!e || !p) return;
+    if (!e || !f) return;
     const I = (ee) => {
       ee.key === "Escape" && r();
     };
     return window.addEventListener("keydown", I), () => window.removeEventListener("keydown", I);
-  }, [p, r, e]), !$) return null;
-  const U = a || n || i || c || C, G = f ?? Gl[b], S = N === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", O = N === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", R = Y ? "translateY(0) scale(1)" : N === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
+  }, [f, r, e]), !$) return null;
+  const U = a || n || i || c || C, G = p ?? Gl[b], S = N === "bottom-mobile" ? "items-end sm:items-center justify-center p-0 sm:p-4" : "items-center justify-center", O = N === "bottom-mobile" ? "rounded-t-2xl sm:rounded-2xl" : "rounded-2xl", R = Y ? "translateY(0) scale(1)" : N === "bottom-mobile" ? "translateY(16px) scale(0.98)" : "translateY(10px) scale(0.96)";
   return Ge(
     /* @__PURE__ */ l(
       "div",
@@ -2032,27 +2032,29 @@ function Ws({
   confirmLabel: n = "Confirmar",
   cancelLabel: i = "Cancelar",
   variant: c = "danger",
-  onConfirm: d,
-  onCancel: m
+  closeOnBackdrop: d = !0,
+  onConfirm: m,
+  onCancel: b
 }) {
-  const b = Zl[c];
+  const p = Zl[c];
   return /* @__PURE__ */ l(
     Bn,
     {
       open: e,
-      onClose: m,
+      onClose: b,
       size: "sm",
       zIndex: 9998,
       showCloseButton: !1,
       bodyClassName: "p-6",
       panelClassName: "px-1",
       ariaLabel: r,
+      closeOnBackdrop: d,
       children: [
         /* @__PURE__ */ t(
           Be,
           {
             variant: "icon",
-            onClick: m,
+            onClick: b,
             className: "absolute right-3 top-3 h-7 w-7 hover:opacity-70",
             style: { color: "var(--text-muted)" },
             "aria-label": "Cancelar",
@@ -2064,13 +2066,13 @@ function Ws({
           {
             className: "mb-4 flex h-11 w-11 items-center justify-center rounded-xl",
             style: {
-              background: b.iconBg
+              background: p.iconBg
             },
             children: /* @__PURE__ */ t(
               da,
               {
                 className: "h-5 w-5",
-                style: { color: b.iconColor }
+                style: { color: p.iconColor }
               }
             )
           }
@@ -2089,7 +2091,7 @@ function Ws({
             Be,
             {
               variant: "secondary",
-              onClick: m,
+              onClick: b,
               className: "flex-1",
               style: { background: "var(--bg-input)" },
               children: i
@@ -2099,11 +2101,11 @@ function Ws({
             Be,
             {
               variant: "danger",
-              onClick: d,
+              onClick: m,
               className: "flex-1",
               style: {
-                background: b.btnBg,
-                color: b.btnColor,
+                background: p.btnBg,
+                color: p.btnColor,
                 borderColor: "transparent"
               },
               children: n
@@ -2335,17 +2337,17 @@ function mi(e, r, a) {
       return $t(e, n) >= 0 && $t(e, i) <= 0;
     case "top10":
     case "bottom10": {
-      const f = a.map((k) => ({ value: k, number: Pt(k) })).filter(
+      const p = a.map((k) => ({ value: k, number: Pt(k) })).filter(
         (k) => k.number !== null
-      ).sort((k, p) => k.number - p.number).map((k) => k.value);
-      return (r.operator === "top10" ? f.slice(-10) : f.slice(0, 10)).includes(e);
+      ).sort((k, f) => k.number - f.number).map((k) => k.value);
+      return (r.operator === "top10" ? p.slice(-10) : p.slice(0, 10)).includes(e);
     }
     case "aboveAverage":
     case "belowAverage": {
       const b = a.map(Pt).filter((k) => k !== null);
       if (b.length === 0) return !1;
-      const f = b.reduce((k, p) => k + p, 0) / b.length, w = Pt(e);
-      return w === null ? !1 : r.operator === "aboveAverage" ? w > f : w < f;
+      const p = b.reduce((k, f) => k + f, 0) / b.length, w = Pt(e);
+      return w === null ? !1 : r.operator === "aboveAverage" ? w > p : w < p;
     }
     default:
       return !0;
@@ -2382,10 +2384,10 @@ function Us({
   emptyText: d = "Sin resultados",
   initialEmptyDelay: m = 450,
   onRowClick: b,
-  renderExpandedRow: f,
+  renderExpandedRow: p,
   getRowCanExpand: w,
   expandedRowIds: k,
-  defaultExpandedRowIds: p = [],
+  defaultExpandedRowIds: f = [],
   onExpandedRowIdsChange: C,
   expandOnRowClick: N = !1,
   selected: x,
@@ -2444,7 +2446,7 @@ rol IN (admin, employee)`,
     e
   ), [nt, Ut] = L(!1), [ct, Vn] = L("filter"), [At, Vt] = L(
     null
-  ), [ma, ba] = L(""), [We, Dt] = L({}), [Ve, Kt] = L({}), Sr = k !== void 0, [pa, Kn] = L(p), Bt = W !== void 0, [Yn, Er] = L(te), Qe = Bt ? W : Yn, [Yt, Gt] = L(Qe), [et, dt] = L(!1), [fa, gt] = L(!1), [ha, yt] = L(!1), [Ot, It] = L([]), $r = se(null), va = se(null), Lr = se(null), [Gn, Xn] = L(
+  ), [ma, ba] = L(""), [We, Dt] = L({}), [Ve, Kt] = L({}), Sr = k !== void 0, [pa, Kn] = L(f), Bt = W !== void 0, [Yn, Er] = L(te), Qe = Bt ? W : Yn, [Yt, Gt] = L(Qe), [et, dt] = L(!1), [fa, gt] = L(!1), [ha, yt] = L(!1), [Ot, It] = L([]), $r = se(null), va = se(null), Lr = se(null), [Gn, Xn] = L(
     {}
   ), [Zn, Jn] = L(
     {}
@@ -2932,7 +2934,7 @@ rol IN (admin, employee)`,
   }, [r]), Q(() => {
     Qt(1);
   }, [Ve, We]);
-  const ut = !!(O && R), mt = H !== !1, He = ut ? S ?? 1 : oo, Ke = ut || mt ? er : r.length, rt = !!x && !!y && !!A, Ct = !!f, Aa = je.useMemo(
+  const ut = !!(O && R), mt = H !== !1, He = ut ? S ?? 1 : oo, Ke = ut || mt ? er : r.length, rt = !!x && !!y && !!A, Ct = !!p, Aa = je.useMemo(
     () => new Set(
       Sr ? Array.from(k ?? []) : pa
     ),
@@ -4548,7 +4550,7 @@ ${g}`, _ = new Blob(["\uFEFF" + u], {
                           ]
                         }
                       ),
-                      Le && f && /* @__PURE__ */ t(
+                      Le && p && /* @__PURE__ */ t(
                         "div",
                         {
                           role: "row",
@@ -4564,7 +4566,7 @@ ${g}`, _ = new Blob(["\uFEFF" + u], {
                                 background: "color-mix(in srgb, var(--bg-input) 60%, var(--bg-card))",
                                 borderBottom: `1px solid ${we}`
                               },
-                              children: f(o)
+                              children: p(o)
                             }
                           )
                         }
@@ -4591,7 +4593,7 @@ function bi({
   calendarMonth: e,
   displayIndex: r
 }) {
-  const { previousMonth: a, nextMonth: n, goToMonth: i, months: c, labels: d, formatters: m } = Nl(), b = !!a && r === 0, f = !!n && r === c.length - 1;
+  const { previousMonth: a, nextMonth: n, goToMonth: i, months: c, labels: d, formatters: m } = Nl(), b = !!a && r === 0, p = !!n && r === c.length - 1;
   return /* @__PURE__ */ l(
     "div",
     {
@@ -4635,7 +4637,7 @@ function bi({
             type: "button",
             "aria-label": d.labelNext(n),
             onClick: () => n && i(n),
-            disabled: !f,
+            disabled: !p,
             style: {
               height: 28,
               width: 28,
@@ -4646,8 +4648,8 @@ function bi({
               alignItems: "center",
               justifyContent: "center",
               color: "var(--text-main)",
-              opacity: f ? 1 : 0.45,
-              cursor: f ? "pointer" : "not-allowed"
+              opacity: p ? 1 : 0.45,
+              cursor: p ? "pointer" : "not-allowed"
             },
             children: /* @__PURE__ */ t(st, { size: 16 })
           }
@@ -4670,14 +4672,14 @@ function Vs({
   startLabel: m = "Inicio",
   endLabel: b = "Regreso"
 }) {
-  const f = {
+  const p = {
     from: Rt(e),
     to: Rt(r)
-  }, w = Rt(n), [k, p] = L(
+  }, w = Rt(n), [k, f] = L(
     Rt(i || e)
   );
   return Q(() => {
-    p(Rt(i || e));
+    f(Rt(i || e));
   }, [i, e]), /* @__PURE__ */ l("div", { children: [
     /* @__PURE__ */ t(
       "div",
@@ -4695,9 +4697,9 @@ function Vs({
           wl,
           {
             mode: "range",
-            selected: f,
+            selected: p,
             month: k,
-            onMonthChange: p,
+            onMonthChange: f,
             onSelect: (C) => {
               const N = C != null && C.from ? Ja(C.from) : e, x = C != null && C.to ? Ja(C.to) : "";
               a({ startDate: N, endDate: x });
@@ -4864,9 +4866,9 @@ function Ks({
   menuClassName: d = "",
   onOpenChange: m
 }) {
-  const [b, f] = L(!1), [w, k] = L(!1), [p, C] = L({}), N = se(null), x = se(null), y = Ce(
+  const [b, p] = L(!1), [w, k] = L(!1), [f, C] = L({}), N = se(null), x = se(null), y = Ce(
     ($) => {
-      f($), m == null || m($);
+      p($), m == null || m($);
     },
     [m]
   ), A = Ce(() => {
@@ -4909,7 +4911,7 @@ function Ks({
       role: "menu",
       "data-bonsaif-overlay": "true",
       className: `overflow-hidden rounded-lg border border-[var(--border)] bg-[var(--bg-card)] p-1 shadow-xl ${d}`,
-      style: p,
+      style: f,
       children: r.map(($) => /* @__PURE__ */ l("div", { children: [
         $.separatorBefore && /* @__PURE__ */ t("div", { className: "my-1 border-t border-[var(--border)]" }),
         /* @__PURE__ */ l(
@@ -4966,10 +4968,10 @@ function Ys({
   onConfirm: d,
   loading: m = !1,
   confirmDisabled: b = !1,
-  headerActions: f,
+  headerActions: p,
   bodyClassName: w = "flex-1 overflow-y-auto px-6 py-5",
   width: k = 440,
-  hasUnsavedChanges: p = !1,
+  hasUnsavedChanges: f = !1,
   unsavedChangesTitle: C = "Descartar cambios",
   unsavedChangesDescription: N = "Hay cambios sin guardar. Si cierras el drawer se perderán.",
   unsavedChangesConfirmLabel: x = "Descartar",
@@ -4987,12 +4989,12 @@ function Ys({
       vi
     );
   }, []), G = Ce(() => {
-    if (p) {
+    if (f) {
       j();
       return;
     }
     r();
-  }, [p, r, j]), S = Ce(() => {
+  }, [f, r, j]), S = Ce(() => {
     X(!1), H(!1), A == null || A(), r();
   }, [r, A]);
   return Q(() => {
@@ -5064,8 +5066,8 @@ function Ys({
                           )
                         ] })
                       ] }),
-                      (f || d) && /* @__PURE__ */ l("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
-                        f,
+                      (p || d) && /* @__PURE__ */ l("div", { className: "flex items-center gap-2 flex-shrink-0", children: [
+                        p,
                         d && /* @__PURE__ */ l(ze, { children: [
                           /* @__PURE__ */ t(
                             Be,
@@ -5408,12 +5410,12 @@ function Rn({
   labelAction: d,
   floatingLabel: m = !1,
   showPasswordToggle: b = !0,
-  nativeValidation: f = !1,
+  nativeValidation: p = !1,
   className: w = "",
   required: k,
-  ...p
+  ...f
 }) {
-  const [C, N] = L(() => !!p.autoFocus), [x, y] = L(!1), A = p.type === "password" && b, K = A && x ? "text" : p.type, B = !!n, V = B && i !== "tooltip", $ = B && i !== "inline", H = f ? k : void 0, Y = B ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", X = $ ? A ? "pr-20" : "pr-10" : A ? "pr-10" : "", j = p.value !== void 0 ? String(p.value).length > 0 : p.defaultValue !== void 0 && String(p.defaultValue).length > 0, U = C || j, G = {
+  const [C, N] = L(() => !!f.autoFocus), [x, y] = L(!1), A = f.type === "password" && b, K = A && x ? "text" : f.type, B = !!n, V = B && i !== "tooltip", $ = B && i !== "inline", H = p ? k : void 0, Y = B ? "border-[var(--danger)] focus:border-[var(--danger)]" : "", X = $ ? A ? "pr-20" : "pr-10" : A ? "pr-10" : "", j = f.value !== void 0 ? String(f.value).length > 0 : f.defaultValue !== void 0 && String(f.defaultValue).length > 0, U = C || j, G = {
     top: U ? 7 : 12,
     color: C ? "var(--primary)" : "var(--text-muted)",
     fontSize: U ? 10 : 13,
@@ -5421,10 +5423,10 @@ function Rn({
     textTransform: U ? "uppercase" : "none"
   }, S = (ee) => {
     var z;
-    N(!0), (z = p.onFocus) == null || z.call(p, ee);
+    N(!0), (z = f.onFocus) == null || z.call(f, ee);
   }, O = (ee) => {
     var z;
-    N(!1), (z = p.onBlur) == null || z.call(p, ee);
+    N(!1), (z = f.onBlur) == null || z.call(f, ee);
   }, R = A ? /* @__PURE__ */ l(
     "button",
     {
@@ -5476,11 +5478,11 @@ function Rn({
       /* @__PURE__ */ t(
         Qr,
         {
-          ...p,
+          ...f,
           type: K,
           required: H,
           placeholder: " ",
-          "aria-invalid": B || p["aria-invalid"],
+          "aria-invalid": B || f["aria-invalid"],
           "data-has-value": j ? "true" : void 0,
           className: `h-11 w-full pt-5 ${X} ${Y} ${w}`,
           onFocus: S,
@@ -5520,10 +5522,10 @@ function Rn({
       /* @__PURE__ */ t(
         Qr,
         {
-          ...p,
+          ...f,
           type: K,
           required: H,
-          "aria-invalid": B || p["aria-invalid"],
+          "aria-invalid": B || f["aria-invalid"],
           className: `w-full ${X} ${Y} ${w}`,
           onFocus: S,
           onBlur: O
@@ -5535,9 +5537,9 @@ function Rn({
       /* @__PURE__ */ t(
         Qr,
         {
-          ...p,
+          ...f,
           required: H,
-          "aria-invalid": B || p["aria-invalid"],
+          "aria-invalid": B || f["aria-invalid"],
           className: `w-full ${X} ${Y} ${w}`
         }
       ),
@@ -5559,15 +5561,15 @@ function nc({
   value: d,
   defaultValue: m,
   onChange: b,
-  ...f
+  ...p
 }) {
   const [w, k] = L(
     () => an(m)
-  ), p = d !== void 0 ? an(d) : w, C = a && p.length > 0 && !Hn(p) ? n : void 0;
+  ), f = d !== void 0 ? an(d) : w, C = a && f.length > 0 && !Hn(f) ? n : void 0;
   return /* @__PURE__ */ t(
     Rn,
     {
-      ...f,
+      ...p,
       value: d,
       defaultValue: m,
       type: "text",
@@ -5645,10 +5647,10 @@ function lc({
   onFilesChange: d,
   onRejectedFiles: m,
   multiple: b = !1,
-  maxFiles: f,
+  maxFiles: p,
   appendFiles: w = !1,
   showFileList: k = !0,
-  clearable: p = !0,
+  clearable: f = !0,
   browseLabel: C = "Buscar archivos",
   dropLabel: N = "Suelta los archivos aqui",
   emptyLabel: x = "Arrastra y suelta archivos",
@@ -5665,14 +5667,14 @@ function lc({
   required: U,
   ...G
 }) {
-  const S = Io(), O = Y ?? S, R = se(null), [I, ee] = L(!1), [z, v] = L(c), F = i ?? z, q = !!a, ae = p && F.length > 0 && !j, re = (ne, xe) => {
+  const S = Io(), O = Y ?? S, R = se(null), [I, ee] = L(!1), [z, v] = L(c), F = i ?? z, q = !!a, ae = f && F.length > 0 && !j, re = (ne, xe) => {
     i === void 0 && v(ne), d == null || d(ne, xe);
   }, ve = (ne, xe) => {
     const le = ne.filter(
       (de) => nn(de, X)
     ), E = ne.filter(
       (de) => !nn(de, X)
-    ), P = w ? [...F, ...le] : le, ce = Oi(P, b, f);
+    ), P = w ? [...F, ...le] : le, ce = Oi(P, b, p);
     E.length > 0 && (m == null || m(E)), re(ce, xe);
   }, M = () => {
     var ne;
@@ -5808,23 +5810,23 @@ function ic({
   addFieldLabel: d = "Anadir",
   loading: m = !1,
   onSave: b,
-  onChange: f
+  onChange: p
 }) {
   const [w, k] = L(
     () => e.map((B) => ({ key: !1, type: "", ...B }))
-  ), [p, C] = L(""), [N, x] = L(""), y = Ce(
+  ), [f, C] = L(""), [N, x] = L(""), y = Ce(
     (B, V) => {
       k(($) => {
         const H = $.map((Y, X) => X === B ? { ...Y, ...V } : Y);
-        return f == null || f(H), H;
+        return p == null || p(H), H;
       });
     },
-    [f]
+    [p]
   ), A = Ce(() => {
     b == null || b(w);
   }, [w, b]), K = Ce(() => {
     var H;
-    const B = p.trim();
+    const B = f.trim();
     if (!B) {
       x("Ingresa un nombre de campo.");
       return;
@@ -5842,9 +5844,9 @@ function ic({
     };
     k((Y) => {
       const X = [...Y, $];
-      return f == null || f(X), X;
+      return p == null || p(X), X;
     }), C(""), x("");
-  }, [a, w, p, f]);
+  }, [a, w, f, p]);
   return /* @__PURE__ */ l(
     "div",
     {
@@ -5944,7 +5946,7 @@ function ic({
                     "input",
                     {
                       type: "text",
-                      value: p,
+                      value: f,
                       onChange: (B) => {
                         C(B.currentTarget.value), N && x("");
                       },
@@ -6028,14 +6030,14 @@ function sc({
   style: d,
   height: m = 40,
   padding: b = "6px 10px",
-  searchable: f = !0,
+  searchable: p = !0,
   minOptionsForSearch: w = 6,
   maxVisibleValues: k = 2,
-  truncateSelectedValues: p = !0,
+  truncateSelectedValues: f = !0,
   emptyText: C = "Sin resultados",
   clearLabel: N = "Limpiar seleccion"
 }) {
-  const [x, y] = L(!1), [A, K] = L(""), [B, V] = L(0), [$, H] = L(!1), [Y, X] = L({}), j = se(null), U = se(null), G = se(null), S = se(null), O = f && a.length >= w, R = it(() => new Set(e), [e]), I = it(
+  const [x, y] = L(!1), [A, K] = L(""), [B, V] = L(0), [$, H] = L(!1), [Y, X] = L({}), j = se(null), U = se(null), G = se(null), S = se(null), O = p && a.length >= w, R = it(() => new Set(e), [e]), I = it(
     () => a.filter((T) => R.has(T.value)),
     [a, R]
   ), ee = k === "all" ? I.length : k, z = I.slice(0, ee), v = Math.max(
@@ -6306,7 +6308,7 @@ function sc({
                 z.map((T) => /* @__PURE__ */ l(
                   "span",
                   {
-                    className: `inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-semibold ${p ? "max-w-[160px]" : "max-w-full whitespace-normal"}`,
+                    className: `inline-flex items-center gap-1 rounded-md border px-1.5 py-0.5 text-xs font-semibold ${f ? "max-w-[160px]" : "max-w-full whitespace-normal"}`,
                     style: {
                       background: "var(--bg-card)",
                       borderColor: "var(--border)",
@@ -6323,7 +6325,7 @@ function sc({
                       /* @__PURE__ */ t(
                         "span",
                         {
-                          className: p ? "truncate" : "break-words",
+                          className: f ? "truncate" : "break-words",
                           children: T.label
                         }
                       )
@@ -6416,7 +6418,7 @@ function dc({
           }
         ),
         b.map(
-          (f, w) => f === "..." ? /* @__PURE__ */ t(
+          (p, w) => p === "..." ? /* @__PURE__ */ t(
             "span",
             {
               className: "flex h-8 min-w-8 items-center justify-center text-xs font-semibold text-[var(--text-muted)]",
@@ -6427,18 +6429,18 @@ function dc({
             "button",
             {
               type: "button",
-              "aria-current": f === m ? "page" : void 0,
+              "aria-current": p === m ? "page" : void 0,
               disabled: n,
-              onClick: () => a(f),
+              onClick: () => a(p),
               className: "flex h-8 min-w-8 items-center justify-center rounded-md border px-2 text-xs font-semibold transition-colors disabled:cursor-not-allowed disabled:opacity-50",
               style: {
-                borderColor: f === m ? "var(--primary)" : "var(--border)",
-                background: f === m ? "var(--primary)" : "var(--bg-card)",
-                color: f === m ? "var(--primary-fg)" : "var(--text-secondary)"
+                borderColor: p === m ? "var(--primary)" : "var(--border)",
+                background: p === m ? "var(--primary)" : "var(--bg-card)",
+                color: p === m ? "var(--primary-fg)" : "var(--text-secondary)"
               },
-              children: f
+              children: p
             },
-            f
+            p
           )
         ),
         /* @__PURE__ */ t(
@@ -6682,10 +6684,10 @@ function uc({
   value: d,
   defaultValue: m,
   onChange: b,
-  countryCode: f,
+  countryCode: p,
   defaultCountryCode: w = "+1",
   onCountryCodeChange: k,
-  allowedCountryCodes: p,
+  allowedCountryCodes: f,
   countryCodeOptions: C,
   countryCodePlaceholder: N = "Codigo",
   countryCodeClassName: x = "",
@@ -6710,11 +6712,11 @@ function uc({
   ), [ee, z] = L(
     () => vr(w)
   ), v = it(() => {
-    const xe = C ?? _i, le = p == null ? void 0 : p.map(vr);
+    const xe = C ?? _i, le = f == null ? void 0 : f.map(vr);
     return le != null && le.length ? xe.filter((E) => le.includes(E.value)) : xe;
-  }, [p, C]), F = ((ne = v[0]) == null ? void 0 : ne.value) ?? "+1", q = v.some(
-    (xe) => xe.value === vr(f ?? ee)
-  ) ? vr(f ?? ee) : F, ae = d !== void 0 ? ln(d) : R, re = `${q} ${ae}`.trim(), ve = a && ae.length > 0 && !jn(re) ? n : void 0, M = c ?? ve, me = !!M, T = me && i !== "tooltip", ie = me && i !== "inline", pe = me ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", W = (xe) => {
+  }, [f, C]), F = ((ne = v[0]) == null ? void 0 : ne.value) ?? "+1", q = v.some(
+    (xe) => xe.value === vr(p ?? ee)
+  ) ? vr(p ?? ee) : F, ae = d !== void 0 ? ln(d) : R, re = `${q} ${ae}`.trim(), ve = a && ae.length > 0 && !jn(re) ? n : void 0, M = c ?? ve, me = !!M, T = me && i !== "tooltip", ie = me && i !== "inline", pe = me ? "border-[var(--danger)] focus-within:border-[var(--danger)]" : "border-[var(--border)] focus-within:border-[var(--primary)]", W = (xe) => {
     const le = xe.currentTarget.value;
     d === void 0 && I(le), A == null || A(le, {
       countryCode: q,
@@ -6722,7 +6724,7 @@ function uc({
       fullNumber: `${q} ${le}`.trim()
     }), b == null || b(xe);
   }, te = (xe) => {
-    f === void 0 && z(xe), k == null || k(xe), A == null || A(ae, {
+    p === void 0 && z(xe), k == null || k(xe), A == null || A(ae, {
       countryCode: xe,
       nationalNumber: ae,
       fullNumber: `${xe} ${ae}`.trim()
@@ -6820,8 +6822,8 @@ function mc({
       "div",
       {
         className: c === "horizontal" ? "flex flex-wrap gap-2" : "flex flex-col gap-2",
-        children: a.map((f) => {
-          const w = f.value === e, k = d || f.disabled;
+        children: a.map((p) => {
+          const w = p.value === e, k = d || p.disabled;
           return /* @__PURE__ */ l(
             "label",
             {
@@ -6837,10 +6839,10 @@ function mc({
                     {
                       type: "radio",
                       name: n,
-                      value: f.value,
+                      value: p.value,
                       checked: w,
                       disabled: k,
-                      onChange: () => r(f.value),
+                      onChange: () => r(p.value),
                       className: "absolute inset-0 opacity-0"
                     }
                   ),
@@ -6853,12 +6855,12 @@ function mc({
                   )
                 ] }),
                 /* @__PURE__ */ l("span", { className: "min-w-0", children: [
-                  /* @__PURE__ */ t("span", { className: "block text-sm font-medium leading-5 text-[var(--text-main)]", children: f.label }),
-                  f.description && /* @__PURE__ */ t("span", { className: "block text-xs leading-5 text-[var(--text-muted)]", children: f.description })
+                  /* @__PURE__ */ t("span", { className: "block text-sm font-medium leading-5 text-[var(--text-main)]", children: p.label }),
+                  p.description && /* @__PURE__ */ t("span", { className: "block text-xs leading-5 text-[var(--text-muted)]", children: p.description })
                 ] })
               ]
             },
-            f.value
+            p.value
           );
         })
       }
@@ -6905,12 +6907,12 @@ function bc({
   placeholder: a = "Escribe algo...",
   minHeight: n = "80px"
 }) {
-  const i = se(null), c = se(null), d = se(null), m = se(!1), b = se(e ?? ""), f = se(r), [w, k] = L(() => !e || e.trim() === ""), [p, C] = L(/* @__PURE__ */ new Set()), [N, x] = L(null), [y, A] = L(""), [K, B] = L(""), [V, $] = L(""), [H, Y] = L(""), [X, j] = L(!1), U = Ce(
+  const i = se(null), c = se(null), d = se(null), m = se(!1), b = se(e ?? ""), p = se(r), [w, k] = L(() => !e || e.trim() === ""), [f, C] = L(/* @__PURE__ */ new Set()), [N, x] = L(null), [y, A] = L(""), [K, B] = L(""), [V, $] = L(""), [H, Y] = L(""), [X, j] = L(!1), U = Ce(
     () => m.current ? c.current : i.current,
     []
   );
   Q(() => {
-    f.current = r;
+    p.current = r;
   }, [r]);
   const G = Ce(() => {
     const E = window.getSelection(), P = U();
@@ -6949,7 +6951,7 @@ function bc({
       P = requestAnimationFrame(Ee);
     } else {
       const be = c.current, Ee = i.current, Ne = (be == null ? void 0 : be.innerHTML) ?? b.current, ue = b.current;
-      b.current = Ne, Ee && Ee.innerHTML !== Ne && (Ee.innerHTML = Ne), Ne !== ue && f.current(Ne), k(((Se = (de = be ?? Ee) == null ? void 0 : de.textContent) == null ? void 0 : Se.trim()) === "");
+      b.current = Ne, Ee && Ee.innerHTML !== Ne && (Ee.innerHTML = Ne), Ne !== ue && p.current(Ne), k(((Se = (de = be ?? Ee) == null ? void 0 : de.textContent) == null ? void 0 : Se.trim()) === "");
     }
     return () => {
       P && cancelAnimationFrame(P), ce && clearTimeout(ce), E == null || E();
@@ -6988,7 +6990,7 @@ function bc({
   }, [G]), O = () => {
     var P;
     const E = U();
-    E && (b.current = E.innerHTML, f.current(b.current), k(((P = E.textContent) == null ? void 0 : P.trim()) === ""));
+    E && (b.current = E.innerHTML, p.current(b.current), k(((P = E.textContent) == null ? void 0 : P.trim()) === ""));
   }, R = (E) => {
     if (!E) {
       const P = i.current;
@@ -7106,7 +7108,7 @@ function bc({
       style: { background: "var(--border)" }
     }
   ), J = (E, P, ce, de, Se) => {
-    const be = Se ?? (p.has(ce) || ce === "__link" && N === "link" || ce === "__img" && N === "image");
+    const be = Se ?? (f.has(ce) || ce === "__link" && N === "link" || ce === "__img" && N === "image");
     return /* @__PURE__ */ t(
       "button",
       {
@@ -7286,28 +7288,28 @@ function bc({
           "Parrafo",
           "__paragraph",
           () => ee("p"),
-          p.has("formatBlock:p") || p.has("formatBlock:div")
+          f.has("formatBlock:p") || f.has("formatBlock:div")
         ),
         J(
           /* @__PURE__ */ t(Yo, { className: "h-4 w-4" }),
           "Titulo 2",
           "__h2",
           () => ee("h2"),
-          p.has("formatBlock:h2")
+          f.has("formatBlock:h2")
         ),
         J(
           /* @__PURE__ */ t(Go, { className: "h-4 w-4" }),
           "Titulo 3",
           "__h3",
           () => ee("h3"),
-          p.has("formatBlock:h3")
+          f.has("formatBlock:h3")
         ),
         J(
           /* @__PURE__ */ t("span", { style: { fontSize: "13px", lineHeight: 1 }, children: "“" }),
           "Cita",
           "__quote",
           () => ee("blockquote"),
-          p.has("formatBlock:blockquote")
+          f.has("formatBlock:blockquote")
         ),
         te(),
         J(/* @__PURE__ */ t("b", { children: "B" }), "Negrita (Ctrl+B)", "bold"),
@@ -7659,10 +7661,10 @@ function hc({
   stopPropagation: d = !1,
   ariaLabel: m = "Cambiar estado",
   title: b = "Cambiar estado",
-  className: f,
+  className: p,
   selectClassName: w,
   menuClassName: k,
-  optionClassName: p,
+  optionClassName: f,
   spinnerClassName: C
 }) {
   const [N, x] = L(!1), [y, A] = L(!1), [K, B] = L(-1), [V, $] = L({}), H = se(null), Y = se(null), X = se(null), j = r.find((v) => v.value === e) ?? r[0], U = {
@@ -7790,7 +7792,7 @@ function hc({
                   "flex w-full items-center gap-2 rounded-lg font-medium text-left transition-colors disabled:cursor-not-allowed disabled:opacity-45",
                   Yi[n],
                   q ? v.className : void 0,
-                  p
+                  f
                 ),
                 style: {
                   ...q ? re : void 0,
@@ -7813,7 +7815,7 @@ function hc({
     "span",
     {
       ref: H,
-      className: ht("relative inline-flex shrink-0 items-center", f),
+      className: ht("relative inline-flex shrink-0 items-center", p),
       onKeyDown: ee,
       onClick: S,
       onPointerDown: S,
@@ -7875,7 +7877,7 @@ function vc({
   listClassName: m = "",
   panelClassName: b = ""
 }) {
-  const f = e.find((N) => !N.disabled) ?? e[0], w = r ?? a ?? (f == null ? void 0 : f.id), k = e.find((N) => N.id === w) ?? f, p = (N) => {
+  const p = e.find((N) => !N.disabled) ?? e[0], w = r ?? a ?? (p == null ? void 0 : p.id), k = e.find((N) => N.id === w) ?? p, f = (N) => {
     N.disabled || n == null || n(N.id);
   };
   return /* @__PURE__ */ l("div", { className: d, children: [
@@ -7890,9 +7892,9 @@ function vc({
           const y = x.findIndex(
             (A) => A.id === k.id
           );
-          (N.key === "ArrowRight" || N.key === "ArrowDown") && (N.preventDefault(), p(x[(y + 1) % x.length])), (N.key === "ArrowLeft" || N.key === "ArrowUp") && (N.preventDefault(), p(
+          (N.key === "ArrowRight" || N.key === "ArrowDown") && (N.preventDefault(), f(x[(y + 1) % x.length])), (N.key === "ArrowLeft" || N.key === "ArrowUp") && (N.preventDefault(), f(
             x[(y - 1 + x.length) % x.length]
-          )), N.key === "Home" && (N.preventDefault(), p(x[0])), N.key === "End" && (N.preventDefault(), p(x[x.length - 1]));
+          )), N.key === "Home" && (N.preventDefault(), f(x[0])), N.key === "End" && (N.preventDefault(), f(x[x.length - 1]));
         },
         className: `flex min-w-0 gap-1 overflow-x-auto ${c === "underline" ? "border-b border-[var(--border)]" : "rounded-lg border border-[var(--border)] bg-[var(--bg-input)] p-1"} ${m}`,
         children: e.map((N) => {
@@ -7907,7 +7909,7 @@ function vc({
               id: `${N.id}-tab`,
               disabled: N.disabled,
               tabIndex: x ? 0 : -1,
-              onClick: () => p(N),
+              onClick: () => f(N),
               className: `inline-flex min-h-8 shrink-0 items-center justify-center gap-1.5 whitespace-nowrap px-2.5 text-sm font-semibold transition-colors focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 ${c === "underline" ? "border-b-2" : "rounded-md border"}`,
               style: {
                 color: x ? "var(--primary)" : "var(--text-muted)",
@@ -7950,10 +7952,10 @@ function xc({
   onCompletedStepIdsChange: d,
   onBlockedStep: m,
   allowBackNavigation: b = !0,
-  showFooter: f = !0,
+  showFooter: p = !0,
   previousLabel: w = "Anterior",
   nextLabel: k = "Siguiente",
-  blockedNextLabel: p = "Completa este paso",
+  blockedNextLabel: f = "Completa este paso",
   className: C = "",
   headerClassName: N = "",
   contentClassName: x = "",
@@ -8127,7 +8129,7 @@ function xc({
           },
           U.id
         ),
-        f && /* @__PURE__ */ l(
+        p && /* @__PURE__ */ l(
           "div",
           {
             className: lt(
@@ -8168,7 +8170,7 @@ function xc({
                   icon: /* @__PURE__ */ t(st, {}),
                   disabled: !M || !T,
                   onClick: re,
-                  children: M && !T ? p : k
+                  children: M && !T ? f : k
                 }
               )
             ]
@@ -8210,10 +8212,10 @@ const Qi = xn(
     minRows: d,
     maxRows: m,
     showCount: b = !1,
-    maxCount: f,
+    maxCount: p,
     status: w = "default",
     icon: k,
-    action: p,
+    action: f,
     style: C,
     value: N,
     defaultValue: x,
@@ -8221,7 +8223,7 @@ const Qi = xn(
     onInput: A,
     ...K
   }, B) {
-    const V = se(null), $ = Ji(N, x), H = f ?? y, Y = !!(k || p || b), X = w === "error" ? "var(--danger)" : w === "success" ? "#16a34a" : "var(--border)", j = {
+    const V = se(null), $ = Ji(N, x), H = p ?? y, Y = !!(k || f || b), X = w === "error" ? "var(--danger)" : w === "success" ? "#16a34a" : "var(--border)", j = {
       ...C ?? {},
       ...d ? { minHeight: `${d * 24 + 18}px` } : null,
       ...m ? { maxHeight: `${m * 24 + 18}px` } : null
@@ -8245,13 +8247,13 @@ const Qi = xn(
           U(), A == null || A(S);
         },
         style: { ...j, borderColor: X },
-        className: `w-full rounded-lg border bg-[var(--bg-input)] text-[var(--text-main)] outline-none placeholder:text-[var(--text-muted)] transition-colors focus:border-[var(--primary)] disabled:cursor-not-allowed disabled:opacity-60 ${Gi[n]} ${Xi[c ? "none" : i]} ${k ? "pl-8" : ""} ${p ? "pr-10" : ""} ${r}`
+        className: `w-full rounded-lg border bg-[var(--bg-input)] text-[var(--text-main)] outline-none placeholder:text-[var(--text-muted)] transition-colors focus:border-[var(--primary)] disabled:cursor-not-allowed disabled:opacity-60 ${Gi[n]} ${Xi[c ? "none" : i]} ${k ? "pl-8" : ""} ${f ? "pr-10" : ""} ${r}`
       }
     );
     return Y ? /* @__PURE__ */ l("span", { className: `relative block ${a}`, children: [
       k && /* @__PURE__ */ t("span", { className: "pointer-events-none absolute left-2.5 top-2.5 flex h-4 w-4 items-center justify-center text-[var(--text-muted)]", children: k }),
       G,
-      p && /* @__PURE__ */ t("span", { className: "absolute right-2 top-2 flex items-center justify-center", children: p }),
+      f && /* @__PURE__ */ t("span", { className: "absolute right-2 top-2 flex items-center justify-center", children: f }),
       b && /* @__PURE__ */ l("span", { className: "absolute bottom-1.5 right-2 rounded bg-[var(--bg-input)] px-1.5 text-[10px] font-semibold text-[var(--text-muted)]", children: [
         $,
         H ? `/${H}` : ""
@@ -8458,10 +8460,10 @@ function us({
   tooltipContent: d,
   fallbackLabel: m = "Usuario",
   wrapperClassName: b = "",
-  labelClassName: f = "",
+  labelClassName: p = "",
   labelSize: w = "xs",
   avatarVersion: k = 0,
-  className: p = "",
+  className: f = "",
   style: C
 }) {
   var R;
@@ -8478,7 +8480,7 @@ function us({
   }[n], G = H ? /* @__PURE__ */ t(
     "span",
     {
-      className: `${A} ${is[n]} rounded-full flex items-center justify-center bg-[#071f1a] ring-1 ring-emerald-400/35 shadow-[0_0_0_1px_rgba(255,255,255,0.06)] flex-shrink-0 ${p}`,
+      className: `${A} ${is[n]} rounded-full flex items-center justify-center bg-[#071f1a] ring-1 ring-emerald-400/35 shadow-[0_0_0_1px_rgba(255,255,255,0.06)] flex-shrink-0 ${f}`,
       style: C,
       children: /* @__PURE__ */ t(
         "img",
@@ -8498,7 +8500,7 @@ function us({
       alt: B,
       width: U,
       height: U,
-      className: `${A} rounded-full object-cover flex-shrink-0 ${p}`,
+      className: `${A} rounded-full object-cover flex-shrink-0 ${f}`,
       style: C,
       onError: () => x(!0)
     },
@@ -8506,7 +8508,7 @@ function us({
   ) : /* @__PURE__ */ t(
     "span",
     {
-      className: `${A} ${ss(B)} ${K} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${p}`,
+      className: `${A} ${ss(B)} ${K} rounded-full flex items-center justify-center font-black text-white uppercase flex-shrink-0 ${f}`,
       style: C,
       title: B,
       children: V
@@ -8522,7 +8524,7 @@ function us({
           /* @__PURE__ */ t(
             "span",
             {
-              className: `min-w-0 truncate ${ns[w]} font-medium text-[var(--text-main)] ${f}`,
+              className: `min-w-0 truncate ${ns[w]} font-medium text-[var(--text-main)] ${p}`,
               title: B,
               children: B
             }
@@ -8560,9 +8562,9 @@ function ps({
   header: d,
   footer: m,
   onLogout: b,
-  LinkComponent: f = ms
+  LinkComponent: p = ms
 }) {
-  const [w, k] = L(!1), p = bs(r);
+  const [w, k] = L(!1), f = bs(r);
   return /* @__PURE__ */ l("div", { className: "min-h-screen bg-[var(--bg-main)] text-[var(--text-main)]", children: [
     /* @__PURE__ */ t(rs, {}),
     /* @__PURE__ */ t(
@@ -8608,7 +8610,7 @@ function ps({
             {
               className: "sidebar-scroll min-h-0 flex-1 overflow-y-auto px-3 py-4",
               "data-overlay-scroll": "true",
-              children: Object.entries(p).map(([C, N]) => /* @__PURE__ */ l("div", { className: "mb-5", children: [
+              children: Object.entries(f).map(([C, N]) => /* @__PURE__ */ l("div", { className: "mb-5", children: [
                 /* @__PURE__ */ l("div", { className: "mb-2 flex items-center gap-2 px-2 text-[11px] font-semibold uppercase tracking-wide text-white/35", children: [
                   /* @__PURE__ */ t(Ye, { className: "h-3.5 w-3.5" }),
                   C
@@ -8616,7 +8618,7 @@ function ps({
                 /* @__PURE__ */ t("div", { className: "space-y-1", children: N.map((x) => {
                   const y = a === x.href || a.startsWith(`${x.href}/`);
                   return /* @__PURE__ */ l(
-                    f,
+                    p,
                     {
                       href: x.href,
                       className: `flex min-w-0 items-center gap-2 rounded-md px-2 py-2 text-sm transition-colors ${y ? "bg-white/10 text-white" : "text-white/55 hover:bg-white/[0.06] hover:text-white/85"}`,
@@ -8775,11 +8777,11 @@ function wc({
   contentClassName: d = "",
   breadcrumbs: m,
   currentPath: b,
-  showBreadcrumbs: f = !0,
+  showBreadcrumbs: p = !0,
   contained: w = !1,
   LinkComponent: k = hs
 }) {
-  const p = se(null), [C, N] = L(!1), [x, y] = L(b ?? "/"), [A, K] = L(() => fn()), [B, V] = L(null), $ = b ?? x, H = m ?? gs($), Y = i ?? ys($), X = f && !A && H.length > 1, j = !X;
+  const f = se(null), [C, N] = L(!1), [x, y] = L(b ?? "/"), [A, K] = L(() => fn()), [B, V] = L(null), $ = b ?? x, H = m ?? gs($), Y = i ?? ys($), X = p && !A && H.length > 1, j = !X;
   Q(() => {
     b || y(window.location.pathname);
   }, [b]), Q(() => {
@@ -8791,7 +8793,7 @@ function wc({
     }
     let G = null, S = 0, O = 0;
     const R = () => {
-      const z = p.current, v = document.querySelector(
+      const z = f.current, v = document.querySelector(
         "[data-app-scroll='true']"
       );
       return (z == null ? void 0 : z.closest(".os-viewport")) ?? (z == null ? void 0 : z.closest(
@@ -8813,7 +8815,7 @@ function wc({
     }
     let G = 0;
     const S = [], O = () => {
-      const q = p.current, ae = q == null ? void 0 : q.parentElement, re = document.querySelector(
+      const q = f.current, ae = q == null ? void 0 : q.parentElement, re = document.querySelector(
         "[data-app-scroll='true']"
       ), ve = ra(re) ?? re;
       if (!q || !ae || !ve) {
@@ -8831,7 +8833,7 @@ function wc({
       window.cancelAnimationFrame(G), G = window.requestAnimationFrame(O);
     };
     R(), window.addEventListener("resize", R);
-    const I = new ResizeObserver(R), ee = p.current, z = ee == null ? void 0 : ee.parentElement, v = document.querySelector(
+    const I = new ResizeObserver(R), ee = f.current, z = ee == null ? void 0 : ee.parentElement, v = document.querySelector(
       "[data-app-scroll='true']"
     ), F = ra(v) ?? v;
     return [z, v, F].forEach((q) => {
@@ -8854,7 +8856,7 @@ function wc({
   return /* @__PURE__ */ t(
     "div",
     {
-      ref: p,
+      ref: f,
       "data-page-header": "true",
       "data-compact": C ? "true" : "false",
       className: `sticky top-0 z-30 overflow-visible py-0 transition-[background-color,box-shadow,border-color] duration-300 ease-out ${w ? "mb-0 flex-shrink-0" : "mb-4 sm:mb-0"} ${c}`,
@@ -9051,7 +9053,7 @@ function kc({
   return Q(() => {
     if (!a) return;
     const b = a;
-    function f(w) {
+    function p(w) {
       var C, N, x;
       if (w.source !== ((C = c.current) == null ? void 0 : C.contentWindow) || m && w.origin !== m) return;
       if (((N = w.data) == null ? void 0 : N.type) === "prime-microservice:overlay") {
@@ -9065,13 +9067,13 @@ function kc({
       if (((x = w.data) == null ? void 0 : x.type) !== "prime-microservice:navigation") return;
       const k = w.data.path;
       if (!k || !k.startsWith("/") || k.startsWith("//")) return;
-      const p = `/apps/${encodeURIComponent(b)}${k}`;
-      `${window.location.pathname}${window.location.search}${window.location.hash}` !== p && (window.history.replaceState(window.history.state, "", p), window.dispatchEvent(
+      const f = `/apps/${encodeURIComponent(b)}${k}`;
+      `${window.location.pathname}${window.location.search}${window.location.hash}` !== f && (window.history.replaceState(window.history.state, "", f), window.dispatchEvent(
         new CustomEvent("prime-auth:microservice-navigation")
       ));
     }
-    return window.addEventListener("message", f), () => {
-      window.removeEventListener("message", f), window.dispatchEvent(
+    return window.addEventListener("message", p), () => {
+      window.removeEventListener("message", p), window.dispatchEvent(
         new CustomEvent("prime-auth:microservice-overlay", {
           detail: { active: !1 }
         })
@@ -9102,8 +9104,8 @@ function Cc() {
     };
   }, []), Q(() => {
     const d = (m) => {
-      var f;
-      if (((f = m.data) == null ? void 0 : f.type) !== "prime-suite-chat:state") return;
+      var p;
+      if (((p = m.data) == null ? void 0 : p.type) !== "prime-suite-chat:state") return;
       const b = !!m.data.active;
       n(b), c({
         width: vn(m.data.width, 96, 720),
@@ -9159,10 +9161,10 @@ function Sc({
 }
 function Ec(e) {
   const [r, a] = L({}), [n, i] = L(!1), c = Ce(
-    (f) => n || r[f] ? e[f] : void 0,
+    (p) => n || r[p] ? e[p] : void 0,
     [e, n, r]
-  ), d = Ce((f) => {
-    a((w) => ({ ...w, [f]: !0 }));
+  ), d = Ce((p) => {
+    a((w) => ({ ...w, [p]: !0 }));
   }, []), m = Ce(() => {
     i(!0);
   }, []), b = Ce(() => {