@homlista-devs/ui 1.3.0 → 1.3.1

package/dist/design-system.es.js

@@ -1,6 +1,6 @@
-import { jsx as n, jsxs as f, Fragment as be } from "react/jsx-runtime";
-import * as k from "react";
-import ze, { useEffect as ve, forwardRef as qe, createElement as Se, useState as ce, useMemo as we, useCallback as Ve, useContext as wt } from "react";
+import { jsx as a, jsxs as f, Fragment as xe } from "react/jsx-runtime";
+import * as w from "react";
+import Ae, { useEffect as we, forwardRef as qe, createElement as Pe, useState as ae, useMemo as ke, useCallback as Ve, useContext as wt } from "react";
 import { useUnit as kt } from "effector-react";
 import { createEvent as Re, createStore as Nt } from "effector";
 function Fe(e, t) {
@@ -11,60 +11,60 @@ function Fe(e, t) {
 function Ct(...e) {
   return (t) => {
     let r = !1;
-    const o = e.map((a) => {
-      const s = Fe(a, t);
+    const o = e.map((n) => {
+      const s = Fe(n, t);
       return !r && typeof s == "function" && (r = !0), s;
     });
     if (r)
       return () => {
-        for (let a = 0; a < o.length; a++) {
-          const s = o[a];
-          typeof s == "function" ? s() : Fe(e[a], null);
+        for (let n = 0; n < o.length; n++) {
+          const s = o[n];
+          typeof s == "function" ? s() : Fe(e[n], null);
         }
       };
   };
 }
 // @__NO_SIDE_EFFECTS__
 function Mt(e) {
-  const t = /* @__PURE__ */ Pt(e), r = k.forwardRef((o, a) => {
-    const { children: s, ...l } = o, i = k.Children.toArray(s), c = i.find(It);
+  const t = /* @__PURE__ */ Pt(e), r = w.forwardRef((o, n) => {
+    const { children: s, ...l } = o, i = w.Children.toArray(s), c = i.find(Et);
     if (c) {
-      const d = c.props.children, m = i.map((u) => u === c ? k.Children.count(d) > 1 ? k.Children.only(null) : k.isValidElement(d) ? d.props.children : null : u);
-      return /* @__PURE__ */ n(t, { ...l, ref: a, children: k.isValidElement(d) ? k.cloneElement(d, void 0, m) : null });
+      const d = c.props.children, m = i.map((u) => u === c ? w.Children.count(d) > 1 ? w.Children.only(null) : w.isValidElement(d) ? d.props.children : null : u);
+      return /* @__PURE__ */ a(t, { ...l, ref: n, children: w.isValidElement(d) ? w.cloneElement(d, void 0, m) : null });
     }
-    return /* @__PURE__ */ n(t, { ...l, ref: a, children: s });
+    return /* @__PURE__ */ a(t, { ...l, ref: n, children: s });
   });
   return r.displayName = `${e}.Slot`, r;
 }
 var St = /* @__PURE__ */ Mt("Slot");
 // @__NO_SIDE_EFFECTS__
 function Pt(e) {
-  const t = k.forwardRef((r, o) => {
-    const { children: a, ...s } = r;
-    if (k.isValidElement(a)) {
-      const l = Rt(a), i = zt(s, a.props);
-      return a.type !== k.Fragment && (i.ref = o ? Ct(o, l) : l), k.cloneElement(a, i);
+  const t = w.forwardRef((r, o) => {
+    const { children: n, ...s } = r;
+    if (w.isValidElement(n)) {
+      const l = At(n), i = zt(s, n.props);
+      return n.type !== w.Fragment && (i.ref = o ? Ct(o, l) : l), w.cloneElement(n, i);
     }
-    return k.Children.count(a) > 1 ? k.Children.only(null) : null;
+    return w.Children.count(n) > 1 ? w.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Et = Symbol("radix.slottable");
-function It(e) {
-  return k.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Et;
+var It = Symbol("radix.slottable");
+function Et(e) {
+  return w.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === It;
 }
 function zt(e, t) {
   const r = { ...t };
   for (const o in t) {
-    const a = e[o], s = t[o];
-    /^on[A-Z]/.test(o) ? a && s ? r[o] = (...i) => {
+    const n = e[o], s = t[o];
+    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...i) => {
       const c = s(...i);
-      return a(...i), c;
-    } : a && (r[o] = a) : o === "style" ? r[o] = { ...a, ...s } : o === "className" && (r[o] = [a, s].filter(Boolean).join(" "));
+      return n(...i), c;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...r };
 }
-function Rt(e) {
+function At(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
@@ -72,23 +72,23 @@ function Xe(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var a = e.length;
-    for (t = 0; t < a; t++) e[t] && (r = Xe(e[t])) && (o && (o += " "), o += r);
+    var n = e.length;
+    for (t = 0; t < n; t++) e[t] && (r = Xe(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
 function Ze() {
-  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = Xe(e)) && (o && (o += " "), o += t);
+  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = Xe(e)) && (o && (o += " "), o += t);
   return o;
 }
-const Ae = "-", At = (e) => {
+const Le = "-", Rt = (e) => {
   const t = Tt(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
-      const i = l.split(Ae);
+      const i = l.split(Le);
       return i[0] === "" && i.length !== 1 && i.shift(), Ke(i, t) || Lt(l);
     },
     getConflictingClassGroupIds: (l, i) => {
@@ -99,12 +99,12 @@ const Ae = "-", At = (e) => {
 }, Ke = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), a = o ? Ke(e.slice(1), o) : void 0;
-  if (a)
-    return a;
+  const r = e[0], o = t.nextPart.get(r), n = o ? Ke(e.slice(1), o) : void 0;
+  if (n)
+    return n;
   if (t.validators.length === 0)
     return;
-  const s = e.join(Ae);
+  const s = e.join(Le);
   return t.validators.find(({
     validator: l
   }) => l(s))?.classGroupId;
@@ -122,34 +122,34 @@ const Ae = "-", At = (e) => {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const a in r)
-    Pe(r[a], o, a, t);
+  for (const n in r)
+    Ie(r[n], o, n, t);
   return o;
-}, Pe = (e, t, r, o) => {
-  e.forEach((a) => {
-    if (typeof a == "string") {
-      const s = a === "" ? t : De(t, a);
+}, Ie = (e, t, r, o) => {
+  e.forEach((n) => {
+    if (typeof n == "string") {
+      const s = n === "" ? t : De(t, n);
       s.classGroupId = r;
       return;
     }
-    if (typeof a == "function") {
-      if (jt(a)) {
-        Pe(a(o), t, r, o);
+    if (typeof n == "function") {
+      if (jt(n)) {
+        Ie(n(o), t, r, o);
         return;
       }
       t.validators.push({
-        validator: a,
+        validator: n,
         classGroupId: r
       });
       return;
     }
-    Object.entries(a).forEach(([s, l]) => {
-      Pe(l, De(t, s), r, o);
+    Object.entries(n).forEach(([s, l]) => {
+      Ie(l, De(t, s), r, o);
     });
   });
 }, De = (e, t) => {
   let r = e;
-  return t.split(Ae).forEach((o) => {
+  return t.split(Le).forEach((o) => {
     r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
@@ -164,7 +164,7 @@ const Ae = "-", At = (e) => {
       }
     };
   let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const a = (s, l) => {
+  const n = (s, l) => {
     r.set(s, l), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   };
   return {
@@ -173,45 +173,45 @@ const Ae = "-", At = (e) => {
       if (l !== void 0)
         return l;
       if ((l = o.get(s)) !== void 0)
-        return a(s, l), l;
+        return n(s, l), l;
     },
     set(s, l) {
-      r.has(s) ? r.set(s, l) : a(s, l);
+      r.has(s) ? r.set(s, l) : n(s, l);
     }
   };
-}, Ee = "!", Ie = ":", Vt = Ie.length, Ft = (e) => {
+}, Ee = "!", ze = ":", Vt = ze.length, Ft = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: r
   } = e;
-  let o = (a) => {
+  let o = (n) => {
     const s = [];
     let l = 0, i = 0, c = 0, d;
-    for (let w = 0; w < a.length; w++) {
-      let N = a[w];
+    for (let v = 0; v < n.length; v++) {
+      let N = n[v];
       if (l === 0 && i === 0) {
-        if (N === Ie) {
-          s.push(a.slice(c, w)), c = w + Vt;
+        if (N === ze) {
+          s.push(n.slice(c, v)), c = v + Vt;
           continue;
         }
         if (N === "/") {
-          d = w;
+          d = v;
           continue;
         }
       }
       N === "[" ? l++ : N === "]" ? l-- : N === "(" ? i++ : N === ")" && i--;
     }
-    const m = s.length === 0 ? a : a.substring(c), u = _t(m), b = u !== m, M = d && d > c ? d - c : void 0;
+    const m = s.length === 0 ? n : n.substring(c), u = _t(m), b = u !== m, S = d && d > c ? d - c : void 0;
     return {
       modifiers: s,
       hasImportantModifier: b,
       baseClassName: u,
-      maybePostfixModifierPosition: M
+      maybePostfixModifierPosition: S
     };
   };
   if (t) {
-    const a = t + Ie, s = o;
-    o = (l) => l.startsWith(a) ? s(l.substring(a.length)) : {
+    const n = t + ze, s = o;
+    o = (l) => l.startsWith(n) ? s(l.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -220,10 +220,10 @@ const Ae = "-", At = (e) => {
     };
   }
   if (r) {
-    const a = o;
+    const n = o;
     o = (s) => r({
       className: s,
-      parseClassName: a
+      parseClassName: n
     });
   }
   return o;
@@ -232,22 +232,22 @@ const Ae = "-", At = (e) => {
   return (o) => {
     if (o.length <= 1)
       return o;
-    const a = [];
+    const n = [];
     let s = [];
     return o.forEach((l) => {
-      l[0] === "[" || t[l] ? (a.push(...s.sort(), l), s = []) : s.push(l);
-    }), a.push(...s.sort()), a;
+      l[0] === "[" || t[l] ? (n.push(...s.sort(), l), s = []) : s.push(l);
+    }), n.push(...s.sort()), n;
   };
 }, Gt = (e) => ({
   cache: $t(e.cacheSize),
   parseClassName: Ft(e),
   sortModifiers: Dt(e),
-  ...At(e)
+  ...Rt(e)
 }), Wt = /\s+/, Bt = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: o,
-    getConflictingClassGroupIds: a,
+    getConflictingClassGroupIds: n,
     sortModifiers: s
   } = t, l = [], i = e.trim().split(Wt);
   let c = "";
@@ -255,40 +255,40 @@ const Ae = "-", At = (e) => {
     const m = i[d], {
       isExternal: u,
       modifiers: b,
-      hasImportantModifier: M,
-      baseClassName: w,
+      hasImportantModifier: S,
+      baseClassName: v,
       maybePostfixModifierPosition: N
     } = r(m);
     if (u) {
       c = m + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let E = !!N, v = o(E ? w.substring(0, N) : w);
-    if (!v) {
+    let E = !!N, z = o(E ? v.substring(0, N) : v);
+    if (!z) {
       if (!E) {
         c = m + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (v = o(w), !v) {
+      if (z = o(v), !z) {
         c = m + (c.length > 0 ? " " + c : c);
         continue;
       }
       E = !1;
     }
-    const R = s(b).join(":"), L = M ? R + Ee : R, P = L + v;
-    if (l.includes(P))
+    const R = s(b).join(":"), k = S ? R + Ee : R, I = k + z;
+    if (l.includes(I))
       continue;
-    l.push(P);
-    const S = a(v, E);
-    for (let F = 0; F < S.length; ++F) {
-      const A = S[F];
-      l.push(L + A);
+    l.push(I);
+    const P = n(z, E);
+    for (let F = 0; F < P.length; ++F) {
+      const L = P[F];
+      l.push(k + L);
     }
     c = m + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
-function Ot() {
+function Ht() {
   let e = 0, t, r, o = "";
   for (; e < arguments.length; )
     (t = arguments[e++]) && (r = Qe(t)) && (o && (o += " "), o += r);
@@ -302,39 +302,39 @@ const Qe = (e) => {
     e[o] && (t = Qe(e[o])) && (r && (r += " "), r += t);
   return r;
 };
-function Ht(e, ...t) {
-  let r, o, a, s = l;
+function Ot(e, ...t) {
+  let r, o, n, s = l;
   function l(c) {
     const d = t.reduce((m, u) => u(m), e());
-    return r = Gt(d), o = r.cache.get, a = r.cache.set, s = i, i(c);
+    return r = Gt(d), o = r.cache.get, n = r.cache.set, s = i, i(c);
   }
   function i(c) {
     const d = o(c);
     if (d)
       return d;
     const m = Bt(c, r);
-    return a(c, m), m;
+    return n(c, m), m;
   }
   return function() {
-    return s(Ot.apply(null, arguments));
+    return s(Ht.apply(null, arguments));
   };
 }
 const T = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, Je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ut = /^\d+\/\d+$/, qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Xt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Zt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Kt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, oe = (e) => Ut.test(e), C = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), ke = (e) => e.endsWith("%") && C(e.slice(0, -1)), U = (e) => qt.test(e), Jt = () => !0, Yt = (e) => (
+}, Je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ut = /^\d+\/\d+$/, qt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Xt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Zt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Kt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, re = (e) => Ut.test(e), M = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), Ne = (e) => e.endsWith("%") && M(e.slice(0, -1)), U = (e) => qt.test(e), Jt = () => !0, Yt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Xt.test(e) && !Zt.test(e)
-), et = () => !1, er = (e) => Kt.test(e), tr = (e) => Qt.test(e), rr = (e) => !p(e) && !g(e), or = (e) => ae(e, ot, et), p = (e) => Je.test(e), J = (e) => ae(e, nt, Yt), Ne = (e) => ae(e, lr, C), Ge = (e) => ae(e, tt, et), nr = (e) => ae(e, rt, tr), pe = (e) => ae(e, at, er), g = (e) => Ye.test(e), ie = (e) => se(e, nt), ar = (e) => se(e, cr), We = (e) => se(e, tt), sr = (e) => se(e, ot), ir = (e) => se(e, rt), ge = (e) => se(e, at, !0), ae = (e, t, r) => {
+), et = () => !1, er = (e) => Kt.test(e), tr = (e) => Qt.test(e), rr = (e) => !p(e) && !g(e), or = (e) => ne(e, ot, et), p = (e) => Je.test(e), Q = (e) => ne(e, at, Yt), Ce = (e) => ne(e, lr, M), Ge = (e) => ne(e, tt, et), ar = (e) => ne(e, rt, tr), ge = (e) => ne(e, nt, er), g = (e) => Ye.test(e), ce = (e) => se(e, at), nr = (e) => se(e, cr), We = (e) => se(e, tt), sr = (e) => se(e, ot), ir = (e) => se(e, rt), he = (e) => se(e, nt, !0), ne = (e, t, r) => {
   const o = Je.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
 }, se = (e, t, r = !1) => {
   const o = Ye.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
-}, tt = (e) => e === "position" || e === "percentage", rt = (e) => e === "image" || e === "url", ot = (e) => e === "length" || e === "size" || e === "bg-size", nt = (e) => e === "length", lr = (e) => e === "number", cr = (e) => e === "family-name", at = (e) => e === "shadow", dr = () => {
-  const e = T("color"), t = T("font"), r = T("text"), o = T("font-weight"), a = T("tracking"), s = T("leading"), l = T("breakpoint"), i = T("container"), c = T("spacing"), d = T("radius"), m = T("shadow"), u = T("inset-shadow"), b = T("text-shadow"), M = T("drop-shadow"), w = T("blur"), N = T("perspective"), E = T("aspect"), v = T("ease"), R = T("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+}, tt = (e) => e === "position" || e === "percentage", rt = (e) => e === "image" || e === "url", ot = (e) => e === "length" || e === "size" || e === "bg-size", at = (e) => e === "length", lr = (e) => e === "number", cr = (e) => e === "family-name", nt = (e) => e === "shadow", dr = () => {
+  const e = T("color"), t = T("font"), r = T("text"), o = T("font-weight"), n = T("tracking"), s = T("leading"), l = T("breakpoint"), i = T("container"), c = T("spacing"), d = T("radius"), m = T("shadow"), u = T("inset-shadow"), b = T("text-shadow"), S = T("drop-shadow"), v = T("blur"), N = T("perspective"), E = T("aspect"), z = T("ease"), R = T("animate"), k = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
     "center",
     "top",
     "bottom",
@@ -352,15 +352,15 @@ const T = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], S = () => [...P(), g, p], F = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], y = () => [g, p, c], D = () => [oe, "full", "auto", ...y()], q = () => [Z, "none", "subgrid", g, p], te = () => ["auto", {
-    span: ["full", Z, g, p]
-  }, Z, g, p], X = () => [Z, "auto", g, p], re = () => ["auto", "min", "max", "fr", g, p], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], O = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...y()], W = () => [oe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], x = () => [e, g, p], I = () => [...P(), We, Ge, {
+  ], P = () => [...I(), g, p], F = () => ["auto", "hidden", "clip", "visible", "scroll"], L = () => ["auto", "contain", "none"], y = () => [g, p, c], _ = () => [re, "full", "auto", ...y()], H = () => [X, "none", "subgrid", g, p], ee = () => ["auto", {
+    span: ["full", X, g, p]
+  }, X, g, p], q = () => [X, "auto", g, p], te = () => ["auto", "min", "max", "fr", g, p], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...y()], G = () => [re, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], x = () => [e, g, p], ue = () => [...I(), We, Ge, {
     position: [g, p]
-  }], V = () => ["no-repeat", {
+  }], ye = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], H = () => ["auto", "cover", "contain", sr, or, {
+  }], ie = () => ["auto", "cover", "contain", sr, or, {
     size: [g, p]
-  }], xe = () => [ke, ie, J], _ = () => [
+  }], le = () => [Ne, ce, Q], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -368,14 +368,14 @@ const T = (e) => {
     d,
     g,
     p
-  ], G = () => ["", C, ie, J], de = () => ["solid", "dashed", "dotted", "double"], je = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], j = () => [C, ke, We, Ge], $e = () => [
+  ], C = () => ["", M, ce, Q], $ = () => ["solid", "dashed", "dotted", "double"], O = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], V = () => [M, Ne, We, Ge], $e = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    w,
+    v,
     g,
     p
-  ], ue = () => ["none", C, g, p], me = () => ["none", C, g, p], ye = () => [C, g, p], fe = () => [oe, "full", ...y()];
+  ], me = () => ["none", M, g, p], fe = () => ["none", M, g, p], ve = () => [M, g, p], pe = () => [re, "full", ...y()];
   return {
     cacheSize: 500,
     theme: {
@@ -394,7 +394,7 @@ const T = (e) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [U],
       shadow: [U],
-      spacing: ["px", C],
+      spacing: ["px", M],
       text: [U],
       "text-shadow": [U],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -408,7 +408,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", oe, p, g, E]
+        aspect: ["auto", "square", re, p, g, E]
       }],
       /**
        * Container
@@ -421,21 +421,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [C, p, g, i]
+        columns: [M, p, g, i]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": L()
+        "break-after": k()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": L()
+        "break-before": k()
       }],
       /**
        * Break Inside
@@ -499,7 +499,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: S()
+        object: P()
       }],
       /**
        * Overflow
@@ -527,21 +527,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: A()
+        overscroll: L()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": A()
+        "overscroll-x": L()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": A()
+        "overscroll-y": L()
       }],
       /**
        * Position
@@ -553,63 +553,63 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: D()
+        inset: _()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": D()
+        "inset-x": _()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": D()
+        "inset-y": _()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: D()
+        start: _()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: D()
+        end: _()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: D()
+        top: _()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: D()
+        right: _()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: D()
+        bottom: _()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: D()
+        left: _()
       }],
       /**
        * Visibility
@@ -621,7 +621,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Z, "auto", g, p]
+        z: [X, "auto", g, p]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -631,7 +631,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [oe, "full", "auto", i, ...y()]
+        basis: [re, "full", "auto", i, ...y()]
       }],
       /**
        * Flex Direction
@@ -652,84 +652,84 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [C, oe, "auto", "initial", "none", p]
+        flex: [M, re, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", C, g, p]
+        grow: ["", M, g, p]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", C, g, p]
+        shrink: ["", M, g, p]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Z, "first", "last", "none", g, p]
+        order: [X, "first", "last", "none", g, p]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": q()
+        "grid-cols": H()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: te()
+        col: ee()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": X()
+        "col-start": q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": X()
+        "col-end": q()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": q()
+        "grid-rows": H()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: te()
+        row: ee()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": X()
+        "row-start": q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": X()
+        "row-end": q()
       }],
       /**
        * Grid Auto Flow
@@ -743,14 +743,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": re()
+        "auto-cols": te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": re()
+        "auto-rows": te()
       }],
       /**
        * Gap
@@ -778,35 +778,35 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...Q(), "normal"]
+        justify: [...K(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...O(), "normal"]
+        "justify-items": [...B(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...O()]
+        "justify-self": ["auto", ...B()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Q()]
+        content: ["normal", ...K()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...O(), {
+        items: [...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -815,7 +815,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...O(), {
+        self: ["auto", ...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -824,21 +824,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": Q()
+        "place-content": K()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...O(), "baseline"]
+        "place-items": [...B(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...O()]
+        "place-self": ["auto", ...B()]
       }],
       // Spacing
       /**
@@ -909,63 +909,63 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: $()
+        m: D()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: $()
+        mx: D()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: $()
+        my: D()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: $()
+        ms: D()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: $()
+        me: D()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: $()
+        mt: D()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: $()
+        mr: D()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: $()
+        mb: D()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: $()
+        ml: D()
       }],
       /**
        * Space Between X
@@ -999,14 +999,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: W()
+        size: G()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...W()]
+        w: [i, "screen", ...G()]
       }],
       /**
        * Min-Width
@@ -1018,7 +1018,7 @@ const T = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...W()
+          ...G()
         ]
       }],
       /**
@@ -1036,7 +1036,7 @@ const T = (e) => {
           {
             screen: [l]
           },
-          ...W()
+          ...G()
         ]
       }],
       /**
@@ -1044,21 +1044,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...W()]
+        h: ["screen", "lh", ...G()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...W()]
+        "min-h": ["screen", "lh", "none", ...G()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...W()]
+        "max-h": ["screen", "lh", ...G()]
       }],
       // ------------------
       // --- Typography ---
@@ -1068,7 +1068,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, ie, J]
+        text: ["base", r, ce, Q]
       }],
       /**
        * Font Smoothing
@@ -1085,21 +1085,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, g, Ne]
+        font: [o, g, Ce]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ke, p]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ne, p]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [ar, p, t]
+        font: [nr, p, t]
       }],
       /**
        * Font Variant Numeric
@@ -1136,14 +1136,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [a, g, p]
+        tracking: [n, g, p]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [C, "none", g, Ne]
+        "line-clamp": [M, "none", g, Ce]
       }],
       /**
        * Line Height
@@ -1209,14 +1209,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...de(), "wavy"]
+        decoration: [...$(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [C, "from-font", "auto", g, J]
+        decoration: [M, "from-font", "auto", g, Q]
       }],
       /**
        * Text Decoration Color
@@ -1230,7 +1230,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [C, "auto", g, p]
+        "underline-offset": [M, "auto", g, p]
       }],
       /**
        * Text Transform
@@ -1327,21 +1327,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: I()
+        bg: ue()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: V()
+        bg: ye()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: H()
+        bg: ie()
       }],
       /**
        * Background Image
@@ -1351,10 +1351,10 @@ const T = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Z, g, p],
+          }, X, g, p],
           radial: ["", g, p],
-          conic: [Z, g, p]
-        }, ir, nr]
+          conic: [X, g, p]
+        }, ir, ar]
       }],
       /**
        * Background Color
@@ -1368,21 +1368,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: xe()
+        from: le()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: xe()
+        via: le()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: xe()
+        to: le()
       }],
       /**
        * Gradient Color Stops From
@@ -1413,175 +1413,175 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: _()
+        rounded: j()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": _()
+        "rounded-s": j()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": _()
+        "rounded-e": j()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": _()
+        "rounded-t": j()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": _()
+        "rounded-r": j()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": _()
+        "rounded-b": j()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": _()
+        "rounded-l": j()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": _()
+        "rounded-ss": j()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": _()
+        "rounded-se": j()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": _()
+        "rounded-ee": j()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": _()
+        "rounded-es": j()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": _()
+        "rounded-tl": j()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": _()
+        "rounded-tr": j()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": _()
+        "rounded-br": j()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": _()
+        "rounded-bl": j()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: G()
+        border: C()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": G()
+        "border-x": C()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": G()
+        "border-y": C()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": G()
+        "border-s": C()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": G()
+        "border-e": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": G()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": G()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": G()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": G()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": G()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -1593,7 +1593,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": G()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -1605,14 +1605,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...de(), "hidden", "none"]
+        border: [...$(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...de(), "hidden", "none"]
+        divide: [...$(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1689,21 +1689,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...de(), "none", "hidden"]
+        outline: [...$(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [C, g, p]
+        "outline-offset": [M, g, p]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", C, ie, J]
+        outline: ["", M, ce, Q]
       }],
       /**
        * Outline Color
@@ -1725,8 +1725,8 @@ const T = (e) => {
           "",
           "none",
           m,
-          ge,
-          pe
+          he,
+          ge
         ]
       }],
       /**
@@ -1741,7 +1741,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", u, ge, pe]
+        "inset-shadow": ["none", u, he, ge]
       }],
       /**
        * Inset Box Shadow Color
@@ -1755,7 +1755,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: G()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -1778,7 +1778,7 @@ const T = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [C, J]
+        "ring-offset": [M, Q]
       }],
       /**
        * Ring Offset Color
@@ -1794,7 +1794,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": G()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
@@ -1808,7 +1808,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", b, ge, pe]
+        "text-shadow": ["none", b, he, ge]
       }],
       /**
        * Text Shadow Color
@@ -1822,21 +1822,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [C, g, p]
+        opacity: [M, g, p]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...je(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...O(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": je()
+        "bg-blend": O()
       }],
       /**
        * Mask Clip
@@ -1857,13 +1857,13 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [C]
+        "mask-linear": [M]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": j()
+        "mask-linear-from": V()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": j()
+        "mask-linear-to": V()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": x()
@@ -1872,10 +1872,10 @@ const T = (e) => {
         "mask-linear-to": x()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": j()
+        "mask-t-from": V()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": j()
+        "mask-t-to": V()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": x()
@@ -1884,10 +1884,10 @@ const T = (e) => {
         "mask-t-to": x()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": j()
+        "mask-r-from": V()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": j()
+        "mask-r-to": V()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": x()
@@ -1896,10 +1896,10 @@ const T = (e) => {
         "mask-r-to": x()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": j()
+        "mask-b-from": V()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": j()
+        "mask-b-to": V()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": x()
@@ -1908,10 +1908,10 @@ const T = (e) => {
         "mask-b-to": x()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": j()
+        "mask-l-from": V()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": j()
+        "mask-l-to": V()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": x()
@@ -1920,10 +1920,10 @@ const T = (e) => {
         "mask-l-to": x()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": j()
+        "mask-x-from": V()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": j()
+        "mask-x-to": V()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": x()
@@ -1932,10 +1932,10 @@ const T = (e) => {
         "mask-x-to": x()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": j()
+        "mask-y-from": V()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": j()
+        "mask-y-to": V()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": x()
@@ -1947,10 +1947,10 @@ const T = (e) => {
         "mask-radial": [g, p]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": j()
+        "mask-radial-from": V()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": j()
+        "mask-radial-to": V()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": x()
@@ -1968,16 +1968,16 @@ const T = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": P()
+        "mask-radial-at": I()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [C]
+        "mask-conic": [M]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": j()
+        "mask-conic-from": V()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": j()
+        "mask-conic-to": V()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": x()
@@ -2004,21 +2004,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: I()
+        mask: ue()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: V()
+        mask: ye()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: H()
+        mask: ie()
       }],
       /**
        * Mask Type
@@ -2062,14 +2062,14 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [C, g, p]
+        brightness: [M, g, p]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [C, g, p]
+        contrast: [M, g, p]
       }],
       /**
        * Drop Shadow
@@ -2080,9 +2080,9 @@ const T = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
-          ge,
-          pe
+          S,
+          he,
+          ge
         ]
       }],
       /**
@@ -2097,35 +2097,35 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", C, g, p]
+        grayscale: ["", M, g, p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [C, g, p]
+        "hue-rotate": [M, g, p]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", C, g, p]
+        invert: ["", M, g, p]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [C, g, p]
+        saturate: [M, g, p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", C, g, p]
+        sepia: ["", M, g, p]
       }],
       /**
        * Backdrop Filter
@@ -2152,56 +2152,56 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [C, g, p]
+        "backdrop-brightness": [M, g, p]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [C, g, p]
+        "backdrop-contrast": [M, g, p]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", C, g, p]
+        "backdrop-grayscale": ["", M, g, p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [C, g, p]
+        "backdrop-hue-rotate": [M, g, p]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", C, g, p]
+        "backdrop-invert": ["", M, g, p]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [C, g, p]
+        "backdrop-opacity": [M, g, p]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [C, g, p]
+        "backdrop-saturate": [M, g, p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", C, g, p]
+        "backdrop-sepia": ["", M, g, p]
       }],
       // --------------
       // --- Tables ---
@@ -2270,21 +2270,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [C, "initial", g, p]
+        duration: [M, "initial", g, p]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", v, g, p]
+        ease: ["linear", "initial", z, g, p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [C, g, p]
+        delay: [M, g, p]
       }],
       /**
        * Animation
@@ -2315,63 +2315,63 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": S()
+        "perspective-origin": P()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ue()
+        rotate: me()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ue()
+        "rotate-x": me()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ue()
+        "rotate-y": me()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ue()
+        "rotate-z": me()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: me()
+        scale: fe()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": me()
+        "scale-x": fe()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": me()
+        "scale-y": fe()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": me()
+        "scale-z": fe()
       }],
       /**
        * Scale 3D
@@ -2383,21 +2383,21 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: ye()
+        skew: ve()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": ye()
+        "skew-x": ve()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": ye()
+        "skew-y": ve()
       }],
       /**
        * Transform
@@ -2411,7 +2411,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: S()
+        origin: P()
       }],
       /**
        * Transform Style
@@ -2425,28 +2425,28 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: fe()
+        translate: pe()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": fe()
+        "translate-x": pe()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": fe()
+        "translate-y": pe()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": fe()
+        "translate-z": pe()
       }],
       /**
        * Translate None
@@ -2728,7 +2728,7 @@ const T = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [C, ie, J, Ne]
+        stroke: [M, ce, Q, Ce]
       }],
       /**
        * Stroke
@@ -2803,25 +2803,25 @@ const T = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, ur = /* @__PURE__ */ Ht(dr);
+}, ur = /* @__PURE__ */ Ot(dr);
 function h(...e) {
   return ur(Ze(e));
 }
-const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Oe = Ze, K = (e, t) => (r) => {
+const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, He = Ze, Z = (e, t) => (r) => {
   var o;
-  if (t?.variants == null) return Oe(e, r?.class, r?.className);
-  const { variants: a, defaultVariants: s } = t, l = Object.keys(a).map((d) => {
+  if (t?.variants == null) return He(e, r?.class, r?.className);
+  const { variants: n, defaultVariants: s } = t, l = Object.keys(n).map((d) => {
     const m = r?.[d], u = s?.[d];
     if (m === null) return null;
     const b = Be(m) || Be(u);
-    return a[d][b];
+    return n[d][b];
   }), i = r && Object.entries(r).reduce((d, m) => {
     let [u, b] = m;
     return b === void 0 || (d[u] = b), d;
   }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, m) => {
-    let { class: u, className: b, ...M } = m;
-    return Object.entries(M).every((w) => {
-      let [N, E] = w;
+    let { class: u, className: b, ...S } = m;
+    return Object.entries(S).every((v) => {
+      let [N, E] = v;
       return Array.isArray(E) ? E.includes({
         ...s,
         ...i
@@ -2835,8 +2835,8 @@ const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Oe = Ze, K
       b
     ] : d;
   }, []);
-  return Oe(e, l, c, r?.class, r?.className);
-}, mr = K(
+  return He(e, l, c, r?.class, r?.className);
+}, mr = Z(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -2860,20 +2860,20 @@ const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Oe = Ze, K
       size: "default"
     }
   }
-), Y = k.forwardRef(
-  ({ className: e, variant: t, size: r, asChild: o = !1, disabled: a, ...s }, l) => /* @__PURE__ */ n(
+), J = w.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: o = !1, disabled: n, ...s }, l) => /* @__PURE__ */ a(
     o ? St : "button",
     {
       className: h(mr({ variant: t, size: r, className: e })),
       ref: l,
       type: s.type || "button",
-      disabled: a,
-      "aria-disabled": a ? "true" : void 0,
+      disabled: n,
+      "aria-disabled": n ? "true" : void 0,
       ...s
     }
   )
 );
-Y.displayName = "Button";
+J.displayName = "Button";
 const fr = (e) => {
   switch (e) {
     case "h1":
@@ -2946,12 +2946,12 @@ const fr = (e) => {
     default:
       return "text-left";
   }
-}, z = ({
+}, A = ({
   variant: e = "body",
   color: t = "primary",
   weight: r,
   align: o = "left",
-  truncate: a = !1,
+  truncate: n = !1,
   children: s,
   className: l,
   as: i,
@@ -2963,10 +2963,10 @@ const fr = (e) => {
     pr(t),
     gr(r),
     hr(o),
-    a && "truncate",
+    n && "truncate",
     l
   );
-  return /* @__PURE__ */ n(d, { className: m, ...c, children: s });
+  return /* @__PURE__ */ a(d, { className: m, ...c, children: s });
 };
 function br(e) {
   switch (e) {
@@ -3024,14 +3024,14 @@ const xr = (e) => {
   title: t,
   subtitle: r,
   className: o,
-  padding: a = "md",
+  padding: n = "md",
   shadow: s = "md",
   borderRadius: l = "md",
   onClick: i
 }) => {
   const c = !!i, d = h(
     "bg-card",
-    xr(a),
+    xr(n),
     yr(s),
     vr(l),
     "transition-all duration-200 ease-in-out",
@@ -3040,14 +3040,14 @@ const xr = (e) => {
   );
   return /* @__PURE__ */ f("div", { className: d, onClick: i, children: [
     (t || r) && /* @__PURE__ */ f("div", { className: "mb-4", children: [
-      t && /* @__PURE__ */ n("div", { className: "mb-2", children: /* @__PURE__ */ n(z, { variant: "h3", children: t }) }),
-      r && /* @__PURE__ */ n("div", { className: "text-muted-foreground", children: /* @__PURE__ */ n(z, { variant: "body-sm", color: "muted", children: r }) })
+      t && /* @__PURE__ */ a("div", { className: "mb-2", children: /* @__PURE__ */ a(A, { variant: "h3", children: t }) }),
+      r && /* @__PURE__ */ a("div", { className: "text-muted-foreground", children: /* @__PURE__ */ a(A, { variant: "body-sm", color: "muted", children: r }) })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex-1", children: e })
+    /* @__PURE__ */ a("div", { className: "flex-1", children: e })
   ] });
 }, wr = ({
   children: e
-}) => /* @__PURE__ */ n("div", { className: "mt-4 pt-4 border-t border-border", children: e }), zo = Object.assign(st, {
+}) => /* @__PURE__ */ a("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Ro = Object.assign(st, {
   Footer: wr
 }), kr = (e) => {
   switch (e) {
@@ -3067,34 +3067,34 @@ const xr = (e) => {
   onClose: t,
   title: r,
   children: o,
-  size: a = "md",
+  size: n = "md",
   showCloseButton: s = !0,
   closeOnOverlayClick: l = !0,
   closeOnEscape: i = !0
 }) => {
-  const c = ze.useRef(null);
-  if (ve(() => {
+  const c = Ae.useRef(null);
+  if (we(() => {
     if (!e || !i) return;
-    const w = (N) => {
+    const v = (N) => {
       N.key === "Escape" && t();
     };
-    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [e, i, t]), ve(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+    return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
+  }, [e, i, t]), we(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [e]), ve(() => {
+  }), [e]), we(() => {
     e && c.current && c.current.focus();
   }, [e]), !e) return null;
   const d = h(
     "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4"
   ), m = h(
     "bg-card rounded-lg shadow-xl w-full max-h-[90vh] overflow-hidden flex flex-col",
-    kr(a)
+    kr(n)
   ), u = h(
     "p-6 border-b border-border flex items-center justify-between"
-  ), b = h("p-6 overflow-y-auto flex-1"), M = h(
+  ), b = h("p-6 overflow-y-auto flex-1"), S = h(
     "bg-none border-none text-xl cursor-pointer text-muted-foreground p-1 rounded-sm flex items-center justify-center hover:bg-accent hover:text-accent-foreground focus:outline-2 focus:outline-primary focus:outline-offset-2"
   );
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(
     "div",
     {
       className: d,
@@ -3104,25 +3104,25 @@ const xr = (e) => {
         {
           ref: c,
           className: m,
-          onClick: (w) => w.stopPropagation(),
+          onClick: (v) => v.stopPropagation(),
           tabIndex: -1,
           role: "dialog",
           "aria-modal": "true",
           "aria-labelledby": r ? "modal-title" : void 0,
           children: [
             (r || s) && /* @__PURE__ */ f("div", { className: u, children: [
-              r && /* @__PURE__ */ n(z, { variant: "h3", className: "text-foreground", children: r }),
-              s && /* @__PURE__ */ n(
+              r && /* @__PURE__ */ a(A, { variant: "h3", className: "text-foreground", children: r }),
+              s && /* @__PURE__ */ a(
                 "button",
                 {
                   onClick: t,
                   "aria-label": "Close modal",
-                  className: M,
+                  className: S,
                   children: "×"
                 }
               )
             ] }),
-            /* @__PURE__ */ n("div", { className: b, children: o })
+            /* @__PURE__ */ a("div", { className: b, children: o })
           ]
         }
       )
@@ -3133,29 +3133,29 @@ const xr = (e) => {
   actions: t,
   ...r
 }) => /* @__PURE__ */ f(Nr, { ...r, children: [
-  /* @__PURE__ */ n("div", { className: "p-6 overflow-y-auto flex-1", children: e }),
-  t && /* @__PURE__ */ n("div", { className: "p-6 border-t border-border flex justify-end gap-3", children: t })
-] }), Ro = ({
+  /* @__PURE__ */ a("div", { className: "p-6 overflow-y-auto flex-1", children: e }),
+  t && /* @__PURE__ */ a("div", { className: "p-6 border-t border-border flex justify-end gap-3", children: t })
+] }), Lo = ({
   isOpen: e,
   onClose: t,
   onConfirm: r,
   title: o,
-  message: a,
+  message: n,
   confirmText: s = "Confirm",
   cancelText: l = "Cancel"
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ a(
   Cr,
   {
     isOpen: e,
     onClose: t,
     title: o,
-    actions: /* @__PURE__ */ f(be, { children: [
-      /* @__PURE__ */ n(Y, { variant: "secondary", onClick: t, children: l }),
-      /* @__PURE__ */ n(Y, { variant: "default", onClick: r, children: s })
+    actions: /* @__PURE__ */ f(xe, { children: [
+      /* @__PURE__ */ a(J, { variant: "secondary", onClick: t, children: l }),
+      /* @__PURE__ */ a(J, { variant: "default", onClick: r, children: s })
     ] }),
-    children: /* @__PURE__ */ n(z, { children: a })
+    children: /* @__PURE__ */ a(A, { children: n })
   }
-), Mr = K(
+), Mr = Z(
   [
     // Base styles
     "flex w-full rounded-md border bg-background px-3 py-2",
@@ -3183,7 +3183,7 @@ const xr = (e) => {
       inputSize: "default"
     }
   }
-), Sr = K(
+), Sr = Z(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3202,7 +3202,7 @@ const xr = (e) => {
       required: !1
     }
   }
-), Pr = K("mt-1.5 text-sm", {
+), Pr = Z("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3213,13 +3213,13 @@ const xr = (e) => {
   defaultVariants: {
     variant: "default"
   }
-}), ne = k.forwardRef(
+}), oe = w.forwardRef(
   ({
     className: e,
     containerClassName: t,
     labelClassName: r,
     variant: o,
-    inputSize: a,
+    inputSize: n,
     label: s,
     helperText: l,
     error: i,
@@ -3228,10 +3228,10 @@ const xr = (e) => {
     suffix: m,
     id: u,
     ...b
-  }, M) => {
-    const w = k.useId(), N = u || w, E = `${N}-helper`, v = `${N}-error`, R = i ? "error" : o, L = i || l;
+  }, S) => {
+    const v = w.useId(), N = u || v, E = `${N}-helper`, z = `${N}-error`, R = i ? "error" : o, k = i || l;
     return /* @__PURE__ */ f("div", { className: h("w-full", t), children: [
-      s && /* @__PURE__ */ n(
+      s && /* @__PURE__ */ a(
         "label",
         {
           htmlFor: N,
@@ -3243,49 +3243,49 @@ const xr = (e) => {
         }
       ),
       /* @__PURE__ */ f("div", { className: "relative", children: [
-        d && /* @__PURE__ */ n("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: d }),
-        /* @__PURE__ */ n(
+        d && /* @__PURE__ */ a("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: d }),
+        /* @__PURE__ */ a(
           "input",
           {
             id: N,
-            ref: M,
+            ref: S,
             className: h(
-              Mr({ variant: R, inputSize: a }),
+              Mr({ variant: R, inputSize: n }),
               d && "pl-10",
               m && "pr-10",
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": L ? i ? v : E : void 0,
+            "aria-describedby": k ? i ? z : E : void 0,
             ...b
           }
         ),
-        m && /* @__PURE__ */ n("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: m })
+        m && /* @__PURE__ */ a("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: m })
       ] }),
-      L && /* @__PURE__ */ n(
+      k && /* @__PURE__ */ a(
         "p",
         {
-          id: i ? v : E,
+          id: i ? z : E,
           className: Pr({ variant: R }),
           role: i ? "alert" : void 0,
-          children: L
+          children: k
         }
       )
     ] });
   }
 );
-ne.displayName = "Input";
+oe.displayName = "Input";
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Er = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ir = (e) => e.replace(
+const Ir = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, o) => o ? o.toUpperCase() : r.toLowerCase()
-), He = (e) => {
-  const t = Ir(e);
+), Oe = (e) => {
+  const t = Er(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 }, it = (...e) => e.filter((t, r, o) => !!t && t.trim() !== "" && o.indexOf(t) === r).join(" ").trim(), zr = (e) => {
   for (const t in e)
@@ -3298,7 +3298,7 @@ const Er = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ir = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var Rr = {
+var Ar = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -3315,31 +3315,31 @@ var Rr = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ar = qe(
+const Rr = qe(
   ({
     color: e = "currentColor",
     size: t = 24,
     strokeWidth: r = 2,
     absoluteStrokeWidth: o,
-    className: a = "",
+    className: n = "",
     children: s,
     iconNode: l,
     ...i
-  }, c) => Se(
+  }, c) => Pe(
     "svg",
     {
       ref: c,
-      ...Rr,
+      ...Ar,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: o ? Number(r) * 24 / Number(t) : r,
-      className: it("lucide", a),
+      className: it("lucide", n),
       ...!s && !zr(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...l.map(([d, m]) => Se(d, m)),
+      ...l.map(([d, m]) => Pe(d, m)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -3350,20 +3350,20 @@ const Ar = qe(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const B = (e, t) => {
+const W = (e, t) => {
   const r = qe(
-    ({ className: o, ...a }, s) => Se(Ar, {
+    ({ className: o, ...n }, s) => Pe(Rr, {
       ref: s,
       iconNode: t,
       className: it(
-        `lucide-${Er(He(e))}`,
+        `lucide-${Ir(Oe(e))}`,
         `lucide-${e}`,
         o
       ),
-      ...a
+      ...n
     })
   );
-  return r.displayName = He(e), r;
+  return r.displayName = Oe(e), r;
 };
 /**
  * @license lucide-react v0.547.0 - ISC
@@ -3383,7 +3383,7 @@ const Lr = [
       key: "14ym8i"
     }
   ]
-], Tr = B("bath", Lr);
+], Tr = W("bath", Lr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3395,7 +3395,7 @@ const jr = [
   ["path", { d: "M2 8h18a2 2 0 0 1 2 2v10", key: "1dgv2r" }],
   ["path", { d: "M2 17h20", key: "18nfp3" }],
   ["path", { d: "M6 8v9", key: "1yriud" }]
-], $r = B("bed", jr);
+], $r = W("bed", jr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3413,41 +3413,41 @@ const Vr = [
   ["circle", { cx: "7", cy: "17", r: "2", key: "u2ysq9" }],
   ["path", { d: "M9 17h6", key: "r8uit2" }],
   ["circle", { cx: "17", cy: "17", r: "2", key: "axvx0g" }]
-], Fr = B("car", Vr);
+], Fr = W("car", Vr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _r = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Dr = B("chevron-down", _r);
+const _r = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Dr = W("chevron-down", _r);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Wr = B("chevron-left", Gr);
+const Gr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Wr = W("chevron-left", Gr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Br = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Or = B("chevron-right", Br);
+const Br = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Hr = W("chevron-right", Br);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hr = [
+const Or = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
-], Ur = B("grid-3x3", Hr);
+], Ur = W("grid-3x3", Or);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3462,7 +3462,7 @@ const qr = [
       key: "mvr1a0"
     }
   ]
-], Xr = B("heart", qr);
+], Xr = W("heart", qr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3470,6 +3470,22 @@ const qr = [
  * See the LICENSE file in the root directory of this source tree.
  */
 const Zr = [
+  ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
+  [
+    "path",
+    {
+      d: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
+      key: "r6nss1"
+    }
+  ]
+], Kr = W("house", Zr);
+/**
+ * @license lucide-react v0.547.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Qr = [
   [
     "path",
     {
@@ -3478,29 +3494,29 @@ const Zr = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], Kr = B("map-pin", Zr);
+], Jr = W("map-pin", Qr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qr = [
+const Yr = [
   ["path", { d: "M8 3H5a2 2 0 0 0-2 2v3", key: "1dcmit" }],
   ["path", { d: "M21 8V5a2 2 0 0 0-2-2h-3", key: "1e4gt3" }],
   ["path", { d: "M3 16v3a2 2 0 0 0 2 2h3", key: "wsl5sc" }],
   ["path", { d: "M16 21h3a2 2 0 0 0 2-2v-3", key: "18trek" }]
-], Jr = B("maximize", Qr);
+], eo = W("maximize", Yr);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yr = [
+const to = [
   ["path", { d: "M16 7h6v6", key: "box55l" }],
   ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
-], eo = B("trending-up", Yr), to = K(
+], ro = W("trending-up", to), oo = Z(
   [
     // Base styles
     "flex w-full rounded-md border bg-background px-3 py-2",
@@ -3527,7 +3543,7 @@ const Yr = [
       selectSize: "default"
     }
   }
-), ro = K(
+), ao = Z(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3546,7 +3562,7 @@ const Yr = [
       required: !1
     }
   }
-), oo = K("mt-1.5 text-sm", {
+), no = Z("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3557,13 +3573,13 @@ const Yr = [
   defaultVariants: {
     variant: "default"
   }
-}), lt = k.forwardRef(
+}), lt = w.forwardRef(
   ({
     className: e,
     containerClassName: t,
     labelClassName: r,
     variant: o,
-    selectSize: a,
+    selectSize: n,
     label: s,
     helperText: l,
     error: i,
@@ -3572,15 +3588,15 @@ const Yr = [
     placeholder: m,
     id: u,
     ...b
-  }, M) => {
-    const w = k.useId(), N = u || w, E = `${N}-helper`, v = `${N}-error`, R = i ? "error" : o, L = i || l;
+  }, S) => {
+    const v = w.useId(), N = u || v, E = `${N}-helper`, z = `${N}-error`, R = i ? "error" : o, k = i || l;
     return /* @__PURE__ */ f("div", { className: h("w-full", t), children: [
-      s && /* @__PURE__ */ n(
+      s && /* @__PURE__ */ a(
         "label",
         {
           htmlFor: N,
           className: h(
-            ro({ variant: R, required: c }),
+            ao({ variant: R, required: c }),
             r
           ),
           children: s
@@ -3591,74 +3607,74 @@ const Yr = [
           "select",
           {
             id: N,
-            ref: M,
+            ref: S,
             className: h(
-              to({ variant: R, selectSize: a }),
+              oo({ variant: R, selectSize: n }),
               "pr-10",
               // Space for chevron icon
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": L ? i ? v : E : void 0,
+            "aria-describedby": k ? i ? z : E : void 0,
             ...b,
             children: [
-              m && /* @__PURE__ */ n("option", { value: "", disabled: !0, children: m }),
-              d.map((P) => /* @__PURE__ */ n(
+              m && /* @__PURE__ */ a("option", { value: "", disabled: !0, children: m }),
+              d.map((I) => /* @__PURE__ */ a(
                 "option",
                 {
-                  value: P.value,
-                  disabled: P.disabled,
-                  children: P.label
+                  value: I.value,
+                  disabled: I.disabled,
+                  children: I.label
                 },
-                P.value
+                I.value
               ))
             ]
           }
         ),
-        /* @__PURE__ */ n("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ n(Dr, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ a("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ a(Dr, { className: "h-4 w-4" }) })
       ] }),
-      L && /* @__PURE__ */ n(
+      k && /* @__PURE__ */ a(
         "p",
         {
-          id: i ? v : E,
-          className: oo({ variant: R }),
+          id: i ? z : E,
+          className: no({ variant: R }),
           role: i ? "alert" : void 0,
-          children: L
+          children: k
         }
       )
     ] });
   }
 );
 lt.displayName = "Select";
-function no(e, t, r, o, a, s) {
-  const l = (e - 90) * Math.PI / 180, i = (t - 90) * Math.PI / 180, c = a + r * Math.cos(l), d = s + r * Math.sin(l), m = a + r * Math.cos(i), u = s + r * Math.sin(i), b = a + o * Math.cos(i), M = s + o * Math.sin(i), w = a + o * Math.cos(l), N = s + o * Math.sin(l), E = t - e > 180 ? 1 : 0;
+function so(e, t, r, o, n, s) {
+  const l = (e - 90) * Math.PI / 180, i = (t - 90) * Math.PI / 180, c = n + r * Math.cos(l), d = s + r * Math.sin(l), m = n + r * Math.cos(i), u = s + r * Math.sin(i), b = n + o * Math.cos(i), S = s + o * Math.sin(i), v = n + o * Math.cos(l), N = s + o * Math.sin(l), E = t - e > 180 ? 1 : 0;
   return [
     `M ${c} ${d}`,
     // Move to start point on outer arc
     `A ${r} ${r} 0 ${E} 1 ${m} ${u}`,
     // Outer arc
-    `L ${b} ${M}`,
+    `L ${b} ${S}`,
     // Line to inner arc
-    `A ${o} ${o} 0 ${E} 0 ${w} ${N}`,
+    `A ${o} ${o} 0 ${E} 0 ${v} ${N}`,
     // Inner arc (reverse)
     "Z"
     // Close path
   ].join(" ");
 }
-function ao(e, t, r, o, a) {
+function io(e, t, r, o, n) {
   const s = e.reduce((c, d) => c + d.value, 0);
   if (s === 0)
     return [];
   let l = 0;
   const i = [];
   return e.forEach((c) => {
-    const d = c.value / s * 360, m = l, u = l + d, b = no(
+    const d = c.value / s * 360, m = l, u = l + d, b = so(
       m,
       u,
       t,
       r,
       o,
-      a
+      n
     );
     i.push({
       path: b,
@@ -3666,34 +3682,34 @@ function ao(e, t, r, o, a) {
     }), l = u;
   }), i;
 }
-const ct = k.forwardRef(
+const ct = w.forwardRef(
   ({
     segments: e,
     size: t = 300,
     innerRadiusRatio: r = 0.6,
     centerContent: o,
-    showLegend: a = !1,
+    showLegend: n = !1,
     legendPosition: s = "bottom",
     className: l,
     onSegmentClick: i,
     onSegmentHover: c
   }, d) => {
-    const [m, u] = k.useState(null), b = t / 2, M = t / 2, w = 2, N = t / 2 - w, E = N * r, v = ao(
+    const [m, u] = w.useState(null), b = t / 2, S = t / 2, v = 2, N = t / 2 - v, E = N * r, z = io(
       e,
       N,
       E,
       b,
-      M
-    ), R = (P) => {
-      u(P), c?.(P);
-    }, L = s === "left" || s === "right";
+      S
+    ), R = (I) => {
+      u(I), c?.(I);
+    }, k = s === "left" || s === "right";
     return /* @__PURE__ */ f(
       "div",
       {
         ref: d,
         className: h(
           "flex gap-4",
-          L ? "flex-row items-center" : "flex-col items-center",
+          k ? "flex-row items-center" : "flex-col items-center",
           s === "right" && "flex-row-reverse",
           s === "top" && "flex-col-reverse",
           l
@@ -3705,25 +3721,25 @@ const ct = k.forwardRef(
               className: "relative inline-block",
               style: { width: t, height: t },
               children: [
-                /* @__PURE__ */ n("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: v.map(({ path: P, segment: S }, F) => /* @__PURE__ */ n(
+                /* @__PURE__ */ a("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: z.map(({ path: I, segment: P }, F) => /* @__PURE__ */ a(
                   "path",
                   {
-                    d: P,
-                    fill: S.color,
+                    d: I,
+                    fill: P.color,
                     stroke: "white",
-                    strokeWidth: w,
+                    strokeWidth: v,
                     className: h(
                       "transition-opacity duration-200",
-                      m && m !== S && "opacity-50",
+                      m && m !== P && "opacity-50",
                       i && "cursor-pointer"
                     ),
-                    onMouseEnter: () => R(S),
+                    onMouseEnter: () => R(P),
                     onMouseLeave: () => R(null),
-                    onClick: () => i?.(S)
+                    onClick: () => i?.(P)
                   },
-                  `${S.label}-${F}`
+                  `${P.label}-${F}`
                 )) }),
-                o && /* @__PURE__ */ n(
+                o && /* @__PURE__ */ a(
                   "div",
                   {
                     className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-center",
@@ -3734,36 +3750,36 @@ const ct = k.forwardRef(
               ]
             }
           ),
-          a && /* @__PURE__ */ n(
+          n && /* @__PURE__ */ a(
             "div",
             {
               className: h(
                 "flex gap-2",
-                L ? "flex-col" : "flex-row flex-wrap justify-center"
+                k ? "flex-col" : "flex-row flex-wrap justify-center"
               ),
-              children: e.map((P, S) => /* @__PURE__ */ f(
+              children: e.map((I, P) => /* @__PURE__ */ f(
                 "div",
                 {
                   className: h(
                     "flex items-center gap-2 text-sm transition-opacity duration-200",
-                    m && m !== P && "opacity-50",
+                    m && m !== I && "opacity-50",
                     i && "cursor-pointer"
                   ),
-                  onMouseEnter: () => R(P),
+                  onMouseEnter: () => R(I),
                   onMouseLeave: () => R(null),
-                  onClick: () => i?.(P),
+                  onClick: () => i?.(I),
                   children: [
-                    /* @__PURE__ */ n(
+                    /* @__PURE__ */ a(
                       "div",
                       {
                         className: "h-3 w-3 rounded-sm flex-shrink-0",
-                        style: { backgroundColor: P.color }
+                        style: { backgroundColor: I.color }
                       }
                     ),
-                    /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: P.label })
+                    /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: I.label })
                   ]
                 },
-                `${P.label}-${S}`
+                `${I.label}-${P}`
               ))
             }
           )
@@ -3773,14 +3789,14 @@ const ct = k.forwardRef(
   }
 );
 ct.displayName = "DonutChart";
-function so(e, t) {
+function lo(e, t) {
   return !t || t === "all" ? e : e.filter((r) => r.categoryId === t);
 }
-function io(e, t) {
+function co(e, t) {
   const r = [...e];
-  return r.sort((o, a) => {
+  return r.sort((o, n) => {
     let s = "", l = "";
-    return t.column === "title" ? (s = o.title.toLowerCase(), l = a.title.toLowerCase()) : t.column === "metric" && (s = Ue(o.metricValue), l = Ue(a.metricValue)), s < l ? t.direction === "asc" ? -1 : 1 : s > l ? t.direction === "asc" ? 1 : -1 : 0;
+    return t.column === "title" ? (s = o.title.toLowerCase(), l = n.title.toLowerCase()) : t.column === "metric" && (s = Ue(o.metricValue), l = Ue(n.metricValue)), s < l ? t.direction === "asc" ? -1 : 1 : s > l ? t.direction === "asc" ? 1 : -1 : 0;
   }), r;
 }
 function Ue(e) {
@@ -3788,29 +3804,29 @@ function Ue(e) {
   const t = e.match(/[\d.]+/);
   return t ? parseFloat(t[0]) : 0;
 }
-function lo(e, t) {
+function uo(e, t) {
   return t === "all" ? e.length : e.filter((r) => r.categoryId === t).length;
 }
-function Ao(e, t, r = {}) {
+function To(e, t, r = {}) {
   const {
     initialCategory: o = null,
-    initialSort: a = null,
+    initialSort: n = null,
     enableSearch: s = !1
-  } = r, [l, i] = ce(
+  } = r, [l, i] = ae(
     o
-  ), [c, d] = ce(a), [m, u] = ce(""), b = we(() => so(e, l), [e, l]), M = we(() => {
+  ), [c, d] = ae(n), [m, u] = ae(""), b = ke(() => lo(e, l), [e, l]), S = ke(() => {
     if (!s || !m.trim())
       return b;
-    const v = m.toLowerCase();
+    const z = m.toLowerCase();
     return b.filter(
-      (R) => R.title.toLowerCase().includes(v) || R.subtitle?.toLowerCase().includes(v)
+      (R) => R.title.toLowerCase().includes(z) || R.subtitle?.toLowerCase().includes(z)
     );
-  }, [b, m, s]), w = we(() => c ? io(M, c) : M, [M, c]), N = Ve(
-    (v) => lo(e, v),
+  }, [b, m, s]), v = ke(() => c ? co(S, c) : S, [S, c]), N = Ve(
+    (z) => uo(e, z),
     [e]
   ), E = Ve(() => {
-    i(o), d(a), u("");
-  }, [o, a]);
+    i(o), d(n), u("");
+  }, [o, n]);
   return {
     activeCategory: l,
     setActiveCategory: i,
@@ -3818,12 +3834,12 @@ function Ao(e, t, r = {}) {
     setSort: d,
     searchQuery: m,
     setSearchQuery: u,
-    filteredEntities: w,
+    filteredEntities: v,
     getCategoryCount: N,
     resetFilters: E
   };
 }
-const co = K(
+const mo = Z(
   "inline-flex items-center justify-center whitespace-nowrap rounded-full text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -3845,13 +3861,13 @@ const co = K(
       size: "default"
     }
   }
-), Le = k.forwardRef(
+), Te = w.forwardRef(
   ({
     className: e,
     variant: t,
     size: r,
     icon: o,
-    selected: a,
+    selected: n,
     dismissible: s,
     onDismiss: l,
     children: i,
@@ -3861,16 +3877,16 @@ const co = K(
     "button",
     {
       type: "button",
-      className: h(co({ variant: a ? "selected" : t, size: r, className: e })),
+      className: h(mo({ variant: n ? "selected" : t, size: r, className: e })),
       ref: m,
       disabled: c,
       "aria-disabled": c ? "true" : void 0,
-      "aria-pressed": a ? "true" : "false",
+      "aria-pressed": n ? "true" : "false",
       ...d,
       children: [
-        o && /* @__PURE__ */ n("span", { className: "mr-1.5 inline-flex items-center", "aria-hidden": "true", children: o }),
-        /* @__PURE__ */ n("span", { children: i }),
-        s && l && /* @__PURE__ */ n(
+        o && /* @__PURE__ */ a("span", { className: "mr-1.5 inline-flex items-center", "aria-hidden": "true", children: o }),
+        /* @__PURE__ */ a("span", { children: i }),
+        s && l && /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -3886,16 +3902,16 @@ const co = K(
     }
   )
 );
-Le.displayName = "Chip";
-const dt = k.forwardRef(
+Te.displayName = "Chip";
+const dt = w.forwardRef(
   ({
     categories: e,
     activeCategory: t,
     onCategoryChange: r,
     showCount: o,
-    getCategoryCount: a,
+    getCategoryCount: n,
     className: s
-  }, l) => /* @__PURE__ */ n(
+  }, l) => /* @__PURE__ */ a(
     "div",
     {
       ref: l,
@@ -3906,16 +3922,16 @@ const dt = k.forwardRef(
         s
       ),
       children: e.map((i) => {
-        const c = t === i.id, d = o && a ? a(i.id) : void 0;
+        const c = t === i.id, d = o && n ? n(i.id) : void 0;
         return /* @__PURE__ */ f(
-          Le,
+          Te,
           {
             role: "tab",
             "aria-selected": c,
             "aria-controls": `entities-panel-${i.id}`,
             selected: c,
             variant: c ? "selected" : "outline",
-            icon: typeof i.icon == "string" ? i.icon : i.icon ? k.createElement(i.icon) : void 0,
+            icon: typeof i.icon == "string" ? i.icon : i.icon ? w.createElement(i.icon) : void 0,
             onClick: () => r(c ? null : i.id),
             children: [
               i.label,
@@ -3933,10 +3949,10 @@ const dt = k.forwardRef(
   )
 );
 dt.displayName = "CategoryChips";
-const uo = (e, t) => {
+const fo = (e, t) => {
   if (t)
     return "text-accent";
-  switch (e.variant || mo(e.type)) {
+  switch (e.variant || po(e.type)) {
     case "primary":
       return "bg-primary text-primary-foreground";
     case "secondary":
@@ -3952,7 +3968,7 @@ const uo = (e, t) => {
     default:
       return "bg-secondary text-secondary-foreground";
   }
-}, mo = (e) => {
+}, po = (e) => {
   switch (e) {
     case "Venta":
       return "primary";
@@ -3965,107 +3981,111 @@ const uo = (e, t) => {
     default:
       return "secondary";
   }
-}, Lo = ({
+}, jo = ({
   property: e,
   className: t,
   onLike: r,
   onImageClick: o,
-  showLikeButton: a = !0,
+  showLikeButton: n = !0,
   showNavigation: s = !0,
   variant: l = "default",
   badgeColors: i
 }) => {
-  const [c, d] = ce(0), [m, u] = ce(!1), b = () => {
+  const [c, d] = ae(0), [m, u] = ae(!1), [b, S] = ae(!1), v = () => {
     d(
-      (I) => I === e.images.length - 1 ? 0 : I + 1
-    );
-  }, M = () => {
+      (C) => C === e.images.length - 1 ? 0 : C + 1
+    ), S(!1);
+  }, N = () => {
     d(
-      (I) => I === 0 ? e.images.length - 1 : I - 1
-    );
-  }, w = (I) => {
-    I.preventDefault(), I.stopPropagation();
-    const V = !m;
-    u(V), r?.(e.id, V);
-  }, N = (I) => {
-    I.preventDefault(), I.stopPropagation(), o?.(c, e.id);
-  }, E = (I, V) => !I || !V ? "Price not available" : `$${I.toLocaleString()} ${V}`, v = l === "compact", R = h(
+      (C) => C === 0 ? e.images.length - 1 : C - 1
+    ), S(!1);
+  }, E = (C) => {
+    C.preventDefault(), C.stopPropagation();
+    const $ = !m;
+    u($), r?.(e.id, $);
+  }, z = (C) => {
+    C.preventDefault(), C.stopPropagation(), o?.(c, e.id);
+  }, R = (C, $) => !C || !$ ? "Price not available" : `$${C.toLocaleString()} ${$}`, k = l === "compact", I = h(
     "relative overflow-hidden bg-card shadow-md transition-all duration-300 ease-out cursor-pointer",
-    v ? "rounded-xl hover:shadow-lg" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl",
-    v && "border px-4",
+    k ? "rounded-xl hover:shadow-lg" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl",
+    k && "border px-4",
     t
-  ), L = h(
-    "relative overflow-hidden",
-    v && "rounded-xl px-4 shadow-md bg-primary-foreground"
   ), P = h(
+    "relative overflow-hidden",
+    k && "rounded-xl px-4 shadow-md"
+  ), F = h(
     "w-full h-full object-cover",
-    !v && "transition-transform duration-300 hover:scale-105"
-  ), S = h(
+    !k && "transition-transform duration-300 hover:scale-105"
+  ), L = h(
     "absolute z-10 flex flex-wrap gap-2",
-    v ? "top-3 left-3" : "top-4 left-4"
-  ), F = h(
+    k ? "top-3 left-3" : "top-4 left-4"
+  ), y = h(
     "text-xs font-semibold",
-    v ? "rounded-full px-3 py-1" : "px-2 py-1 rounded-lg font-medium uppercase tracking-wide"
-  ), A = h(
+    k ? "rounded-full px-3 py-1" : "px-2 py-1 rounded-lg font-medium uppercase tracking-wide"
+  ), _ = h(
     "absolute z-10 rounded-full cursor-pointer transition-all duration-200",
-    v ? "top-3 right-3 p-1 shadow-md" : "top-4 right-4 bg-background/90 backdrop-blur-sm border border-border/20 text-foreground w-10 h-10 flex items-center justify-center hover:bg-background hover:scale-105"
-  ), y = h(
+    k ? "top-3 right-3 p-1 shadow-md" : "top-4 right-4 bg-background/90 backdrop-blur-sm border border-border/20 text-foreground w-10 h-10 flex items-center justify-center hover:bg-background hover:scale-105"
+  ), H = h(
     "absolute top-1/2 -translate-y-1/2 z-10 bg-background/90 backdrop-blur-sm border border-border/20 text-foreground w-10 h-10 rounded-full p-0 flex items-center justify-center cursor-pointer transition-all duration-200 hover:bg-background hover:scale-105"
-  ), D = h(
+  ), ee = h(
     "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1 z-10"
   ), q = h(
     "w-2 h-2 rounded-full border-none cursor-pointer transition-all duration-200 hover:scale-120"
-  ), te = h(v ? "p-2" : "p-6"), X = h(
+  ), te = h(k ? "p-2" : "p-6"), K = h(
     "font-semibold text-foreground mb-2 line-clamp-2 leading-tight",
-    v ? "text-base" : "text-lg font-bold"
-  ), re = h(
+    k ? "text-base" : "text-lg font-bold"
+  ), B = h(
     "font-bold text-primary mb-2",
-    v ? "text-lg" : "text-xl"
-  ), Q = h(
+    k ? "text-lg" : "text-xl"
+  ), D = h(
     "text-muted-foreground mb-4",
-    v ? "text-sm flex items-center gap-1" : "text-base"
-  ), O = h(
+    k ? "text-sm flex items-center gap-1" : "text-base"
+  ), G = h(
     "flex items-center mb-4",
-    v ? "justify-between mt-3" : "gap-4"
-  ), $ = h(
+    k ? "justify-between mt-3" : "gap-4"
+  ), x = h(
     "flex items-center gap-1 text-muted-foreground",
     "text-sm"
-  ), W = h(
+  ), ue = h(
     "text-sm text-muted-foreground line-clamp-2",
-    v && "mt-2"
-  ), x = /* @__PURE__ */ f("div", { className: R, children: [
-    /* @__PURE__ */ f("div", { className: h(L, v ? "h-52" : "aspect-[4/3]"), children: [
-      v ? /* @__PURE__ */ n("div", { className: "text-foreground flex h-52 w-full items-center justify-center rounded-xl text-sm", children: "Imagen no disponible" }) : /* @__PURE__ */ n(
+    k && "mt-2"
+  ), ie = !(e.images && e.images.length > 0) || b, le = () => /* @__PURE__ */ f("div", { className: "w-full h-full bg-gradient-to-br from-primary/10 via-primary/5 to-secondary/10 flex flex-col items-center justify-center gap-3", children: [
+    /* @__PURE__ */ a("div", { className: "rounded-full bg-primary/10 p-6", children: /* @__PURE__ */ a(Kr, { size: k ? 32 : 48, className: "text-primary/40" }) }),
+    /* @__PURE__ */ a("p", { className: "text-sm text-muted-foreground", children: "No image available" })
+  ] }), j = /* @__PURE__ */ f("div", { className: I, children: [
+    /* @__PURE__ */ f("div", { className: h(P, k ? "h-52" : "aspect-[4/3]"), children: [
+      ie ? /* @__PURE__ */ a(le, {}) : /* @__PURE__ */ a(
         "img",
         {
           src: e.images[c],
           alt: e.title,
-          className: P,
-          onClick: o ? N : void 0
+          className: F,
+          onClick: o ? z : void 0,
+          onError: () => S(!0)
         }
       ),
-      /* @__PURE__ */ n("div", { className: S, children: e.transactionTypes.map((I, V) => {
-        const H = i?.[I.type];
-        return /* @__PURE__ */ n(
+      /* @__PURE__ */ a("div", { className: L, children: e.transactionTypes.map((C, $) => {
+        const O = i?.[C.type];
+        return /* @__PURE__ */ a(
           "span",
           {
             className: h(
-              F,
-              uo(I, H)
+              y,
+              fo(C, O)
             ),
-            style: H ? { backgroundColor: H } : void 0,
-            children: I.type
+            style: O ? { backgroundColor: O } : void 0,
+            children: C.type
           },
-          V
+          $
         );
       }) }),
-      a && /* @__PURE__ */ n(
+      n && /* @__PURE__ */ a(
         "button",
         {
-          onClick: w,
-          className: A,
+          onClick: E,
+          className: _,
           "aria-label": m ? "Unlike property" : "Like property",
-          children: v ? /* @__PURE__ */ n(
+          children: k ? /* @__PURE__ */ a(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -4074,7 +4094,7 @@ const uo = (e, t) => {
               strokeWidth: 2,
               stroke: m ? "red" : "currentColor",
               className: "h-5 w-5",
-              children: /* @__PURE__ */ n(
+              children: /* @__PURE__ */ a(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -4083,7 +4103,7 @@ const uo = (e, t) => {
                 }
               )
             }
-          ) : /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ a(
             Xr,
             {
               size: 20,
@@ -4093,91 +4113,91 @@ const uo = (e, t) => {
           )
         }
       ),
-      !v && s && e.images.length > 1 && /* @__PURE__ */ f(be, { children: [
-        /* @__PURE__ */ n(
-          Y,
+      !k && s && !ie && e.images.length > 1 && /* @__PURE__ */ f(xe, { children: [
+        /* @__PURE__ */ a(
+          J,
           {
-            onClick: (I) => {
-              I.preventDefault(), I.stopPropagation(), M();
+            onClick: (C) => {
+              C.preventDefault(), C.stopPropagation(), N();
             },
-            className: h(y, "left-4"),
+            className: h(H, "left-4"),
             "aria-label": "Previous image",
-            children: /* @__PURE__ */ n(Wr, { size: 20 })
+            children: /* @__PURE__ */ a(Wr, { size: 20 })
           }
         ),
-        /* @__PURE__ */ n(
-          Y,
+        /* @__PURE__ */ a(
+          J,
           {
-            onClick: (I) => {
-              I.preventDefault(), I.stopPropagation(), b();
+            onClick: (C) => {
+              C.preventDefault(), C.stopPropagation(), v();
             },
-            className: h(y, "right-4"),
+            className: h(H, "right-4"),
             "aria-label": "Next image",
-            children: /* @__PURE__ */ n(Or, { size: 20 })
+            children: /* @__PURE__ */ a(Hr, { size: 20 })
           }
         ),
-        /* @__PURE__ */ n("div", { className: D, children: e.images.map((I, V) => /* @__PURE__ */ n(
+        /* @__PURE__ */ a("div", { className: ee, children: e.images.map((C, $) => /* @__PURE__ */ a(
           "button",
           {
             className: h(
               q,
-              V === c ? "bg-background" : "bg-background/50"
+              $ === c ? "bg-background" : "bg-background/50"
             ),
-            onClick: (H) => {
-              H.preventDefault(), H.stopPropagation(), d(V);
+            onClick: (O) => {
+              O.preventDefault(), O.stopPropagation(), d($);
             },
-            "aria-label": `Go to image ${V + 1}`,
-            "aria-current": V === c
+            "aria-label": `Go to image ${$ + 1}`,
+            "aria-current": $ === c
           },
-          V
+          $
         )) })
       ] })
     ] }),
     /* @__PURE__ */ f("div", { className: te, children: [
-      /* @__PURE__ */ n("h3", { className: X, children: e.title }),
-      /* @__PURE__ */ n("p", { className: re, children: E(e.price?.amount, e.price?.currency) }),
-      /* @__PURE__ */ f("p", { className: Q, children: [
-        v && /* @__PURE__ */ n(Kr, { size: 14 }),
+      /* @__PURE__ */ a("h3", { className: K, children: e.title }),
+      /* @__PURE__ */ a("p", { className: B, children: R(e.price?.amount, e.price?.currency) }),
+      /* @__PURE__ */ f("p", { className: D, children: [
+        k && /* @__PURE__ */ a(Jr, { size: 14 }),
         e.location.city,
         ", ",
         e.location.state
       ] }),
-      /* @__PURE__ */ f("div", { className: O, children: [
-        /* @__PURE__ */ f("div", { className: $, children: [
-          /* @__PURE__ */ n($r, { size: 16 }),
-          /* @__PURE__ */ n("span", { children: e.features.bedrooms })
+      /* @__PURE__ */ f("div", { className: G, children: [
+        /* @__PURE__ */ f("div", { className: x, children: [
+          /* @__PURE__ */ a($r, { size: 16 }),
+          /* @__PURE__ */ a("span", { children: e.features.bedrooms })
         ] }),
-        /* @__PURE__ */ f("div", { className: $, children: [
-          /* @__PURE__ */ n(Tr, { size: 16 }),
-          /* @__PURE__ */ n("span", { children: e.features.bathrooms })
+        /* @__PURE__ */ f("div", { className: x, children: [
+          /* @__PURE__ */ a(Tr, { size: 16 }),
+          /* @__PURE__ */ a("span", { children: e.features.bathrooms })
         ] }),
-        /* @__PURE__ */ f("div", { className: $, children: [
-          /* @__PURE__ */ n(Fr, { size: 16 }),
-          /* @__PURE__ */ n("span", { children: e.features.parking })
+        /* @__PURE__ */ f("div", { className: x, children: [
+          /* @__PURE__ */ a(Fr, { size: 16 }),
+          /* @__PURE__ */ a("span", { children: e.features.parking })
         ] }),
-        /* @__PURE__ */ f("div", { className: $, children: [
-          /* @__PURE__ */ n(Jr, { size: 16 }),
+        /* @__PURE__ */ f("div", { className: x, children: [
+          /* @__PURE__ */ a(eo, { size: 16 }),
           /* @__PURE__ */ f("span", { children: [
             e.features.area,
             " m²"
           ] })
         ] })
       ] }),
-      e.amenities.length > 0 && /* @__PURE__ */ n("p", { className: W, children: e.amenities.join(", ") })
+      e.amenities.length > 0 && /* @__PURE__ */ a("p", { className: ue, children: e.amenities.join(", ") })
     ] })
   ] });
-  return e.href ? /* @__PURE__ */ n("a", { href: e.href, className: "no-underline text-inherit", children: x }) : x;
-}, fo = ze.forwardRef(
+  return e.href ? /* @__PURE__ */ a("a", { href: e.href, className: "no-underline text-inherit", children: j }) : j;
+}, go = Ae.forwardRef(
   ({
     images: e,
     transactionType: t,
     totalPhotos: r,
     onViewAllClick: o,
-    onImageClick: a,
+    onImageClick: n,
     className: s
   }, l) => {
     const i = e.slice(0, 5), c = (d) => {
-      a?.(d);
+      n?.(d);
     };
     return /* @__PURE__ */ f(
       "div",
@@ -4185,8 +4205,8 @@ const uo = (e, t) => {
         ref: l,
         className: h("w-full h-full grid grid-cols-2 gap-2", s),
         children: [
-          /* @__PURE__ */ n("div", { className: "relative col-span-1 row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: i[0] ? /* @__PURE__ */ f(be, { children: [
-            /* @__PURE__ */ n(
+          /* @__PURE__ */ a("div", { className: "relative col-span-1 row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: i[0] ? /* @__PURE__ */ f(xe, { children: [
+            /* @__PURE__ */ a(
               "img",
               {
                 src: i[0],
@@ -4195,9 +4215,9 @@ const uo = (e, t) => {
                 onClick: () => c(0)
               }
             ),
-            t && /* @__PURE__ */ n("div", { className: "absolute top-4 left-4 bg-white rounded-full px-4 py-2 shadow-md", children: /* @__PURE__ */ n("span", { className: "text-sm font-medium text-foreground", children: t }) })
-          ] }) : /* @__PURE__ */ n("div", { className: "w-full h-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: "No image" }) }) }),
-          /* @__PURE__ */ n("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[1] ? /* @__PURE__ */ n(
+            t && /* @__PURE__ */ a("div", { className: "absolute top-4 left-4 bg-white rounded-full px-4 py-2 shadow-md", children: /* @__PURE__ */ a("span", { className: "text-sm font-medium text-foreground", children: t }) })
+          ] }) : /* @__PURE__ */ a("div", { className: "w-full h-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: "No image" }) }) }),
+          /* @__PURE__ */ a("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[1] ? /* @__PURE__ */ a(
             "img",
             {
               src: i[1],
@@ -4205,8 +4225,8 @@ const uo = (e, t) => {
               className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
               onClick: () => c(1)
             }
-          ) : /* @__PURE__ */ n("div", { className: "w-full h-full bg-muted" }) }),
-          /* @__PURE__ */ n("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[2] ? /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ a("div", { className: "w-full h-full bg-muted" }) }),
+          /* @__PURE__ */ a("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[2] ? /* @__PURE__ */ a(
             "img",
             {
               src: i[2],
@@ -4214,8 +4234,8 @@ const uo = (e, t) => {
               className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
               onClick: () => c(2)
             }
-          ) : /* @__PURE__ */ n("div", { className: "w-full h-full bg-muted" }) }),
-          /* @__PURE__ */ n("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[3] ? /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ a("div", { className: "w-full h-full bg-muted" }) }),
+          /* @__PURE__ */ a("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[3] ? /* @__PURE__ */ a(
             "img",
             {
               src: i[3],
@@ -4223,9 +4243,9 @@ const uo = (e, t) => {
               className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
               onClick: () => c(3)
             }
-          ) : /* @__PURE__ */ n("div", { className: "w-full h-full bg-muted" }) }),
-          /* @__PURE__ */ n("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[4] ? /* @__PURE__ */ f(be, { children: [
-            /* @__PURE__ */ n(
+          ) : /* @__PURE__ */ a("div", { className: "w-full h-full bg-muted" }) }),
+          /* @__PURE__ */ a("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[4] ? /* @__PURE__ */ f(xe, { children: [
+            /* @__PURE__ */ a(
               "img",
               {
                 src: i[4],
@@ -4234,7 +4254,7 @@ const uo = (e, t) => {
                 onClick: () => c(4)
               }
             ),
-            r && r > 5 && /* @__PURE__ */ n("div", { className: "absolute bottom-4 right-4", children: /* @__PURE__ */ f(
+            r && r > 5 && /* @__PURE__ */ a("div", { className: "absolute bottom-4 right-4", children: /* @__PURE__ */ f(
               "button",
               {
                 onClick: (d) => {
@@ -4242,7 +4262,7 @@ const uo = (e, t) => {
                 },
                 className: "flex items-center gap-2 bg-white rounded-full px-4 py-2 shadow-md hover:shadow-lg transition-all duration-200 hover:scale-105",
                 children: [
-                  /* @__PURE__ */ n(Ur, { className: "w-4 h-4 text-foreground" }),
+                  /* @__PURE__ */ a(Ur, { className: "w-4 h-4 text-foreground" }),
                   /* @__PURE__ */ f("span", { className: "text-sm font-medium text-foreground", children: [
                     "Ver las ",
                     r,
@@ -4251,25 +4271,25 @@ const uo = (e, t) => {
                 ]
               }
             ) })
-          ] }) : /* @__PURE__ */ n("div", { className: "w-full h-full bg-muted" }) })
+          ] }) : /* @__PURE__ */ a("div", { className: "w-full h-full bg-muted" }) })
         ]
       }
     );
   }
 );
-fo.displayName = "PropertyGallery";
-const ut = k.forwardRef(({ title: e, description: t, className: r }, o) => /* @__PURE__ */ f("div", { ref: o, className: h("space-y-1.5", r), children: [
-  /* @__PURE__ */ n(z, { variant: "h2", className: "font-bold", children: e }),
-  t && /* @__PURE__ */ n(z, { variant: "body", className: "text-muted-foreground", children: t })
+go.displayName = "PropertyGallery";
+const ut = w.forwardRef(({ title: e, description: t, className: r }, o) => /* @__PURE__ */ f("div", { ref: o, className: h("space-y-1.5", r), children: [
+  /* @__PURE__ */ a(A, { variant: "h2", className: "font-bold", children: e }),
+  t && /* @__PURE__ */ a(A, { variant: "body", className: "text-muted-foreground", children: t })
 ] }));
 ut.displayName = "EntityDirectoryHeader";
-const mt = k.forwardRef(
+const mt = w.forwardRef(
   ({
     entity: e,
     categories: t,
     showIcon: r = !0,
     showCategoryBadge: o = !0,
-    showMetric: a = !0,
+    showMetric: n = !0,
     compact: s = !1,
     className: l
   }, i) => {
@@ -4295,7 +4315,7 @@ const mt = k.forwardRef(
           l
         ),
         children: [
-          r && /* @__PURE__ */ n(
+          r && /* @__PURE__ */ a(
             "div",
             {
               className: h(
@@ -4303,20 +4323,20 @@ const mt = k.forwardRef(
                 s ? "w-8 h-8 text-lg" : "w-10 h-10 text-xl"
               ),
               "aria-hidden": "true",
-              children: typeof e.icon == "string" ? /* @__PURE__ */ n("span", { children: e.icon }) : e.icon ? k.createElement(e.icon) : /* @__PURE__ */ n("span", { className: "text-muted-foreground", children: "•" })
+              children: typeof e.icon == "string" ? /* @__PURE__ */ a("span", { children: e.icon }) : e.icon ? w.createElement(e.icon) : /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: "•" })
             }
           ),
           /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ n(
-              z,
+            /* @__PURE__ */ a(
+              A,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-semibold truncate",
                 children: e.title
               }
             ),
-            e.subtitle && /* @__PURE__ */ n(
-              z,
+            e.subtitle && /* @__PURE__ */ a(
+              A,
               {
                 variant: s ? "caption" : "body-sm",
                 className: "text-muted-foreground truncate",
@@ -4324,8 +4344,8 @@ const mt = k.forwardRef(
               }
             )
           ] }),
-          o && c && /* @__PURE__ */ n(
-            Le,
+          o && c && /* @__PURE__ */ a(
+            Te,
             {
               variant: "secondary",
               size: s ? "sm" : "default",
@@ -4334,16 +4354,16 @@ const mt = k.forwardRef(
               children: c.label
             }
           ),
-          a && e.metricValue && /* @__PURE__ */ f("div", { className: "flex-shrink-0 text-right min-w-[4rem]", children: [
-            /* @__PURE__ */ n(
-              z,
+          n && e.metricValue && /* @__PURE__ */ f("div", { className: "flex-shrink-0 text-right min-w-[4rem]", children: [
+            /* @__PURE__ */ a(
+              A,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-medium",
                 children: e.metricValue
               }
             ),
-            e.metricLabel && /* @__PURE__ */ n(z, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
+            e.metricLabel && /* @__PURE__ */ a(A, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
           ] })
         ]
       }
@@ -4351,7 +4371,7 @@ const mt = k.forwardRef(
   }
 );
 mt.displayName = "EntityDirectoryListItem";
-const ft = k.forwardRef(({ columns: e, showIcon: t, sort: r, onSortChange: o, compact: a, className: s }, l) => {
+const ft = w.forwardRef(({ columns: e, showIcon: t, sort: r, onSortChange: o, compact: n, className: s }, l) => {
   const i = (u) => {
     if (!o) return;
     const b = r?.column === u && r?.direction === "asc" ? "desc" : "asc";
@@ -4363,7 +4383,7 @@ const ft = k.forwardRef(({ columns: e, showIcon: t, sort: r, onSortChange: o, co
     i(u);
   }, d = (u, b) => {
     (u.key === "Enter" || u.key === " ") && (u.preventDefault(), i(b));
-  }, m = (u) => u !== "title" && u !== "metric" ? null : !r || r.column !== u ? /* @__PURE__ */ n("span", { className: "ml-1 text-muted-foreground opacity-50", "aria-hidden": "true", children: "⇅" }) : /* @__PURE__ */ n("span", { className: "ml-1", "aria-hidden": "true", children: r.direction === "asc" ? "↑" : "↓" });
+  }, m = (u) => u !== "title" && u !== "metric" ? null : !r || r.column !== u ? /* @__PURE__ */ a("span", { className: "ml-1 text-muted-foreground opacity-50", "aria-hidden": "true", children: "⇅" }) : /* @__PURE__ */ a("span", { className: "ml-1", "aria-hidden": "true", children: r.direction === "asc" ? "↑" : "↓" });
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4371,18 +4391,18 @@ const ft = k.forwardRef(({ columns: e, showIcon: t, sort: r, onSortChange: o, co
       role: "row",
       className: h(
         "flex items-center gap-4 bg-background border-b border-border font-medium text-sm text-muted-foreground",
-        a ? "px-3 py-2" : "px-4 py-3",
+        n ? "px-3 py-2" : "px-4 py-3",
         s
       ),
       children: [
-        t && /* @__PURE__ */ n("div", { className: a ? "w-8" : "w-10" }),
+        t && /* @__PURE__ */ a("div", { className: n ? "w-8" : "w-10" }),
         e.map((u) => {
-          const b = u.sortable && (u.key === "title" || u.key === "metric"), M = r?.column === u.key;
+          const b = u.sortable && (u.key === "title" || u.key === "metric"), S = r?.column === u.key;
           return /* @__PURE__ */ f(
             "div",
             {
               role: "columnheader",
-              "aria-sort": M ? r?.direction === "asc" ? "ascending" : "descending" : void 0,
+              "aria-sort": S ? r?.direction === "asc" ? "ascending" : "descending" : void 0,
               className: h(
                 u.key === "title" && "flex-1",
                 u.key === "category" && "w-40",
@@ -4390,12 +4410,12 @@ const ft = k.forwardRef(({ columns: e, showIcon: t, sort: r, onSortChange: o, co
                 u.align === "center" && "text-center",
                 u.align === "right" && "text-right",
                 b && "cursor-pointer hover:text-foreground transition-colors select-none",
-                M && "text-foreground"
+                S && "text-foreground"
               ),
               style: u.width ? { width: u.width } : void 0,
               onClick: b && (u.key === "title" || u.key === "metric") ? () => c(u.key) : void 0,
               tabIndex: b ? 0 : void 0,
-              onKeyDown: b && (u.key === "title" || u.key === "metric") ? (w) => d(w, u.key) : void 0,
+              onKeyDown: b && (u.key === "title" || u.key === "metric") ? (v) => d(v, u.key) : void 0,
               children: [
                 u.label,
                 b && m(u.key)
@@ -4409,13 +4429,13 @@ const ft = k.forwardRef(({ columns: e, showIcon: t, sort: r, onSortChange: o, co
   );
 });
 ft.displayName = "EntityDirectoryTableHeader";
-const pt = k.forwardRef(
+const pt = w.forwardRef(
   ({
     entities: e,
     categories: t,
     showIcons: r = !0,
     showCategoryBadges: o = !0,
-    showMetric: a = !0,
+    showMetric: n = !0,
     metricLabel: s,
     sortable: l = !1,
     sort: i,
@@ -4424,14 +4444,14 @@ const pt = k.forwardRef(
     renderItem: m,
     className: u
   }, b) => {
-    const M = [
+    const S = [
       {
         key: "title",
         label: s ? "Nombre" : "Name",
         sortable: l
       },
       ...o ? [{ key: "category", label: "Categoría", sortable: !1 }] : [],
-      ...a && s ? [
+      ...n && s ? [
         {
           key: "metric",
           label: s,
@@ -4448,28 +4468,28 @@ const pt = k.forwardRef(
         "aria-label": "Entity directory",
         className: h("border border-border rounded-lg overflow-hidden", u),
         children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             ft,
             {
-              columns: M,
+              columns: S,
               showIcon: r,
               sort: i,
               onSortChange: c,
               compact: d
             }
           ),
-          /* @__PURE__ */ n("div", { role: "rowgroup", children: e.map(
-            (w) => m ? /* @__PURE__ */ n(k.Fragment, { children: m(w) }, w.id) : /* @__PURE__ */ n(
+          /* @__PURE__ */ a("div", { role: "rowgroup", children: e.map(
+            (v) => m ? /* @__PURE__ */ a(w.Fragment, { children: m(v) }, v.id) : /* @__PURE__ */ a(
               mt,
               {
-                entity: w,
+                entity: v,
                 categories: t,
                 showIcon: r,
                 showCategoryBadge: o,
-                showMetric: a,
+                showMetric: n,
                 compact: d
               },
-              w.id
+              v.id
             )
           ) })
         ]
@@ -4478,10 +4498,10 @@ const pt = k.forwardRef(
   }
 );
 pt.displayName = "EntityDirectoryList";
-const gt = k.forwardRef(({ message: e = "No entities found", icon: t, action: r, className: o }, a) => /* @__PURE__ */ f(
+const gt = w.forwardRef(({ message: e = "No entities found", icon: t, action: r, className: o }, n) => /* @__PURE__ */ f(
   "div",
   {
-    ref: a,
+    ref: n,
     role: "status",
     "aria-live": "polite",
     className: h(
@@ -4489,15 +4509,15 @@ const gt = k.forwardRef(({ message: e = "No entities found", icon: t, action: r,
       o
     ),
     children: [
-      t && /* @__PURE__ */ n("div", { className: "mb-4 text-4xl opacity-50", "aria-hidden": "true", children: t }),
-      /* @__PURE__ */ n(z, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
-      r && /* @__PURE__ */ n(Y, { variant: "outline", onClick: r.onClick, children: r.label })
+      t && /* @__PURE__ */ a("div", { className: "mb-4 text-4xl opacity-50", "aria-hidden": "true", children: t }),
+      /* @__PURE__ */ a(A, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
+      r && /* @__PURE__ */ a(J, { variant: "outline", onClick: r.onClick, children: r.label })
     ]
   }
 ));
 gt.displayName = "EntityDirectoryEmptyState";
-const ht = k.forwardRef(({ error: e, onRetry: t, className: r }, o) => {
-  const a = typeof e == "string" ? e : e.message;
+const ht = w.forwardRef(({ error: e, onRetry: t, className: r }, o) => {
+  const n = typeof e == "string" ? e : e.message;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4509,16 +4529,16 @@ const ht = k.forwardRef(({ error: e, onRetry: t, className: r }, o) => {
         r
       ),
       children: [
-        /* @__PURE__ */ n("div", { className: "mb-4 text-4xl", "aria-hidden": "true", children: "⚠️" }),
-        /* @__PURE__ */ n(z, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
-        /* @__PURE__ */ n(z, { variant: "body", className: "text-muted-foreground mb-4", children: a }),
-        t && /* @__PURE__ */ n(Y, { variant: "outline", onClick: t, children: "Try Again" })
+        /* @__PURE__ */ a("div", { className: "mb-4 text-4xl", "aria-hidden": "true", children: "⚠️" }),
+        /* @__PURE__ */ a(A, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
+        /* @__PURE__ */ a(A, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
+        t && /* @__PURE__ */ a(J, { variant: "outline", onClick: t, children: "Try Again" })
       ]
     }
   );
 });
 ht.displayName = "EntityDirectoryErrorState";
-const bt = k.forwardRef(({ rows: e = 5, className: t }, r) => /* @__PURE__ */ f(
+const bt = w.forwardRef(({ rows: e = 5, className: t }, r) => /* @__PURE__ */ f(
   "div",
   {
     ref: r,
@@ -4527,29 +4547,29 @@ const bt = k.forwardRef(({ rows: e = 5, className: t }, r) => /* @__PURE__ */ f(
     "aria-label": "Loading entities",
     className: h("space-y-3", t),
     children: [
-      Array.from({ length: e }).map((o, a) => /* @__PURE__ */ f(
+      Array.from({ length: e }).map((o, n) => /* @__PURE__ */ f(
         "div",
         {
           className: "flex items-center gap-4 p-4 border border-border rounded-lg animate-pulse",
           children: [
-            /* @__PURE__ */ n("div", { className: "w-10 h-10 bg-muted rounded-full flex-shrink-0" }),
+            /* @__PURE__ */ a("div", { className: "w-10 h-10 bg-muted rounded-full flex-shrink-0" }),
             /* @__PURE__ */ f("div", { className: "flex-1 space-y-2", children: [
-              /* @__PURE__ */ n("div", { className: "h-4 bg-muted rounded w-1/3" }),
-              /* @__PURE__ */ n("div", { className: "h-3 bg-muted rounded w-1/2" })
+              /* @__PURE__ */ a("div", { className: "h-4 bg-muted rounded w-1/3" }),
+              /* @__PURE__ */ a("div", { className: "h-3 bg-muted rounded w-1/2" })
             ] }),
-            /* @__PURE__ */ n("div", { className: "h-6 bg-muted rounded-full w-24 flex-shrink-0" }),
-            /* @__PURE__ */ n("div", { className: "h-4 bg-muted rounded w-16 flex-shrink-0" })
+            /* @__PURE__ */ a("div", { className: "h-6 bg-muted rounded-full w-24 flex-shrink-0" }),
+            /* @__PURE__ */ a("div", { className: "h-4 bg-muted rounded w-16 flex-shrink-0" })
           ]
         },
-        a
+        n
       )),
-      /* @__PURE__ */ n("span", { className: "sr-only", children: "Loading..." })
+      /* @__PURE__ */ a("span", { className: "sr-only", children: "Loading..." })
     ]
   }
 ));
 bt.displayName = "EntityDirectoryLoadingState";
-const xt = k.forwardRef(({ value: e, onChange: t, placeholder: r = "Search entities...", className: o }, a) => /* @__PURE__ */ f("div", { className: h("relative", o), children: [
-  /* @__PURE__ */ n("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: /* @__PURE__ */ n(
+const xt = w.forwardRef(({ value: e, onChange: t, placeholder: r = "Search entities...", className: o }, n) => /* @__PURE__ */ f("div", { className: h("relative", o), children: [
+  /* @__PURE__ */ a("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: /* @__PURE__ */ a(
     "svg",
     {
       className: "w-4 h-4 text-muted-foreground",
@@ -4557,7 +4577,7 @@ const xt = k.forwardRef(({ value: e, onChange: t, placeholder: r = "Search entit
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: "0 0 20 20",
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ a(
         "path",
         {
           stroke: "currentColor",
@@ -4569,10 +4589,10 @@ const xt = k.forwardRef(({ value: e, onChange: t, placeholder: r = "Search entit
       )
     }
   ) }),
-  /* @__PURE__ */ n(
+  /* @__PURE__ */ a(
     "input",
     {
-      ref: a,
+      ref: n,
       type: "search",
       value: e,
       onChange: (s) => t(s.target.value),
@@ -4586,21 +4606,21 @@ const xt = k.forwardRef(({ value: e, onChange: t, placeholder: r = "Search entit
       "aria-label": "Search entities"
     }
   ),
-  e && /* @__PURE__ */ n(
+  e && /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       onClick: () => t(""),
       className: "absolute inset-y-0 right-0 flex items-center pr-3 text-muted-foreground hover:text-foreground",
       "aria-label": "Clear search",
-      children: /* @__PURE__ */ n(
+      children: /* @__PURE__ */ a(
         "svg",
         {
           className: "w-4 h-4",
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ n(
+          children: /* @__PURE__ */ a(
             "path",
             {
               strokeLinecap: "round",
@@ -4615,13 +4635,13 @@ const xt = k.forwardRef(({ value: e, onChange: t, placeholder: r = "Search entit
   )
 ] }));
 xt.displayName = "EntityDirectorySearchFilter";
-const po = k.forwardRef(
+const ho = w.forwardRef(
   ({
     entities: e,
     categories: t,
     title: r,
     description: o,
-    activeCategory: a,
+    activeCategory: n,
     onCategoryChange: s,
     showCategoryCount: l,
     getCategoryCount: i,
@@ -4630,44 +4650,44 @@ const po = k.forwardRef(
     onSearchChange: m,
     searchPlaceholder: u,
     sortable: b = !1,
-    sort: M,
-    onSortChange: w,
+    sort: S,
+    onSortChange: v,
     showIcons: N = !0,
     showCategoryBadges: E = !0,
-    showMetric: v = !0,
+    showMetric: z = !0,
     metricLabel: R,
-    compact: L = !1,
-    loading: P = !1,
-    error: S,
+    compact: k = !1,
+    loading: I = !1,
+    error: P,
     emptyMessage: F,
-    onRetry: A,
+    onRetry: L,
     emptyState: y,
-    errorState: D,
-    loadingState: q,
-    renderItem: te,
-    className: X,
-    style: re
-  }, Q) => {
-    const O = t && t.length > 0, $ = !P && !S && e.length === 0, W = !P && !!S;
+    errorState: _,
+    loadingState: H,
+    renderItem: ee,
+    className: q,
+    style: te
+  }, K) => {
+    const B = t && t.length > 0, D = !I && !P && e.length === 0, G = !I && !!P;
     return /* @__PURE__ */ f(
       "div",
       {
-        ref: Q,
-        className: h("space-y-6", X),
-        style: re,
+        ref: K,
+        className: h("space-y-6", q),
+        style: te,
         children: [
-          /* @__PURE__ */ n(ut, { title: r, description: o }),
-          O && s && /* @__PURE__ */ n(
+          /* @__PURE__ */ a(ut, { title: r, description: o }),
+          B && s && /* @__PURE__ */ a(
             dt,
             {
               categories: t,
-              activeCategory: a,
+              activeCategory: n,
               onCategoryChange: s,
               showCount: l,
               getCategoryCount: i
             }
           ),
-          c && m && /* @__PURE__ */ n(
+          c && m && /* @__PURE__ */ a(
             xt,
             {
               value: d,
@@ -4675,23 +4695,23 @@ const po = k.forwardRef(
               placeholder: u
             }
           ),
-          P && (q || /* @__PURE__ */ n(bt, {})),
-          W && (D || /* @__PURE__ */ n(ht, { error: S, onRetry: A })),
-          $ && (y || /* @__PURE__ */ n(gt, { message: F })),
-          !P && !W && !$ && /* @__PURE__ */ n(
+          I && (H || /* @__PURE__ */ a(bt, {})),
+          G && (_ || /* @__PURE__ */ a(ht, { error: P, onRetry: L })),
+          D && (y || /* @__PURE__ */ a(gt, { message: F })),
+          !I && !G && !D && /* @__PURE__ */ a(
             pt,
             {
               entities: e,
               categories: t,
               showIcons: N,
               showCategoryBadges: E,
-              showMetric: v,
+              showMetric: z,
               metricLabel: R,
               sortable: b,
-              sort: M,
-              onSortChange: w,
-              compact: L,
-              renderItem: te
+              sort: S,
+              onSortChange: v,
+              compact: k,
+              renderItem: ee
             }
           )
         ]
@@ -4699,27 +4719,27 @@ const po = k.forwardRef(
     );
   }
 );
-po.displayName = "EntityDirectory";
-function go(e) {
+ho.displayName = "EntityDirectory";
+function bo(e) {
   const {
     propertyPrice: t,
     downPayment: r,
     loanTerm: o,
-    interestRate: a,
+    interestRate: n,
     propertyTax: s = 0,
     hoaFees: l = 0
-  } = e, i = t - r, c = a / 100 / 12, d = o * 12;
+  } = e, i = t - r, c = n / 100 / 12, d = o * 12;
   let m;
   if (c === 0)
     m = i / d;
   else {
-    const w = Math.pow(1 + c, d);
-    m = i * (c * w) / (w - 1);
+    const v = Math.pow(1 + c, d);
+    m = i * (c * v) / (v - 1);
   }
-  const u = m * d, b = u - i, M = m + s + l;
+  const u = m * d, b = u - i, S = m + s + l;
   return {
     monthlyPayment: Math.round(m * 100) / 100,
-    totalMonthlyPayment: Math.round(M * 100) / 100,
+    totalMonthlyPayment: Math.round(S * 100) / 100,
     totalAmount: Math.round(u * 100) / 100,
     totalInterest: Math.round(b * 100) / 100,
     loanPrincipal: Math.round(i * 100) / 100,
@@ -4730,7 +4750,7 @@ function go(e) {
     }
   };
 }
-function le(e, t = "MXN") {
+function de(e, t = "MXN") {
   return new Intl.NumberFormat("es-MX", {
     style: "currency",
     currency: t,
@@ -4738,10 +4758,10 @@ function le(e, t = "MXN") {
     maximumFractionDigits: 0
   }).format(e);
 }
-function To(e, t = 3) {
+function $o(e, t = 3) {
   return `${e.toFixed(t)} %`;
 }
-function jo(e) {
+function Vo(e) {
   const t = {};
   return (!e.propertyPrice || e.propertyPrice <= 0) && (t.propertyPrice = "El precio de la propiedad debe ser mayor a 0"), (!e.downPayment || e.downPayment < 0) && (t.downPayment = "El enganche debe ser mayor o igual a 0"), e.propertyPrice && e.downPayment && e.downPayment >= e.propertyPrice && (t.downPayment = "El enganche debe ser menor al precio de la propiedad"), (!e.loanTerm || e.loanTerm <= 0) && (t.loanTerm = "El plazo del préstamo debe ser mayor a 0"), (e.interestRate === void 0 || e.interestRate < 0) && (t.interestRate = "La tasa de interés debe ser mayor o igual a 0"), {
     isValid: Object.keys(t).length === 0,
@@ -4753,125 +4773,125 @@ const yt = [
   { value: "20-years", label: "20 años fijos", years: 20 },
   { value: "30-years", label: "30 años fijos", years: 30 },
   { value: "40-years", label: "40 años fijos", years: 40 }
-], ho = yt.map(
+], xo = yt.map(
   (e) => ({
     value: e.value,
     label: e.label
   })
-), he = {
+), be = {
   propertyPrice: 2e7,
   downPayment: 2e5,
   loanProgram: "30-years",
   interestRate: 6.5
-}, Ce = {
+}, Me = {
   principalAndInterest: "#0a2540",
   // Dark blue/navy
   propertyTax: "#4da6c7",
   // Light blue
   hoaFees: "#7fc9e3"
   // Very light blue
-}, bo = k.forwardRef(
+}, yo = w.forwardRef(
   ({
-    initialPropertyPrice: e = he.propertyPrice,
-    initialDownPayment: t = he.downPayment,
-    initialLoanProgram: r = he.loanProgram,
-    initialInterestRate: o = he.interestRate,
-    showPropertyTax: a = !1,
+    initialPropertyPrice: e = be.propertyPrice,
+    initialDownPayment: t = be.downPayment,
+    initialLoanProgram: r = be.loanProgram,
+    initialInterestRate: o = be.interestRate,
+    showPropertyTax: n = !1,
     showHoaFees: s = !1,
     className: l,
     onCalculationChange: i
   }, c) => {
-    const [d, m] = k.useState(e), [u, b] = k.useState(t), [M, w] = k.useState(r), [N, E] = k.useState(o), [v, R] = k.useState(0), [L, P] = k.useState(0), S = k.useMemo(() => {
+    const [d, m] = w.useState(e), [u, b] = w.useState(t), [S, v] = w.useState(r), [N, E] = w.useState(o), [z, R] = w.useState(0), [k, I] = w.useState(0), P = w.useMemo(() => {
       const y = yt.find(
-        (q) => q.value === M
+        (H) => H.value === S
       )?.years || 30;
-      return go({
+      return bo({
         propertyPrice: d,
         downPayment: u,
         loanTerm: y,
         interestRate: N,
-        propertyTax: a ? v : void 0,
-        hoaFees: s ? L : void 0
+        propertyTax: n ? z : void 0,
+        hoaFees: s ? k : void 0
       });
     }, [
       d,
       u,
-      M,
+      S,
       N,
-      v,
-      L,
-      a,
+      z,
+      k,
+      n,
       s
     ]);
-    k.useEffect(() => {
-      i?.(S);
-    }, [S, i]);
-    const F = k.useMemo(() => {
-      const A = [
+    w.useEffect(() => {
+      i?.(P);
+    }, [P, i]);
+    const F = w.useMemo(() => {
+      const L = [
         {
           label: "Principal e Intereses",
-          value: S.breakdown.principalAndInterest,
-          color: Ce.principalAndInterest
+          value: P.breakdown.principalAndInterest,
+          color: Me.principalAndInterest
         }
       ];
-      return a && S.breakdown.propertyTax > 0 && A.push({
+      return n && P.breakdown.propertyTax > 0 && L.push({
         label: "Impuesto Predial",
-        value: S.breakdown.propertyTax,
-        color: Ce.propertyTax
-      }), s && S.breakdown.hoaFees > 0 && A.push({
+        value: P.breakdown.propertyTax,
+        color: Me.propertyTax
+      }), s && P.breakdown.hoaFees > 0 && L.push({
         label: "Cuota HOA",
-        value: S.breakdown.hoaFees,
-        color: Ce.hoaFees
-      }), A;
-    }, [S, a, s]);
-    return /* @__PURE__ */ n("div", { ref: c, className: h("w-full", l), children: /* @__PURE__ */ n(st, { padding: "lg", className: "w-full", children: /* @__PURE__ */ f("div", { className: "space-y-6", children: [
+        value: P.breakdown.hoaFees,
+        color: Me.hoaFees
+      }), L;
+    }, [P, n, s]);
+    return /* @__PURE__ */ a("div", { ref: c, className: h("w-full", l), children: /* @__PURE__ */ a(st, { padding: "lg", className: "w-full", children: /* @__PURE__ */ f("div", { className: "space-y-6", children: [
       /* @__PURE__ */ f("div", { children: [
-        /* @__PURE__ */ n(z, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
-        /* @__PURE__ */ n(z, { variant: "body", color: "secondary", className: "max-w-2xl", children: "Calcule el pago mensual de su hipoteca, incluyendo capital e intereses, impuestos prediales y cuota de la asociación de propietarios. Ajuste los valores para obtener una tasa más precisa." })
+        /* @__PURE__ */ a(A, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
+        /* @__PURE__ */ a(A, { variant: "body", color: "secondary", className: "max-w-2xl", children: "Calcule el pago mensual de su hipoteca, incluyendo capital e intereses, impuestos prediales y cuota de la asociación de propietarios. Ajuste los valores para obtener una tasa más precisa." })
       ] }),
       /* @__PURE__ */ f("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
         /* @__PURE__ */ f("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ n(
-            ne,
+          /* @__PURE__ */ a(
+            oe,
             {
               label: "Precio de la propiedad",
               type: "number",
               value: d,
-              onChange: (A) => m(Number(A.target.value)),
+              onChange: (L) => m(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
             }
           ),
-          /* @__PURE__ */ n(
-            ne,
+          /* @__PURE__ */ a(
+            oe,
             {
               label: "Enganche",
               type: "number",
               value: u,
-              onChange: (A) => b(Number(A.target.value)),
+              onChange: (L) => b(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
             }
           ),
           /* @__PURE__ */ f("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ a(
               lt,
               {
                 label: "Programa de préstamos",
-                value: M,
-                onChange: (A) => w(A.target.value),
-                options: ho
+                value: S,
+                onChange: (L) => v(L.target.value),
+                options: xo
               }
             ),
-            /* @__PURE__ */ n(
-              ne,
+            /* @__PURE__ */ a(
+              oe,
               {
                 label: "Tasa de interés",
                 type: "number",
                 value: N,
-                onChange: (A) => E(Number(A.target.value)),
+                onChange: (L) => E(Number(L.target.value)),
                 suffix: "%",
                 min: 0,
                 max: 100,
@@ -4879,25 +4899,25 @@ const yt = [
               }
             )
           ] }),
-          a && /* @__PURE__ */ n(
-            ne,
+          n && /* @__PURE__ */ a(
+            oe,
             {
               label: "Impuesto predial mensual",
               type: "number",
-              value: v,
-              onChange: (A) => R(Number(A.target.value)),
+              value: z,
+              onChange: (L) => R(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
             }
           ),
-          s && /* @__PURE__ */ n(
-            ne,
+          s && /* @__PURE__ */ a(
+            oe,
             {
               label: "Cuota HOA mensual",
               type: "number",
-              value: L,
-              onChange: (A) => P(Number(A.target.value)),
+              value: k,
+              onChange: (L) => I(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4905,15 +4925,15 @@ const yt = [
           )
         ] }),
         /* @__PURE__ */ f("div", { className: "flex flex-col items-center justify-center", children: [
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ a(
             ct,
             {
               segments: F,
               size: 320,
               innerRadiusRatio: 0.65,
               centerContent: /* @__PURE__ */ f("div", { className: "text-center", children: [
-                /* @__PURE__ */ n(z, { variant: "h1", className: "font-bold mb-1", children: le(S.totalMonthlyPayment) }),
-                /* @__PURE__ */ n(z, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
+                /* @__PURE__ */ a(A, { variant: "h1", className: "font-bold mb-1", children: de(P.totalMonthlyPayment) }),
+                /* @__PURE__ */ a(A, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
               ] }),
               showLegend: !0,
               legendPosition: "bottom"
@@ -4921,36 +4941,36 @@ const yt = [
           ),
           /* @__PURE__ */ f("div", { className: "mt-6 text-center space-y-1", children: [
             /* @__PURE__ */ f("div", { className: "flex items-center justify-center gap-2 text-sm text-success", children: [
-              /* @__PURE__ */ n(eo, { className: "h-4 w-4" }),
-              /* @__PURE__ */ n("span", { className: "font-medium", children: "Trending up by 5.2% this month" })
+              /* @__PURE__ */ a(ro, { className: "h-4 w-4" }),
+              /* @__PURE__ */ a("span", { className: "font-medium", children: "Trending up by 5.2% this month" })
             ] }),
-            /* @__PURE__ */ n(z, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
+            /* @__PURE__ */ a(A, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ f("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 pt-4 border-t", children: [
         /* @__PURE__ */ f("div", { children: [
-          /* @__PURE__ */ n(z, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
-          /* @__PURE__ */ n(z, { variant: "body", weight: "semibold", children: le(S.loanPrincipal) })
+          /* @__PURE__ */ a(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
+          /* @__PURE__ */ a(A, { variant: "body", weight: "semibold", children: de(P.loanPrincipal) })
         ] }),
         /* @__PURE__ */ f("div", { children: [
-          /* @__PURE__ */ n(z, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
-          /* @__PURE__ */ n(z, { variant: "body", weight: "semibold", children: le(S.monthlyPayment) })
+          /* @__PURE__ */ a(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
+          /* @__PURE__ */ a(A, { variant: "body", weight: "semibold", children: de(P.monthlyPayment) })
         ] }),
         /* @__PURE__ */ f("div", { children: [
-          /* @__PURE__ */ n(z, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
-          /* @__PURE__ */ n(z, { variant: "body", weight: "semibold", children: le(S.totalInterest) })
+          /* @__PURE__ */ a(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
+          /* @__PURE__ */ a(A, { variant: "body", weight: "semibold", children: de(P.totalInterest) })
         ] }),
         /* @__PURE__ */ f("div", { children: [
-          /* @__PURE__ */ n(z, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
-          /* @__PURE__ */ n(z, { variant: "body", weight: "semibold", children: le(S.totalAmount) })
+          /* @__PURE__ */ a(A, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
+          /* @__PURE__ */ a(A, { variant: "body", weight: "semibold", children: de(P.totalAmount) })
         ] })
       ] })
     ] }) }) });
   }
 );
-bo.displayName = "MortgageCalculator";
-const xo = (e) => {
+yo.displayName = "MortgageCalculator";
+const vo = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -4961,32 +4981,32 @@ const xo = (e) => {
     default:
       return "p-0";
   }
-}, Te = ({
+}, je = ({
   children: e,
   header: t,
   sidebar: r,
   footer: o,
-  padding: a = "md"
+  padding: n = "md"
 }) => {
   const s = h("min-h-screen flex flex-col"), l = h("bg-card border-b border-border z-10"), i = h("flex flex-1"), c = h("w-70 bg-card border-r border-border p-6"), d = h("flex-1 flex flex-col"), m = h(
     "flex-1 mx-auto w-full max-w-7xl",
-    xo(a)
+    vo(n)
   );
   return /* @__PURE__ */ f("div", { className: s, children: [
-    t && /* @__PURE__ */ n("header", { className: l, children: t }),
+    t && /* @__PURE__ */ a("header", { className: l, children: t }),
     /* @__PURE__ */ f("div", { className: i, children: [
-      r && /* @__PURE__ */ n("aside", { className: c, children: r }),
-      /* @__PURE__ */ n("div", { className: d, children: /* @__PURE__ */ n("main", { className: m, children: e }) })
+      r && /* @__PURE__ */ a("aside", { className: c, children: r }),
+      /* @__PURE__ */ a("div", { className: d, children: /* @__PURE__ */ a("main", { className: m, children: e }) })
     ] }),
-    o && /* @__PURE__ */ n("footer", { className: "bg-card border-t border-border mt-auto", children: o })
+    o && /* @__PURE__ */ a("footer", { className: "bg-card border-t border-border mt-auto", children: o })
   ] });
-}, $o = ({ children: e, header: t, sidebar: r }) => /* @__PURE__ */ n(Te, { header: t, sidebar: r, padding: "lg", children: /* @__PURE__ */ n("div", { className: "max-w-screen-2xl", children: e }) }), Vo = ({ children: e, title: t, subtitle: r }) => /* @__PURE__ */ n(Te, { padding: "lg", children: /* @__PURE__ */ f("div", { className: "max-w-md mx-auto", children: [
+}, Fo = ({ children: e, header: t, sidebar: r }) => /* @__PURE__ */ a(je, { header: t, sidebar: r, padding: "lg", children: /* @__PURE__ */ a("div", { className: "max-w-screen-2xl", children: e }) }), _o = ({ children: e, title: t, subtitle: r }) => /* @__PURE__ */ a(je, { padding: "lg", children: /* @__PURE__ */ f("div", { className: "max-w-md mx-auto", children: [
   /* @__PURE__ */ f("div", { className: "text-center mb-8", children: [
-    t && /* @__PURE__ */ n(z, { variant: "h2", className: "mb-2", children: t }),
-    r && /* @__PURE__ */ n(z, { variant: "body", color: "muted", children: r })
+    t && /* @__PURE__ */ a(A, { variant: "h2", className: "mb-2", children: t }),
+    r && /* @__PURE__ */ a(A, { variant: "body", color: "muted", children: r })
   ] }),
   e
-] }) }), Fo = ({ children: e, header: t, footer: r }) => /* @__PURE__ */ n(Te, { header: t, footer: r, padding: "none", children: e }), yo = {
+] }) }), Do = ({ children: e, header: t, footer: r }) => /* @__PURE__ */ a(je, { header: t, footer: r, padding: "none", children: e }), wo = {
   name: "light",
   colors: {
     primary: "#007bff",
@@ -5052,7 +5072,7 @@ const xo = (e) => {
     large: "0 10px 20px rgba(0, 0, 0, 0.15), 0 3px 6px rgba(0, 0, 0, 0.10)",
     xl: "0 15px 25px rgba(0, 0, 0, 0.15), 0 5px 10px rgba(0, 0, 0, 0.05)"
   }
-}, vo = {
+}, ko = {
   name: "dark",
   colors: {
     primary: "#0d6efd",
@@ -5118,7 +5138,7 @@ const xo = (e) => {
     large: "0 10px 20px rgba(0, 0, 0, 0.4), 0 3px 6px rgba(0, 0, 0, 0.3)",
     xl: "0 15px 25px rgba(0, 0, 0, 0.4), 0 5px 10px rgba(0, 0, 0, 0.3)"
   }
-}, wo = {
+}, No = {
   name: "corporate",
   colors: {
     primary: "#1a365d",
@@ -5184,7 +5204,7 @@ const xo = (e) => {
     large: "0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.05)",
     xl: "0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04)"
   }
-}, ko = {
+}, Co = {
   name: "minimal",
   colors: {
     primary: "#000000",
@@ -5250,27 +5270,27 @@ const xo = (e) => {
     large: "none",
     xl: "none"
   }
-}, Me = {
-  light: yo,
-  dark: vo,
-  corporate: wo,
-  minimal: ko
-}, No = Re(), Co = Re(), Mo = Re(), ee = Nt(Me.light).on(No, (e, t) => Me[t] || e).on(Co, (e, t) => t).on(Mo, () => Me.light), _o = ee.map((e) => e.name), Do = ee.map((e) => e.colors);
-ee.map((e) => e.shapes);
-ee.map((e) => e.typography);
-ee.map((e) => e.spacing);
-ee.map((e) => e.shadows);
-const vt = ze.createContext(null), Go = () => {
+}, Se = {
+  light: wo,
+  dark: ko,
+  corporate: No,
+  minimal: Co
+}, Mo = Re(), So = Re(), Po = Re(), Y = Nt(Se.light).on(Mo, (e, t) => Se[t] || e).on(So, (e, t) => t).on(Po, () => Se.light), Go = Y.map((e) => e.name), Wo = Y.map((e) => e.colors);
+Y.map((e) => e.shapes);
+Y.map((e) => e.typography);
+Y.map((e) => e.spacing);
+Y.map((e) => e.shadows);
+const vt = Ae.createContext(null), Bo = () => {
   const e = wt(vt);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, Wo = ({ children: e }) => {
+}, Ho = ({ children: e }) => {
   const r = {
-    theme: kt(ee)
+    theme: kt(Y)
   };
-  return /* @__PURE__ */ n(vt.Provider, { value: r, children: e });
-}, Bo = {
+  return /* @__PURE__ */ a(vt.Provider, { value: r, children: e });
+}, Oo = {
   // Spacing scale (in rem)
   spacing: {
     xs: "0.25rem",
@@ -5365,7 +5385,7 @@ const vt = ze.createContext(null), Go = () => {
     out: "ease-out",
     inOut: "ease-in-out"
   }
-}, Oo = {
+}, Uo = {
   button: {
     size: {
       sm: "h-9 px-3 text-sm",
@@ -5396,13 +5416,13 @@ const vt = ze.createContext(null), Go = () => {
       outlined: "bg-card text-card-foreground border-2"
     }
   }
-}, Ho = {
+}, qo = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, Uo = {
+}, Xo = {
   /**
    * Get a color value with opacity support
    */
@@ -5411,7 +5431,7 @@ const vt = ze.createContext(null), Go = () => {
    * Get a color from the design system palette
    */
   get: (e) => `hsl(var(--${e}))`
-}, qo = {
+}, Zo = {
   /**
    * Generate a unique ID for form elements and their labels
    */
@@ -5430,7 +5450,7 @@ const vt = ze.createContext(null), Go = () => {
     only: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0",
     not: "not-sr-only"
   }
-}, Xo = {
+}, Ko = {
   icon: {
     xs: "w-3 h-3",
     sm: "w-4 h-4",
@@ -5445,7 +5465,7 @@ const vt = ze.createContext(null), Go = () => {
     lg: "w-12 h-12",
     xl: "w-16 h-16"
   }
-}, Zo = {
+}, Qo = {
   /**
    * Fade animations
    */
@@ -5469,7 +5489,7 @@ const vt = ze.createContext(null), Go = () => {
     in: "animate-in scale-in duration-200",
     out: "animate-out scale-out duration-200"
   }
-}, Ko = {
+}, Jo = {
   /**
    * Container utilities
    */
@@ -5503,7 +5523,7 @@ const vt = ze.createContext(null), Go = () => {
     col: "flex flex-col",
     colCenter: "flex flex-col items-center justify-center"
   }
-}, Qo = {
+}, Yo = {
   /**
    * Check if dark mode is active
    */
@@ -5520,7 +5540,7 @@ const vt = ze.createContext(null), Go = () => {
   set: (e) => {
     typeof window > "u" || document.documentElement.classList.toggle("dark", e === "dark");
   }
-}, Jo = {
+}, ea = {
   /**
    * Debounce function for performance optimization
    */
@@ -5539,7 +5559,7 @@ const vt = ze.createContext(null), Go = () => {
       r || (e(...o), r = !0, setTimeout(() => r = !1, t));
     };
   }
-}, Yo = ({ href: e, children: t }) => /* @__PURE__ */ n(
+}, ta = ({ href: e, children: t }) => /* @__PURE__ */ a(
   "a",
   {
     href: e,
@@ -5548,62 +5568,62 @@ const vt = ze.createContext(null), Go = () => {
   }
 );
 export {
-  ee as $theme,
-  Do as $themeColors,
-  _o as $themeName,
-  Vo as AuthLayout,
-  Y as Button,
+  Y as $theme,
+  Wo as $themeColors,
+  Go as $themeName,
+  _o as AuthLayout,
+  J as Button,
   st as Card,
   dt as CategoryChips,
-  Le as Chip,
-  zo as CompoundCard,
-  Ro as ConfirmModal,
-  $o as DashboardLayout,
+  Te as Chip,
+  Ro as CompoundCard,
+  Lo as ConfirmModal,
+  Fo as DashboardLayout,
   ct as DonutChart,
-  po as EntityDirectory,
-  ne as Input,
-  Fo as MarketingLayout,
+  ho as EntityDirectory,
+  oe as Input,
+  Do as MarketingLayout,
   Nr as Modal,
   Cr as ModalWithActions,
-  bo as MortgageCalculator,
-  Te as PageLayout,
-  Lo as PropertyCard,
-  fo as PropertyGallery,
+  yo as MortgageCalculator,
+  je as PageLayout,
+  jo as PropertyCard,
+  go as PropertyGallery,
   lt as Select,
-  Yo as SkipLink,
-  z as Text,
-  Wo as ThemeProvider,
-  qo as a11y,
-  qo as accessibilityUtils,
-  Zo as animationUtils,
-  Zo as animations,
-  Ho as breakpoints,
-  go as calculateMortgage,
+  ta as SkipLink,
+  A as Text,
+  Ho as ThemeProvider,
+  Zo as a11y,
+  Zo as accessibilityUtils,
+  Qo as animationUtils,
+  Qo as animations,
+  qo as breakpoints,
+  bo as calculateMortgage,
   h as cn,
-  Uo as colorUtils,
-  Uo as colors,
-  Xo as componentSizes,
-  Oo as componentVariants,
-  lo as countEntitiesByCategory,
-  Bo as designSystem,
-  so as filterEntitiesByCategory,
-  le as formatCurrency,
-  To as formatPercentage,
-  Ko as layout,
-  Ko as layoutUtils,
-  Jo as performance,
-  Jo as performanceUtils,
-  Mo as resetTheme,
-  Ho as responsiveBreakpoints,
-  Co as setCustomTheme,
-  No as setTheme,
-  Xo as sizes,
-  io as sortEntities,
-  Qo as theme,
-  Qo as themeUtils,
-  Ao as useEntityFilter,
-  Go as useTheme,
-  jo as validateMortgageInput,
-  Oo as variants
+  Xo as colorUtils,
+  Xo as colors,
+  Ko as componentSizes,
+  Uo as componentVariants,
+  uo as countEntitiesByCategory,
+  Oo as designSystem,
+  lo as filterEntitiesByCategory,
+  de as formatCurrency,
+  $o as formatPercentage,
+  Jo as layout,
+  Jo as layoutUtils,
+  ea as performance,
+  ea as performanceUtils,
+  Po as resetTheme,
+  qo as responsiveBreakpoints,
+  So as setCustomTheme,
+  Mo as setTheme,
+  Ko as sizes,
+  co as sortEntities,
+  Yo as theme,
+  Yo as themeUtils,
+  To as useEntityFilter,
+  Bo as useTheme,
+  Vo as validateMortgageInput,
+  Uo as variants
 };
 //# sourceMappingURL=design-system.es.js.map