npm - @homlista-devs/ui - Versions diffs - 1.2.0 → 1.3.1 - Mend

@homlista-devs/ui 1.2.0 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/design-system.cjs.js +25 -15
package/dist/design-system.cjs.js.map +1 -1
package/dist/design-system.es.js +1046 -958
package/dist/design-system.es.js.map +1 -1
package/dist/index.css +56 -3
package/package.json +1 -1

package/dist/design-system.es.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import { jsx as a, jsxs as f, Fragment as pe } from "react/jsx-runtime";
+import { jsx as a, jsxs as f, Fragment as xe } from "react/jsx-runtime";
 import * as w from "react";
-import Pe, { useEffect as be, forwardRef as qe, createElement as Ne, useState as se, useMemo as xe, useCallback as Ve, useContext as wr } from "react";
-import { useUnit as kr } from "effector-react";
-import { createEvent as Ee, createStore as Nr } from "effector";
-function Fe(e, r) {
+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) {
   if (typeof e == "function")
-    return e(r);
-  e != null && (e.current = r);
+    return e(t);
+  e != null && (e.current = t);
 }
-function Cr(...e) {
-  return (r) => {
-    let t = !1;
+function Ct(...e) {
+  return (t) => {
+    let r = !1;
     const o = e.map((n) => {
-      const s = Fe(n, r);
-      return !t && typeof s == "function" && (t = !0), s;
+      const s = Fe(n, t);
+      return !r && typeof s == "function" && (r = !0), s;
     });
-    if (t)
+    if (r)
       return () => {
         for (let n = 0; n < o.length; n++) {
           const s = o[n];
@@ -25,137 +25,137 @@ function Cr(...e) {
   };
 }
 // @__NO_SIDE_EFFECTS__
-function Mr(e) {
-  const r = /* @__PURE__ */ Pr(e), t = w.forwardRef((o, n) => {
-    const { children: s, ...l } = o, i = w.Children.toArray(s), c = i.find(Ir);
+function Mt(e) {
+  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 ? w.Children.count(d) > 1 ? w.Children.only(null) : w.isValidElement(d) ? d.props.children : null : u);
-      return /* @__PURE__ */ a(r, { ...l, ref: n, children: w.isValidElement(d) ? w.cloneElement(d, void 0, m) : null });
+      return /* @__PURE__ */ a(t, { ...l, ref: n, children: w.isValidElement(d) ? w.cloneElement(d, void 0, m) : null });
     }
-    return /* @__PURE__ */ a(r, { ...l, ref: n, children: s });
+    return /* @__PURE__ */ a(t, { ...l, ref: n, children: s });
   });
-  return t.displayName = `${e}.Slot`, t;
+  return r.displayName = `${e}.Slot`, r;
 }
-var Sr = /* @__PURE__ */ Mr("Slot");
+var St = /* @__PURE__ */ Mt("Slot");
 // @__NO_SIDE_EFFECTS__
-function Pr(e) {
-  const r = w.forwardRef((t, o) => {
-    const { children: n, ...s } = t;
+function Pt(e) {
+  const t = w.forwardRef((r, o) => {
+    const { children: n, ...s } = r;
     if (w.isValidElement(n)) {
-      const l = Ar(n), i = Rr(s, n.props);
-      return n.type !== w.Fragment && (i.ref = o ? Cr(o, l) : l), w.cloneElement(n, i);
+      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 w.Children.count(n) > 1 ? w.Children.only(null) : null;
   });
-  return r.displayName = `${e}.SlotClone`, r;
+  return t.displayName = `${e}.SlotClone`, t;
 }
-var Er = Symbol("radix.slottable");
-function Ir(e) {
-  return w.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Er;
+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 Rr(e, r) {
-  const t = { ...r };
-  for (const o in r) {
-    const n = e[o], s = r[o];
-    /^on[A-Z]/.test(o) ? n && s ? t[o] = (...i) => {
+function zt(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const n = e[o], s = t[o];
+    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...i) => {
       const c = s(...i);
       return n(...i), c;
-    } : n && (t[o] = n) : o === "style" ? t[o] = { ...n, ...s } : o === "className" && (t[o] = [n, s].filter(Boolean).join(" "));
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
   }
-  return { ...e, ...t };
+  return { ...e, ...r };
 }
-function Ar(e) {
-  let r = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning;
-  return t ? e.ref : (r = Object.getOwnPropertyDescriptor(e, "ref")?.get, t = r && "isReactWarning" in r && r.isReactWarning, t ? e.props.ref : e.props.ref || e.ref);
+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);
 }
 function Xe(e) {
-  var r, t, o = "";
+  var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (r = 0; r < n; r++) e[r] && (t = Xe(e[r])) && (o && (o += " "), o += t);
-  } else for (t in e) e[t] && (o && (o += " "), o += t);
+    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, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = Xe(e)) && (o && (o += " "), o += r);
+  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 Ie = "-", zr = (e) => {
-  const r = Tr(e), {
-    conflictingClassGroups: t,
+const Le = "-", Rt = (e) => {
+  const t = Tt(e), {
+    conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
-      const i = l.split(Ie);
-      return i[0] === "" && i.length !== 1 && i.shift(), Ke(i, r) || Lr(l);
+      const i = l.split(Le);
+      return i[0] === "" && i.length !== 1 && i.shift(), Ke(i, t) || Lt(l);
     },
     getConflictingClassGroupIds: (l, i) => {
-      const c = t[l] || [];
+      const c = r[l] || [];
       return i && o[l] ? [...c, ...o[l]] : c;
     }
   };
-}, Ke = (e, r) => {
+}, Ke = (e, t) => {
   if (e.length === 0)
-    return r.classGroupId;
-  const t = e[0], o = r.nextPart.get(t), n = o ? Ke(e.slice(1), o) : void 0;
+    return t.classGroupId;
+  const r = e[0], o = t.nextPart.get(r), n = o ? Ke(e.slice(1), o) : void 0;
   if (n)
     return n;
-  if (r.validators.length === 0)
+  if (t.validators.length === 0)
     return;
-  const s = e.join(Ie);
-  return r.validators.find(({
+  const s = e.join(Le);
+  return t.validators.find(({
     validator: l
   }) => l(s))?.classGroupId;
-}, _e = /^\[(.+)\]$/, Lr = (e) => {
+}, _e = /^\[(.+)\]$/, Lt = (e) => {
   if (_e.test(e)) {
-    const r = _e.exec(e)[1], t = r?.substring(0, r.indexOf(":"));
-    if (t)
-      return "arbitrary.." + t;
+    const t = _e.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
   }
-}, Tr = (e) => {
+}, Tt = (e) => {
   const {
-    theme: r,
-    classGroups: t
+    theme: t,
+    classGroups: r
   } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const n in t)
-    Ce(t[n], o, n, r);
+  for (const n in r)
+    Ie(r[n], o, n, t);
   return o;
-}, Ce = (e, r, t, o) => {
+}, Ie = (e, t, r, o) => {
   e.forEach((n) => {
     if (typeof n == "string") {
-      const s = n === "" ? r : De(r, n);
-      s.classGroupId = t;
+      const s = n === "" ? t : De(t, n);
+      s.classGroupId = r;
       return;
     }
     if (typeof n == "function") {
-      if ($r(n)) {
-        Ce(n(o), r, t, o);
+      if (jt(n)) {
+        Ie(n(o), t, r, o);
         return;
       }
-      r.validators.push({
+      t.validators.push({
         validator: n,
-        classGroupId: t
+        classGroupId: r
       });
       return;
     }
     Object.entries(n).forEach(([s, l]) => {
-      Ce(l, De(r, s), t, o);
+      Ie(l, De(t, s), r, o);
     });
   });
-}, De = (e, r) => {
-  let t = e;
-  return r.split(Ie).forEach((o) => {
-    t.nextPart.has(o) || t.nextPart.set(o, {
+}, De = (e, t) => {
+  let r = e;
+  return t.split(Le).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), t = t.nextPart.get(o);
-  }), t;
-}, $r = (e) => e.isThemeGetter, jr = (e) => {
+    }), r = r.nextPart.get(o);
+  }), r;
+}, jt = (e) => e.isThemeGetter, $t = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -163,54 +163,54 @@ const Ie = "-", zr = (e) => {
       set: () => {
       }
     };
-  let r = 0, t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
   const n = (s, l) => {
-    t.set(s, l), r++, r > e && (r = 0, o = t, t = /* @__PURE__ */ new Map());
+    r.set(s, l), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   };
   return {
     get(s) {
-      let l = t.get(s);
+      let l = r.get(s);
       if (l !== void 0)
         return l;
       if ((l = o.get(s)) !== void 0)
         return n(s, l), l;
     },
     set(s, l) {
-      t.has(s) ? t.set(s, l) : n(s, l);
+      r.has(s) ? r.set(s, l) : n(s, l);
     }
   };
-}, Me = "!", Se = ":", Vr = Se.length, Fr = (e) => {
+}, Ee = "!", ze = ":", Vt = ze.length, Ft = (e) => {
   const {
-    prefix: r,
-    experimentalParseClassName: t
+    prefix: t,
+    experimentalParseClassName: r
   } = e;
   let o = (n) => {
     const s = [];
     let l = 0, i = 0, c = 0, d;
     for (let v = 0; v < n.length; v++) {
-      let k = n[v];
+      let N = n[v];
       if (l === 0 && i === 0) {
-        if (k === Se) {
-          s.push(n.slice(c, v)), c = v + Vr;
+        if (N === ze) {
+          s.push(n.slice(c, v)), c = v + Vt;
           continue;
         }
-        if (k === "/") {
+        if (N === "/") {
           d = v;
           continue;
         }
       }
-      k === "[" ? l++ : k === "]" ? l-- : k === "(" ? i++ : k === ")" && i--;
+      N === "[" ? l++ : N === "]" ? l-- : N === "(" ? i++ : N === ")" && i--;
     }
-    const m = s.length === 0 ? n : n.substring(c), u = _r(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 (r) {
-    const n = r + Se, s = o;
+  if (t) {
+    const n = t + ze, s = o;
     o = (l) => l.startsWith(n) ? s(l.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
@@ -219,122 +219,122 @@ const Ie = "-", zr = (e) => {
       maybePostfixModifierPosition: void 0
     };
   }
-  if (t) {
+  if (r) {
     const n = o;
-    o = (s) => t({
+    o = (s) => r({
       className: s,
       parseClassName: n
     });
   }
   return o;
-}, _r = (e) => e.endsWith(Me) ? e.substring(0, e.length - 1) : e.startsWith(Me) ? e.substring(1) : e, Dr = (e) => {
-  const r = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
+}, _t = (e) => e.endsWith(Ee) ? e.substring(0, e.length - 1) : e.startsWith(Ee) ? e.substring(1) : e, Dt = (e) => {
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
   return (o) => {
     if (o.length <= 1)
       return o;
     const n = [];
     let s = [];
     return o.forEach((l) => {
-      l[0] === "[" || r[l] ? (n.push(...s.sort(), l), s = []) : s.push(l);
+      l[0] === "[" || t[l] ? (n.push(...s.sort(), l), s = []) : s.push(l);
     }), n.push(...s.sort()), n;
   };
-}, Gr = (e) => ({
-  cache: jr(e.cacheSize),
-  parseClassName: Fr(e),
-  sortModifiers: Dr(e),
-  ...zr(e)
-}), Wr = /\s+/, Br = (e, r) => {
+}, Gt = (e) => ({
+  cache: $t(e.cacheSize),
+  parseClassName: Ft(e),
+  sortModifiers: Dt(e),
+  ...Rt(e)
+}), Wt = /\s+/, Bt = (e, t) => {
   const {
-    parseClassName: t,
+    parseClassName: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = r, l = [], i = e.trim().split(Wr);
+  } = t, l = [], i = e.trim().split(Wt);
   let c = "";
   for (let d = i.length - 1; d >= 0; d -= 1) {
     const m = i[d], {
       isExternal: u,
       modifiers: b,
-      hasImportantModifier: M,
+      hasImportantModifier: S,
       baseClassName: v,
-      maybePostfixModifierPosition: k
-    } = t(m);
+      maybePostfixModifierPosition: N
+    } = r(m);
     if (u) {
       c = m + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let E = !!k, I = o(E ? v.substring(0, k) : v);
-    if (!I) {
+    let E = !!N, z = o(E ? v.substring(0, N) : v);
+    if (!z) {
       if (!E) {
         c = m + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (I = o(v), !I) {
+      if (z = o(v), !z) {
         c = m + (c.length > 0 ? " " + c : c);
         continue;
       }
       E = !1;
     }
-    const A = s(b).join(":"), L = M ? A + Me : A, P = L + I;
-    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 = n(I, E);
-    for (let V = 0; V < S.length; ++V) {
-      const z = S[V];
-      l.push(L + z);
+    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 Or() {
-  let e = 0, r, t, o = "";
+function Ht() {
+  let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = Qe(r)) && (o && (o += " "), o += t);
+    (t = arguments[e++]) && (r = Qe(t)) && (o && (o += " "), o += r);
   return o;
 }
 const Qe = (e) => {
   if (typeof e == "string")
     return e;
-  let r, t = "";
+  let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (r = Qe(e[o])) && (t && (t += " "), t += r);
-  return t;
+    e[o] && (t = Qe(e[o])) && (r && (r += " "), r += t);
+  return r;
 };
-function Hr(e, ...r) {
-  let t, o, n, s = l;
+function Ot(e, ...t) {
+  let r, o, n, s = l;
   function l(c) {
-    const d = r.reduce((m, u) => u(m), e());
-    return t = Gr(d), o = t.cache.get, n = t.cache.set, s = i, i(c);
+    const d = t.reduce((m, u) => u(m), e());
+    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 = Br(c, t);
+    const m = Bt(c, r);
     return n(c, m), m;
   }
   return function() {
-    return s(Or.apply(null, arguments));
+    return s(Ht.apply(null, arguments));
   };
 }
-const $ = (e) => {
-  const r = (t) => t[e] || [];
-  return r.isThemeGetter = !0, r;
-}, Je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ye = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ur = /^\d+\/\d+$/, qr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Xr = /\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$/, Zr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Kr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => Ur.test(e), N = (e) => !!e && !Number.isNaN(Number(e)), q = (e) => !!e && Number.isInteger(Number(e)), ye = (e) => e.endsWith("%") && N(e.slice(0, -1)), O = (e) => qr.test(e), Jr = () => !0, Yr = (e) => (
+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)\(.+\)$/, 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.
-  Xr.test(e) && !Zr.test(e)
-), er = () => !1, et = (e) => Kr.test(e), rt = (e) => Qr.test(e), tt = (e) => !p(e) && !g(e), ot = (e) => te(e, or, er), p = (e) => Je.test(e), K = (e) => te(e, ar, Yr), ve = (e) => te(e, lt, N), Ge = (e) => te(e, rr, er), at = (e) => te(e, tr, rt), ue = (e) => te(e, nr, et), g = (e) => Ye.test(e), ae = (e) => oe(e, ar), nt = (e) => oe(e, ct), We = (e) => oe(e, rr), st = (e) => oe(e, or), it = (e) => oe(e, tr), me = (e) => oe(e, nr, !0), te = (e, r, t) => {
+  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) => 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] ? r(o[1]) : t(o[2]) : !1;
-}, oe = (e, r, t = !1) => {
+  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] ? r(o[1]) : t : !1;
-}, rr = (e) => e === "position" || e === "percentage", tr = (e) => e === "image" || e === "url", or = (e) => e === "length" || e === "size" || e === "bg-size", ar = (e) => e === "length", lt = (e) => e === "number", ct = (e) => e === "family-name", nr = (e) => e === "shadow", dt = () => {
-  const e = $("color"), r = $("font"), t = $("text"), o = $("font-weight"), n = $("tracking"), s = $("leading"), l = $("breakpoint"), i = $("container"), c = $("spacing"), d = $("radius"), m = $("shadow"), u = $("inset-shadow"), b = $("text-shadow"), M = $("drop-shadow"), v = $("blur"), k = $("perspective"), E = $("aspect"), I = $("ease"), A = $("animate"), L = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+  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", 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 $ = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], S = () => [...P(), g, p], V = () => ["auto", "hidden", "clip", "visible", "scroll"], z = () => ["auto", "contain", "none"], y = () => [g, p, c], _ = () => [ee, "full", "auto", ...y()], H = () => [q, "none", "subgrid", g, p], Y = () => ["auto", {
-    span: ["full", q, g, p]
-  }, q, g, p], U = () => [q, "auto", g, p], B = () => ["auto", "min", "max", "fr", g, p], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], G = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], C = () => ["auto", ...y()], T = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...y()], x = () => [e, g, p], ze = () => [...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]
-  }], Le = () => ["no-repeat", {
+  }], ye = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Te = () => ["auto", "cover", "contain", st, ot, {
+  }], ie = () => ["auto", "cover", "contain", sr, or, {
     size: [g, p]
-  }], ge = () => [ye, ae, K], F = () => [
+  }], le = () => [Ne, ce, Q], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -368,35 +368,35 @@ const $ = (e) => {
     d,
     g,
     p
-  ], D = () => ["", N, ae, K], ie = () => ["solid", "dashed", "dotted", "double"], $e = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], j = () => [N, ye, We, Ge], je = () => [
+  ], 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",
     v,
     g,
     p
-  ], le = () => ["none", N, g, p], ce = () => ["none", N, g, p], he = () => [N, g, p], de = () => [ee, "full", ...y()];
+  ], me = () => ["none", M, g, p], fe = () => ["none", M, g, p], ve = () => [M, g, p], pe = () => [re, "full", ...y()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [O],
-      breakpoint: [O],
-      color: [Jr],
-      container: [O],
-      "drop-shadow": [O],
+      blur: [U],
+      breakpoint: [U],
+      color: [Jt],
+      container: [U],
+      "drop-shadow": [U],
       ease: ["in", "out", "in-out"],
-      font: [tt],
+      font: [rr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [O],
+      "inset-shadow": [U],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [O],
-      shadow: [O],
-      spacing: ["px", N],
-      text: [O],
-      "text-shadow": [O],
+      radius: [U],
+      shadow: [U],
+      spacing: ["px", M],
+      text: [U],
+      "text-shadow": [U],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -408,7 +408,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ee, p, g, E]
+        aspect: ["auto", "square", re, p, g, E]
       }],
       /**
        * Container
@@ -421,21 +421,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [N, 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,49 +499,49 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: S()
+        object: P()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: V()
+        overflow: F()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": V()
+        "overflow-x": F()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": V()
+        "overflow-y": F()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: z()
+        overscroll: L()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": z()
+        "overscroll-x": L()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": z()
+        "overscroll-y": L()
       }],
       /**
        * Position
@@ -621,7 +621,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [q, "auto", g, p]
+        z: [X, "auto", g, p]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -631,7 +631,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ee, "full", "auto", i, ...y()]
+        basis: [re, "full", "auto", i, ...y()]
       }],
       /**
        * Flex Direction
@@ -652,28 +652,28 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [N, ee, "auto", "initial", "none", p]
+        flex: [M, re, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", N, g, p]
+        grow: ["", M, g, p]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", N, g, p]
+        shrink: ["", M, g, p]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [q, "first", "last", "none", g, p]
+        order: [X, "first", "last", "none", g, p]
       }],
       /**
        * Grid Template Columns
@@ -687,21 +687,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: Y()
+        col: ee()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": U()
+        "col-start": q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": U()
+        "col-end": q()
       }],
       /**
        * Grid Template Rows
@@ -715,21 +715,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: Y()
+        row: ee()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": U()
+        "row-start": q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": U()
+        "row-end": q()
       }],
       /**
        * Grid Auto Flow
@@ -743,14 +743,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": B()
+        "auto-cols": te()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": B()
+        "auto-rows": te()
       }],
       /**
        * Gap
@@ -778,35 +778,35 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...Z(), "normal"]
+        justify: [...K(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...G(), "normal"]
+        "justify-items": [...B(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...G()]
+        "justify-self": ["auto", ...B()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Z()]
+        content: ["normal", ...K()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...G(), {
+        items: [...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -815,7 +815,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...G(), {
+        self: ["auto", ...B(), {
           baseline: ["", "last"]
         }]
       }],
@@ -824,21 +824,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": Z()
+        "place-content": K()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...G(), "baseline"]
+        "place-items": [...B(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...G()]
+        "place-self": ["auto", ...B()]
       }],
       // Spacing
       /**
@@ -909,63 +909,63 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: C()
+        m: D()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: C()
+        mx: D()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: C()
+        my: D()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: C()
+        ms: D()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: C()
+        me: D()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: C()
+        mt: D()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: C()
+        mr: D()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: C()
+        mb: D()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: C()
+        ml: D()
       }],
       /**
        * Space Between X
@@ -999,14 +999,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: T()
+        size: G()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...T()]
+        w: [i, "screen", ...G()]
       }],
       /**
        * Min-Width
@@ -1018,7 +1018,7 @@ const $ = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...T()
+          ...G()
         ]
       }],
       /**
@@ -1036,7 +1036,7 @@ const $ = (e) => {
           {
             screen: [l]
           },
-          ...T()
+          ...G()
         ]
       }],
       /**
@@ -1044,21 +1044,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...T()]
+        h: ["screen", "lh", ...G()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...T()]
+        "min-h": ["screen", "lh", "none", ...G()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...T()]
+        "max-h": ["screen", "lh", ...G()]
       }],
       // ------------------
       // --- Typography ---
@@ -1068,7 +1068,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", t, ae, K]
+        text: ["base", r, ce, Q]
       }],
       /**
        * Font Smoothing
@@ -1085,21 +1085,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, g, ve]
+        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", ye, 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: [nt, p, r]
+        font: [nr, p, t]
       }],
       /**
        * Font Variant Numeric
@@ -1143,7 +1143,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [N, "none", g, ve]
+        "line-clamp": [M, "none", g, Ce]
       }],
       /**
        * Line Height
@@ -1209,14 +1209,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...ie(), "wavy"]
+        decoration: [...$(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [N, "from-font", "auto", g, K]
+        decoration: [M, "from-font", "auto", g, Q]
       }],
       /**
        * Text Decoration Color
@@ -1230,7 +1230,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [N, "auto", g, p]
+        "underline-offset": [M, "auto", g, p]
       }],
       /**
        * Text Transform
@@ -1327,21 +1327,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ze()
+        bg: ue()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: Le()
+        bg: ye()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Te()
+        bg: ie()
       }],
       /**
        * Background Image
@@ -1351,10 +1351,10 @@ const $ = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, q, g, p],
+          }, X, g, p],
           radial: ["", g, p],
-          conic: [q, g, p]
-        }, it, at]
+          conic: [X, g, p]
+        }, ir, ar]
       }],
       /**
        * Background Color
@@ -1368,21 +1368,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: ge()
+        from: le()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: ge()
+        via: le()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: ge()
+        to: le()
       }],
       /**
        * Gradient Color Stops From
@@ -1413,175 +1413,175 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: F()
+        rounded: j()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": F()
+        "rounded-s": j()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": F()
+        "rounded-e": j()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": F()
+        "rounded-t": j()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": F()
+        "rounded-r": j()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": F()
+        "rounded-b": j()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": F()
+        "rounded-l": j()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": F()
+        "rounded-ss": j()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": F()
+        "rounded-se": j()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": F()
+        "rounded-ee": j()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": F()
+        "rounded-es": j()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": F()
+        "rounded-tl": j()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": F()
+        "rounded-tr": j()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": F()
+        "rounded-br": j()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": F()
+        "rounded-bl": j()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: D()
+        border: C()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": D()
+        "border-x": C()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": D()
+        "border-y": C()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": D()
+        "border-s": C()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": D()
+        "border-e": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": D()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": D()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": D()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": D()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": D()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -1593,7 +1593,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": D()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -1605,14 +1605,14 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...ie(), "hidden", "none"]
+        border: [...$(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...ie(), "hidden", "none"]
+        divide: [...$(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1689,21 +1689,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...ie(), "none", "hidden"]
+        outline: [...$(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [N, g, p]
+        "outline-offset": [M, g, p]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", N, ae, K]
+        outline: ["", M, ce, Q]
       }],
       /**
        * Outline Color
@@ -1725,8 +1725,8 @@ const $ = (e) => {
           "",
           "none",
           m,
-          me,
-          ue
+          he,
+          ge
         ]
       }],
       /**
@@ -1741,7 +1741,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", u, me, ue]
+        "inset-shadow": ["none", u, he, ge]
       }],
       /**
        * Inset Box Shadow Color
@@ -1755,7 +1755,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: D()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -1778,7 +1778,7 @@ const $ = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [N, K]
+        "ring-offset": [M, Q]
       }],
       /**
        * Ring Offset Color
@@ -1794,7 +1794,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": D()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
@@ -1808,7 +1808,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", b, me, ue]
+        "text-shadow": ["none", b, he, ge]
       }],
       /**
        * Text Shadow Color
@@ -1822,21 +1822,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [N, g, p]
+        opacity: [M, g, p]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...$e(), "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": $e()
+        "bg-blend": O()
       }],
       /**
        * Mask Clip
@@ -1857,13 +1857,13 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [N]
+        "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 $ = (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 $ = (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 $ = (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 $ = (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 $ = (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 $ = (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 $ = (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 $ = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": P()
+        "mask-radial-at": I()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [N]
+        "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 $ = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ze()
+        mask: ue()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: Le()
+        mask: ye()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Te()
+        mask: ie()
       }],
       /**
        * Mask Type
@@ -2055,21 +2055,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: je()
+        blur: $e()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [N, g, p]
+        brightness: [M, g, p]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [N, g, p]
+        contrast: [M, g, p]
       }],
       /**
        * Drop Shadow
@@ -2080,9 +2080,9 @@ const $ = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          M,
-          me,
-          ue
+          S,
+          he,
+          ge
         ]
       }],
       /**
@@ -2097,35 +2097,35 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", N, g, p]
+        grayscale: ["", M, g, p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [N, g, p]
+        "hue-rotate": [M, g, p]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", N, g, p]
+        invert: ["", M, g, p]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [N, g, p]
+        saturate: [M, g, p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", N, g, p]
+        sepia: ["", M, g, p]
       }],
       /**
        * Backdrop Filter
@@ -2145,63 +2145,63 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": je()
+        "backdrop-blur": $e()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [N, g, p]
+        "backdrop-brightness": [M, g, p]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [N, g, p]
+        "backdrop-contrast": [M, g, p]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", N, g, p]
+        "backdrop-grayscale": ["", M, g, p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [N, g, p]
+        "backdrop-hue-rotate": [M, g, p]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", N, g, p]
+        "backdrop-invert": ["", M, g, p]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [N, g, p]
+        "backdrop-opacity": [M, g, p]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [N, g, p]
+        "backdrop-saturate": [M, g, p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", N, g, p]
+        "backdrop-sepia": ["", M, g, p]
       }],
       // --------------
       // --- Tables ---
@@ -2270,28 +2270,28 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [N, "initial", g, p]
+        duration: [M, "initial", g, p]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", I, g, p]
+        ease: ["linear", "initial", z, g, p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [N, g, p]
+        delay: [M, g, p]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", A, g, p]
+        animate: ["none", R, g, p]
       }],
       // ------------------
       // --- Transforms ---
@@ -2308,70 +2308,70 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [k, g, p]
+        perspective: [N, g, p]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": S()
+        "perspective-origin": P()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: le()
+        rotate: me()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": le()
+        "rotate-x": me()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": le()
+        "rotate-y": me()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": le()
+        "rotate-z": me()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: ce()
+        scale: fe()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": ce()
+        "scale-x": fe()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": ce()
+        "scale-y": fe()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": ce()
+        "scale-z": fe()
       }],
       /**
        * Scale 3D
@@ -2383,21 +2383,21 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: he()
+        skew: ve()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": he()
+        "skew-x": ve()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": he()
+        "skew-y": ve()
       }],
       /**
        * Transform
@@ -2411,7 +2411,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: S()
+        origin: P()
       }],
       /**
        * Transform Style
@@ -2425,28 +2425,28 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: de()
+        translate: pe()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": de()
+        "translate-x": pe()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": de()
+        "translate-y": pe()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": de()
+        "translate-z": pe()
       }],
       /**
        * Translate None
@@ -2728,7 +2728,7 @@ const $ = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [N, ae, K, ve]
+        stroke: [M, ce, Q, Ce]
       }],
       /**
        * Stroke
@@ -2803,40 +2803,40 @@ const $ = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, ut = /* @__PURE__ */ Hr(dt);
+}, ur = /* @__PURE__ */ Ot(dr);
 function h(...e) {
-  return ut(Ze(e));
+  return ur(Ze(e));
 }
-const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Oe = Ze, X = (e, r) => (t) => {
+const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, He = Ze, Z = (e, t) => (r) => {
   var o;
-  if (r?.variants == null) return Oe(e, t?.class, t?.className);
-  const { variants: n, defaultVariants: s } = r, l = Object.keys(n).map((d) => {
-    const m = t?.[d], u = s?.[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 n[d][b];
-  }), i = t && Object.entries(t).reduce((d, m) => {
+  }), i = r && Object.entries(r).reduce((d, m) => {
     let [u, b] = m;
     return b === void 0 || (d[u] = b), d;
-  }, {}), c = r == null || (o = r.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, m) => {
-    let { class: u, className: b, ...M } = m;
-    return Object.entries(M).every((v) => {
-      let [k, E] = v;
+  }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, m) => {
+    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
-      }[k]) : {
+      }[N]) : {
         ...s,
         ...i
-      }[k] === E;
+      }[N] === E;
     }) ? [
       ...d,
       u,
       b
     ] : d;
   }, []);
-  return Oe(e, l, c, t?.class, t?.className);
-}, mt = X(
+  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,11 +2860,11 @@ const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Oe = Ze, X
       size: "default"
     }
   }
-), Q = w.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: o = !1, disabled: n, ...s }, l) => /* @__PURE__ */ a(
-    o ? Sr : "button",
+), J = w.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: o = !1, disabled: n, ...s }, l) => /* @__PURE__ */ a(
+    o ? St : "button",
     {
-      className: h(mt({ variant: r, size: t, className: e })),
+      className: h(mr({ variant: t, size: r, className: e })),
       ref: l,
       type: s.type || "button",
       disabled: n,
@@ -2873,8 +2873,8 @@ const Be = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Oe = Ze, X
     }
   )
 );
-Q.displayName = "Button";
-const ft = (e) => {
+J.displayName = "Button";
+const fr = (e) => {
   switch (e) {
     case "h1":
       return "text-4xl font-bold leading-tight tracking-tight";
@@ -2901,7 +2901,7 @@ const ft = (e) => {
     default:
       return "text-base font-normal leading-normal";
   }
-}, pt = (e) => {
+}, pr = (e) => {
   switch (e) {
     case "primary":
       return "text-foreground";
@@ -2918,7 +2918,7 @@ const ft = (e) => {
     default:
       return "text-foreground";
   }
-}, gt = (e) => {
+}, gr = (e) => {
   switch (e) {
     case "light":
       return "font-light";
@@ -2933,7 +2933,7 @@ const ft = (e) => {
     default:
       return "";
   }
-}, ht = (e) => {
+}, hr = (e) => {
   switch (e) {
     case "left":
       return "text-left";
@@ -2946,10 +2946,10 @@ const ft = (e) => {
     default:
       return "text-left";
   }
-}, R = ({
+}, A = ({
   variant: e = "body",
-  color: r = "primary",
-  weight: t,
+  color: t = "primary",
+  weight: r,
   align: o = "left",
   truncate: n = !1,
   children: s,
@@ -2957,18 +2957,18 @@ const ft = (e) => {
   as: i,
   ...c
 }) => {
-  const d = i || bt(e), m = h(
+  const d = i || br(e), m = h(
     "m-0",
-    ft(e),
-    pt(r),
-    gt(t),
-    ht(o),
+    fr(e),
+    pr(t),
+    gr(r),
+    hr(o),
     n && "truncate",
     l
   );
   return /* @__PURE__ */ a(d, { className: m, ...c, children: s });
 };
-function bt(e) {
+function br(e) {
   switch (e) {
     case "h1":
       return "h1";
@@ -2986,7 +2986,7 @@ function bt(e) {
       return "p";
   }
 }
-const xt = (e) => {
+const xr = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -2997,7 +2997,7 @@ const xt = (e) => {
     default:
       return "p-0";
   }
-}, yt = (e) => {
+}, yr = (e) => {
   switch (e) {
     case "sm":
       return "shadow-sm";
@@ -3008,7 +3008,7 @@ const xt = (e) => {
     default:
       return "shadow-none";
   }
-}, vt = (e) => {
+}, vr = (e) => {
   switch (e) {
     case "sm":
       return "rounded-sm";
@@ -3019,10 +3019,10 @@ const xt = (e) => {
     default:
       return "rounded-none";
   }
-}, sr = ({
+}, st = ({
   children: e,
-  title: r,
-  subtitle: t,
+  title: t,
+  subtitle: r,
   className: o,
   padding: n = "md",
   shadow: s = "md",
@@ -3031,25 +3031,25 @@ const xt = (e) => {
 }) => {
   const c = !!i, d = h(
     "bg-card",
-    xt(n),
-    yt(s),
-    vt(l),
+    xr(n),
+    yr(s),
+    vr(l),
     "transition-all duration-200 ease-in-out",
     c && "cursor-pointer hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0",
     o
   );
   return /* @__PURE__ */ f("div", { className: d, onClick: i, children: [
-    (r || t) && /* @__PURE__ */ f("div", { className: "mb-4", children: [
-      r && /* @__PURE__ */ a("div", { className: "mb-2", children: /* @__PURE__ */ a(R, { variant: "h3", children: r }) }),
-      t && /* @__PURE__ */ a("div", { className: "text-muted-foreground", children: /* @__PURE__ */ a(R, { variant: "body-sm", color: "muted", children: t }) })
+    (t || r) && /* @__PURE__ */ f("div", { className: "mb-4", children: [
+      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__ */ a("div", { className: "flex-1", children: e })
   ] });
-}, wt = ({
+}, wr = ({
   children: e
-}) => /* @__PURE__ */ a("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Eo = Object.assign(sr, {
-  Footer: wt
-}), kt = (e) => {
+}) => /* @__PURE__ */ a("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Ro = Object.assign(st, {
+  Footer: wr
+}), kr = (e) => {
   switch (e) {
     case "sm":
       return "max-w-md";
@@ -3062,43 +3062,43 @@ const xt = (e) => {
     default:
       return "max-w-2xl";
   }
-}, Nt = ({
+}, Nr = ({
   isOpen: e,
-  onClose: r,
-  title: t,
+  onClose: t,
+  title: r,
   children: o,
   size: n = "md",
   showCloseButton: s = !0,
   closeOnOverlayClick: l = !0,
   closeOnEscape: i = !0
 }) => {
-  const c = Pe.useRef(null);
-  if (be(() => {
+  const c = Ae.useRef(null);
+  if (we(() => {
     if (!e || !i) return;
-    const v = (k) => {
-      k.key === "Escape" && r();
+    const v = (N) => {
+      N.key === "Escape" && t();
     };
     return document.addEventListener("keydown", v), () => document.removeEventListener("keydown", v);
-  }, [e, i, r]), be(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  }, [e, i, t]), we(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
-  }), [e]), be(() => {
+  }), [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",
-    kt(n)
+    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__ */ a(
     "div",
     {
       className: d,
-      onClick: l ? r : void 0,
+      onClick: l ? t : void 0,
       children: /* @__PURE__ */ f(
         "div",
         {
@@ -3108,16 +3108,16 @@ const xt = (e) => {
           tabIndex: -1,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": t ? "modal-title" : void 0,
+          "aria-labelledby": r ? "modal-title" : void 0,
           children: [
-            (t || s) && /* @__PURE__ */ f("div", { className: u, children: [
-              t && /* @__PURE__ */ a(R, { variant: "h3", className: "text-foreground", children: t }),
+            (r || s) && /* @__PURE__ */ f("div", { className: u, children: [
+              r && /* @__PURE__ */ a(A, { variant: "h3", className: "text-foreground", children: r }),
               s && /* @__PURE__ */ a(
                 "button",
                 {
-                  onClick: r,
+                  onClick: t,
                   "aria-label": "Close modal",
-                  className: M,
+                  className: S,
                   children: "×"
                 }
               )
@@ -3128,34 +3128,34 @@ const xt = (e) => {
       )
     }
   );
-}, Ct = ({
+}, Cr = ({
   children: e,
-  actions: r,
-  ...t
-}) => /* @__PURE__ */ f(Nt, { ...t, children: [
+  actions: t,
+  ...r
+}) => /* @__PURE__ */ f(Nr, { ...r, children: [
   /* @__PURE__ */ a("div", { className: "p-6 overflow-y-auto flex-1", children: e }),
-  r && /* @__PURE__ */ a("div", { className: "p-6 border-t border-border flex justify-end gap-3", children: r })
-] }), Io = ({
+  t && /* @__PURE__ */ a("div", { className: "p-6 border-t border-border flex justify-end gap-3", children: t })
+] }), Lo = ({
   isOpen: e,
-  onClose: r,
-  onConfirm: t,
+  onClose: t,
+  onConfirm: r,
   title: o,
   message: n,
   confirmText: s = "Confirm",
   cancelText: l = "Cancel"
 }) => /* @__PURE__ */ a(
-  Ct,
+  Cr,
   {
     isOpen: e,
-    onClose: r,
+    onClose: t,
     title: o,
-    actions: /* @__PURE__ */ f(pe, { children: [
-      /* @__PURE__ */ a(Q, { variant: "secondary", onClick: r, children: l }),
-      /* @__PURE__ */ a(Q, { variant: "default", onClick: t, 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__ */ a(R, { children: n })
+    children: /* @__PURE__ */ a(A, { children: n })
   }
-), Mt = X(
+), Mr = Z(
   [
     // Base styles
     "flex w-full rounded-md border bg-background px-3 py-2",
@@ -3183,7 +3183,7 @@ const xt = (e) => {
       inputSize: "default"
     }
   }
-), St = X(
+), Sr = Z(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3202,7 +3202,7 @@ const xt = (e) => {
       required: !1
     }
   }
-), Pt = X("mt-1.5 text-sm", {
+), Pr = Z("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3213,11 +3213,11 @@ const xt = (e) => {
   defaultVariants: {
     variant: "default"
   }
-}), re = w.forwardRef(
+}), oe = w.forwardRef(
   ({
     className: e,
-    containerClassName: r,
-    labelClassName: t,
+    containerClassName: t,
+    labelClassName: r,
     variant: o,
     inputSize: n,
     label: s,
@@ -3228,16 +3228,16 @@ const xt = (e) => {
     suffix: m,
     id: u,
     ...b
-  }, M) => {
-    const v = w.useId(), k = u || v, E = `${k}-helper`, I = `${k}-error`, A = i ? "error" : o, L = i || l;
-    return /* @__PURE__ */ f("div", { className: h("w-full", r), children: [
+  }, 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__ */ a(
         "label",
         {
-          htmlFor: k,
+          htmlFor: N,
           className: h(
-            St({ variant: A, required: c }),
-            t
+            Sr({ variant: R, required: c }),
+            r
           ),
           children: s
         }
@@ -3247,49 +3247,49 @@ const xt = (e) => {
         /* @__PURE__ */ a(
           "input",
           {
-            id: k,
-            ref: M,
+            id: N,
+            ref: S,
             className: h(
-              Mt({ variant: A, inputSize: n }),
+              Mr({ variant: R, inputSize: n }),
               d && "pl-10",
               m && "pr-10",
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": L ? i ? I : E : void 0,
+            "aria-describedby": k ? i ? z : E : void 0,
             ...b
           }
         ),
         m && /* @__PURE__ */ a("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: m })
       ] }),
-      L && /* @__PURE__ */ a(
+      k && /* @__PURE__ */ a(
         "p",
         {
-          id: i ? I : E,
-          className: Pt({ variant: A }),
+          id: i ? z : E,
+          className: Pr({ variant: R }),
           role: i ? "alert" : void 0,
-          children: L
+          children: k
         }
       )
     ] });
   }
 );
-re.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 Et = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), It = (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,
-  (r, t, o) => o ? o.toUpperCase() : t.toLowerCase()
-), He = (e) => {
-  const r = It(e);
-  return r.charAt(0).toUpperCase() + r.slice(1);
-}, ir = (...e) => e.filter((r, t, o) => !!r && r.trim() !== "" && o.indexOf(r) === t).join(" ").trim(), Rt = (e) => {
-  for (const r in e)
-    if (r.startsWith("aria-") || r === "role" || r === "title")
+  (t, r, o) => o ? o.toUpperCase() : r.toLowerCase()
+), 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)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
 };
 /**
@@ -3298,7 +3298,7 @@ const Et = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), It = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var At = {
+var Ar = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -3315,31 +3315,31 @@ var At = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = qe(
+const Rr = qe(
   ({
     color: e = "currentColor",
-    size: r = 24,
-    strokeWidth: t = 2,
+    size: t = 24,
+    strokeWidth: r = 2,
     absoluteStrokeWidth: o,
     className: n = "",
     children: s,
     iconNode: l,
     ...i
-  }, c) => Ne(
+  }, c) => Pe(
     "svg",
     {
       ref: c,
-      ...At,
-      width: r,
-      height: r,
+      ...Ar,
+      width: t,
+      height: t,
       stroke: e,
-      strokeWidth: o ? Number(t) * 24 / Number(r) : t,
-      className: ir("lucide", n),
-      ...!s && !Rt(i) && { "aria-hidden": "true" },
+      strokeWidth: o ? Number(r) * 24 / Number(t) : r,
+      className: it("lucide", n),
+      ...!s && !zr(i) && { "aria-hidden": "true" },
       ...i
     },
     [
-      ...l.map(([d, m]) => Ne(d, m)),
+      ...l.map(([d, m]) => Pe(d, m)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -3350,20 +3350,20 @@ const zt = qe(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const W = (e, r) => {
-  const t = qe(
-    ({ className: o, ...n }, s) => Ne(zt, {
+const W = (e, t) => {
+  const r = qe(
+    ({ className: o, ...n }, s) => Pe(Rr, {
       ref: s,
-      iconNode: r,
-      className: ir(
-        `lucide-${Et(He(e))}`,
+      iconNode: t,
+      className: it(
+        `lucide-${Ir(Oe(e))}`,
         `lucide-${e}`,
         o
       ),
       ...n
     })
   );
-  return t.displayName = He(e), t;
+  return r.displayName = Oe(e), r;
 };
 /**
  * @license lucide-react v0.547.0 - ISC
@@ -3371,7 +3371,7 @@ const W = (e, r) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = [
+const Lr = [
   ["path", { d: "M10 4 8 6", key: "1rru8s" }],
   ["path", { d: "M17 19v2", key: "ts1sot" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }],
@@ -3383,26 +3383,26 @@ const Lt = [
       key: "14ym8i"
     }
   ]
-], Tt = W("bath", Lt);
+], Tr = W("bath", Lr);
 /**
  * @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 $t = [
+const jr = [
   ["path", { d: "M2 4v16", key: "vw9hq8" }],
   ["path", { d: "M2 8h18a2 2 0 0 1 2 2v10", key: "1dgv2r" }],
   ["path", { d: "M2 17h20", key: "18nfp3" }],
   ["path", { d: "M6 8v9", key: "1yriud" }]
-], jt = W("bed", $t);
+], $r = W("bed", jr);
 /**
  * @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 Vt = [
+const Vr = [
   [
     "path",
     {
@@ -3413,48 +3413,48 @@ const Vt = [
   ["circle", { cx: "7", cy: "17", r: "2", key: "u2ysq9" }],
   ["path", { d: "M9 17h6", key: "r8uit2" }],
   ["circle", { cx: "17", cy: "17", r: "2", key: "axvx0g" }]
-], Ft = W("car", Vt);
+], 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 _t = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Dt = W("chevron-down", _t);
+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 Gt = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Wt = W("chevron-left", Gt);
+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 Bt = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ot = W("chevron-right", Bt);
+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 Ht = [
+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" }]
-], Ut = W("grid-3x3", Ht);
+], Ur = W("grid-3x3", Or);
 /**
  * @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 qt = [
+const qr = [
   [
     "path",
     {
@@ -3462,29 +3462,61 @@ const qt = [
       key: "mvr1a0"
     }
   ]
-], Xt = W("heart", qt);
+], Xr = W("heart", 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 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",
+    {
+      d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
+      key: "1r0f0z"
+    }
+  ],
+  ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
+], 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 Zt = [
+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" }]
-], Kt = W("maximize", Zt);
+], 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 Qt = [
+const to = [
   ["path", { d: "M16 7h6v6", key: "box55l" }],
   ["path", { d: "m22 7-8.5 8.5-5-5L2 17", key: "1t1m79" }]
-], Jt = W("trending-up", Qt), Yt = X(
+], ro = W("trending-up", to), oo = Z(
   [
     // Base styles
     "flex w-full rounded-md border bg-background px-3 py-2",
@@ -3511,7 +3543,7 @@ const Qt = [
       selectSize: "default"
     }
   }
-), eo = X(
+), ao = Z(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3530,7 +3562,7 @@ const Qt = [
       required: !1
     }
   }
-), ro = X("mt-1.5 text-sm", {
+), no = Z("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3541,11 +3573,11 @@ const Qt = [
   defaultVariants: {
     variant: "default"
   }
-}), lr = w.forwardRef(
+}), lt = w.forwardRef(
   ({
     className: e,
-    containerClassName: r,
-    labelClassName: t,
+    containerClassName: t,
+    labelClassName: r,
     variant: o,
     selectSize: n,
     label: s,
@@ -3556,16 +3588,16 @@ const Qt = [
     placeholder: m,
     id: u,
     ...b
-  }, M) => {
-    const v = w.useId(), k = u || v, E = `${k}-helper`, I = `${k}-error`, A = i ? "error" : o, L = i || l;
-    return /* @__PURE__ */ f("div", { className: h("w-full", r), children: [
+  }, 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__ */ a(
         "label",
         {
-          htmlFor: k,
+          htmlFor: N,
           className: h(
-            eo({ variant: A, required: c }),
-            t
+            ao({ variant: R, required: c }),
+            r
           ),
           children: s
         }
@@ -3574,73 +3606,73 @@ const Qt = [
         /* @__PURE__ */ f(
           "select",
           {
-            id: k,
-            ref: M,
+            id: N,
+            ref: S,
             className: h(
-              Yt({ variant: A, selectSize: n }),
+              oo({ variant: R, selectSize: n }),
               "pr-10",
               // Space for chevron icon
               e
             ),
             "aria-invalid": i ? "true" : "false",
-            "aria-describedby": L ? i ? I : E : void 0,
+            "aria-describedby": k ? i ? z : E : void 0,
             ...b,
             children: [
               m && /* @__PURE__ */ a("option", { value: "", disabled: !0, children: m }),
-              d.map((P) => /* @__PURE__ */ a(
+              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__ */ a("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ a(Dt, { 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__ */ a(
+      k && /* @__PURE__ */ a(
         "p",
         {
-          id: i ? I : E,
-          className: ro({ variant: A }),
+          id: i ? z : E,
+          className: no({ variant: R }),
           role: i ? "alert" : void 0,
-          children: L
+          children: k
         }
       )
     ] });
   }
 );
-lr.displayName = "Select";
-function to(e, r, t, o, n, s) {
-  const l = (e - 90) * Math.PI / 180, i = (r - 90) * Math.PI / 180, c = n + t * Math.cos(l), d = s + t * Math.sin(l), m = n + t * Math.cos(i), u = s + t * Math.sin(i), b = n + o * Math.cos(i), M = s + o * Math.sin(i), v = n + o * Math.cos(l), k = s + o * Math.sin(l), E = r - e > 180 ? 1 : 0;
+lt.displayName = "Select";
+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 ${t} ${t} 0 ${E} 1 ${m} ${u}`,
+    `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 ${v} ${k}`,
+    `A ${o} ${o} 0 ${E} 0 ${v} ${N}`,
     // Inner arc (reverse)
     "Z"
     // Close path
   ].join(" ");
 }
-function oo(e, r, t, o, n) {
+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 = to(
+    const d = c.value / s * 360, m = l, u = l + d, b = so(
       m,
       u,
-      r,
       t,
+      r,
       o,
       n
     );
@@ -3650,11 +3682,11 @@ function oo(e, r, t, o, n) {
     }), l = u;
   }), i;
 }
-const cr = w.forwardRef(
+const ct = w.forwardRef(
   ({
     segments: e,
-    size: r = 300,
-    innerRadiusRatio: t = 0.6,
+    size: t = 300,
+    innerRadiusRatio: r = 0.6,
     centerContent: o,
     showLegend: n = !1,
     legendPosition: s = "bottom",
@@ -3662,22 +3694,22 @@ const cr = w.forwardRef(
     onSegmentClick: i,
     onSegmentHover: c
   }, d) => {
-    const [m, u] = w.useState(null), b = r / 2, M = r / 2, v = 2, k = r / 2 - v, E = k * t, I = oo(
+    const [m, u] = w.useState(null), b = t / 2, S = t / 2, v = 2, N = t / 2 - v, E = N * r, z = io(
       e,
-      k,
+      N,
       E,
       b,
-      M
-    ), A = (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
@@ -3687,25 +3719,25 @@ const cr = w.forwardRef(
             "div",
             {
               className: "relative inline-block",
-              style: { width: r, height: r },
+              style: { width: t, height: t },
               children: [
-                /* @__PURE__ */ a("svg", { width: r, height: r, viewBox: `0 0 ${r} ${r}`, children: I.map(({ path: P, segment: S }, V) => /* @__PURE__ */ a(
+                /* @__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: v,
                     className: h(
                       "transition-opacity duration-200",
-                      m && m !== S && "opacity-50",
+                      m && m !== P && "opacity-50",
                       i && "cursor-pointer"
                     ),
-                    onMouseEnter: () => A(S),
-                    onMouseLeave: () => A(null),
-                    onClick: () => i?.(S)
+                    onMouseEnter: () => R(P),
+                    onMouseLeave: () => R(null),
+                    onClick: () => i?.(P)
                   },
-                  `${S.label}-${V}`
+                  `${P.label}-${F}`
                 )) }),
                 o && /* @__PURE__ */ a(
                   "div",
@@ -3723,31 +3755,31 @@ const cr = w.forwardRef(
             {
               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: () => A(P),
-                  onMouseLeave: () => A(null),
-                  onClick: () => i?.(P),
+                  onMouseEnter: () => R(I),
+                  onMouseLeave: () => R(null),
+                  onClick: () => i?.(I),
                   children: [
                     /* @__PURE__ */ a(
                       "div",
                       {
                         className: "h-3 w-3 rounded-sm flex-shrink-0",
-                        style: { backgroundColor: P.color }
+                        style: { backgroundColor: I.color }
                       }
                     ),
-                    /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: P.label })
+                    /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: I.label })
                   ]
                 },
-                `${P.label}-${S}`
+                `${I.label}-${P}`
               ))
             }
           )
@@ -3756,41 +3788,41 @@ const cr = w.forwardRef(
     );
   }
 );
-cr.displayName = "DonutChart";
-function ao(e, r) {
-  return !r || r === "all" ? e : e.filter((t) => t.categoryId === r);
+ct.displayName = "DonutChart";
+function lo(e, t) {
+  return !t || t === "all" ? e : e.filter((r) => r.categoryId === t);
 }
-function no(e, r) {
-  const t = [...e];
-  return t.sort((o, n) => {
+function co(e, t) {
+  const r = [...e];
+  return r.sort((o, n) => {
     let s = "", l = "";
-    return r.column === "title" ? (s = o.title.toLowerCase(), l = n.title.toLowerCase()) : r.column === "metric" && (s = Ue(o.metricValue), l = Ue(n.metricValue)), s < l ? r.direction === "asc" ? -1 : 1 : s > l ? r.direction === "asc" ? 1 : -1 : 0;
-  }), t;
+    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) {
   if (!e) return 0;
-  const r = e.match(/[\d.]+/);
-  return r ? parseFloat(r[0]) : 0;
+  const t = e.match(/[\d.]+/);
+  return t ? parseFloat(t[0]) : 0;
 }
-function so(e, r) {
-  return r === "all" ? e.length : e.filter((t) => t.categoryId === r).length;
+function uo(e, t) {
+  return t === "all" ? e.length : e.filter((r) => r.categoryId === t).length;
 }
-function Ro(e, r, t = {}) {
+function To(e, t, r = {}) {
   const {
     initialCategory: o = null,
     initialSort: n = null,
     enableSearch: s = !1
-  } = t, [l, i] = se(
+  } = r, [l, i] = ae(
     o
-  ), [c, d] = se(n), [m, u] = se(""), b = xe(() => ao(e, l), [e, l]), M = xe(() => {
+  ), [c, d] = ae(n), [m, u] = ae(""), b = ke(() => lo(e, l), [e, l]), S = ke(() => {
     if (!s || !m.trim())
       return b;
-    const I = m.toLowerCase();
+    const z = m.toLowerCase();
     return b.filter(
-      (A) => A.title.toLowerCase().includes(I) || A.subtitle?.toLowerCase().includes(I)
+      (R) => R.title.toLowerCase().includes(z) || R.subtitle?.toLowerCase().includes(z)
     );
-  }, [b, m, s]), v = xe(() => c ? no(M, c) : M, [M, c]), k = Ve(
-    (I) => so(e, I),
+  }, [b, m, s]), v = ke(() => c ? co(S, c) : S, [S, c]), N = Ve(
+    (z) => uo(e, z),
     [e]
   ), E = Ve(() => {
     i(o), d(n), u("");
@@ -3803,11 +3835,11 @@ function Ro(e, r, t = {}) {
     searchQuery: m,
     setSearchQuery: u,
     filteredEntities: v,
-    getCategoryCount: k,
+    getCategoryCount: N,
     resetFilters: E
   };
 }
-const io = X(
+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: {
@@ -3829,11 +3861,11 @@ const io = X(
       size: "default"
     }
   }
-), Re = w.forwardRef(
+), Te = w.forwardRef(
   ({
     className: e,
-    variant: r,
-    size: t,
+    variant: t,
+    size: r,
     icon: o,
     selected: n,
     dismissible: s,
@@ -3845,7 +3877,7 @@ const io = X(
     "button",
     {
       type: "button",
-      className: h(io({ variant: n ? "selected" : r, size: t, className: e })),
+      className: h(mo({ variant: n ? "selected" : t, size: r, className: e })),
       ref: m,
       disabled: c,
       "aria-disabled": c ? "true" : void 0,
@@ -3870,12 +3902,12 @@ const io = X(
     }
   )
 );
-Re.displayName = "Chip";
-const dr = w.forwardRef(
+Te.displayName = "Chip";
+const dt = w.forwardRef(
   ({
     categories: e,
-    activeCategory: r,
-    onCategoryChange: t,
+    activeCategory: t,
+    onCategoryChange: r,
     showCount: o,
     getCategoryCount: n,
     className: s
@@ -3890,9 +3922,9 @@ const dr = w.forwardRef(
         s
       ),
       children: e.map((i) => {
-        const c = r === i.id, d = o && n ? n(i.id) : void 0;
+        const c = t === i.id, d = o && n ? n(i.id) : void 0;
         return /* @__PURE__ */ f(
-          Re,
+          Te,
           {
             role: "tab",
             "aria-selected": c,
@@ -3900,7 +3932,7 @@ const dr = w.forwardRef(
             selected: c,
             variant: c ? "selected" : "outline",
             icon: typeof i.icon == "string" ? i.icon : i.icon ? w.createElement(i.icon) : void 0,
-            onClick: () => t(c ? null : i.id),
+            onClick: () => r(c ? null : i.id),
             children: [
               i.label,
               d !== void 0 && /* @__PURE__ */ f("span", { className: "ml-1.5 opacity-70", children: [
@@ -3916,9 +3948,11 @@ const dr = w.forwardRef(
     }
   )
 );
-dr.displayName = "CategoryChips";
-const lo = (e) => {
-  switch (e.variant || co(e.type)) {
+dt.displayName = "CategoryChips";
+const fo = (e, t) => {
+  if (t)
+    return "text-accent";
+  switch (e.variant || po(e.type)) {
     case "primary":
       return "bg-primary text-primary-foreground";
     case "secondary":
@@ -3934,7 +3968,7 @@ const lo = (e) => {
     default:
       return "bg-secondary text-secondary-foreground";
   }
-}, co = (e) => {
+}, po = (e) => {
   switch (e) {
     case "Venta":
       return "primary";
@@ -3947,163 +3981,217 @@ const lo = (e) => {
     default:
       return "secondary";
   }
-}, Ao = ({
+}, jo = ({
   property: e,
-  className: r,
-  onLike: t,
+  className: t,
+  onLike: r,
   onImageClick: o,
   showLikeButton: n = !0,
-  showNavigation: s = !0
+  showNavigation: s = !0,
+  variant: l = "default",
+  badgeColors: i
 }) => {
-  const [l, i] = se(0), [c, d] = se(!1), m = () => {
-    i(
+  const [c, d] = ae(0), [m, u] = ae(!1), [b, S] = ae(!1), v = () => {
+    d(
       (C) => C === e.images.length - 1 ? 0 : C + 1
-    );
-  }, u = () => {
-    i(
+    ), S(!1);
+  }, N = () => {
+    d(
       (C) => C === 0 ? e.images.length - 1 : C - 1
-    );
-  }, b = (C) => {
+    ), S(!1);
+  }, E = (C) => {
     C.preventDefault(), C.stopPropagation();
-    const T = !c;
-    d(T), t?.(e.id, T);
-  }, M = (C) => {
-    C.preventDefault(), C.stopPropagation(), o?.(l, e.id);
-  }, v = (C, T) => !C || !T ? "Price not available" : `$${C.toLocaleString()} ${T}`, k = h(
-    "relative overflow-hidden bg-card rounded-2xl shadow-md transition-all duration-300 ease-out cursor-pointer hover:-translate-y-1 hover:shadow-xl",
-    r
-  ), E = h("relative overflow-hidden"), I = h(
-    "w-full h-full object-cover transition-transform duration-300 hover:scale-105"
-  ), A = h("absolute top-4 left-4 flex flex-wrap gap-1 z-10"), L = h(
-    "px-2 py-1 rounded-lg text-xs font-medium uppercase tracking-wide"
+    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",
+    k ? "rounded-xl hover:shadow-lg" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl",
+    k && "border px-4",
+    t
   ), P = h(
-    "absolute top-4 right-4 z-10 bg-background/90 backdrop-blur-sm border border-border/20 text-foreground rounded-full w-10 h-10 flex items-center justify-center cursor-pointer transition-all duration-200 hover:bg-background hover:scale-105"
-  ), S = h(
+    "relative overflow-hidden",
+    k && "rounded-xl px-4 shadow-md"
+  ), F = h(
+    "w-full h-full object-cover",
+    !k && "transition-transform duration-300 hover:scale-105"
+  ), L = h(
+    "absolute z-10 flex flex-wrap gap-2",
+    k ? "top-3 left-3" : "top-4 left-4"
+  ), y = h(
+    "text-xs font-semibold",
+    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",
+    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"
-  ), V = h(
+  ), ee = h(
     "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-1 z-10"
-  ), z = h(
+  ), q = h(
     "w-2 h-2 rounded-full border-none cursor-pointer transition-all duration-200 hover:scale-120"
-  ), y = h("p-6"), _ = h(
-    "text-lg font-bold text-foreground mb-2 line-clamp-2 leading-tight"
-  ), H = h("text-xl font-bold text-primary mb-2"), Y = h("text-base text-muted-foreground mb-4"), U = h("flex items-center gap-4 mb-4"), B = h(
-    "flex items-center gap-1 text-sm text-muted-foreground"
-  ), Z = h("text-sm text-muted-foreground line-clamp-2"), G = /* @__PURE__ */ f("div", { className: k, children: [
-    /* @__PURE__ */ f("div", { className: h(E, "aspect-[4/3] bg-red-500"), children: [
-      /* @__PURE__ */ a(
+  ), te = h(k ? "p-2" : "p-6"), K = h(
+    "font-semibold text-foreground mb-2 line-clamp-2 leading-tight",
+    k ? "text-base" : "text-lg font-bold"
+  ), B = h(
+    "font-bold text-primary mb-2",
+    k ? "text-lg" : "text-xl"
+  ), D = h(
+    "text-muted-foreground mb-4",
+    k ? "text-sm flex items-center gap-1" : "text-base"
+  ), G = h(
+    "flex items-center mb-4",
+    k ? "justify-between mt-3" : "gap-4"
+  ), x = h(
+    "flex items-center gap-1 text-muted-foreground",
+    "text-sm"
+  ), ue = h(
+    "text-sm text-muted-foreground line-clamp-2",
+    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[l],
+          src: e.images[c],
           alt: e.title,
-          className: I,
-          onClick: o ? M : void 0
+          className: F,
+          onClick: o ? z : void 0,
+          onError: () => S(!0)
         }
       ),
-      /* @__PURE__ */ a("div", { className: A, children: e.transactionTypes.map((C, T) => /* @__PURE__ */ a(
-        "span",
-        {
-          className: h(
-            L,
-            lo(C)
-          ),
-          children: C.type
-        },
-        T
-      )) }),
+      /* @__PURE__ */ a("div", { className: L, children: e.transactionTypes.map((C, $) => {
+        const O = i?.[C.type];
+        return /* @__PURE__ */ a(
+          "span",
+          {
+            className: h(
+              y,
+              fo(C, O)
+            ),
+            style: O ? { backgroundColor: O } : void 0,
+            children: C.type
+          },
+          $
+        );
+      }) }),
       n && /* @__PURE__ */ a(
         "button",
         {
-          onClick: b,
-          className: P,
-          "aria-label": c ? "Unlike property" : "Like property",
-          children: /* @__PURE__ */ a(
-            Xt,
+          onClick: E,
+          className: _,
+          "aria-label": m ? "Unlike property" : "Like property",
+          children: k ? /* @__PURE__ */ a(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: m ? "red" : "none",
+              viewBox: "0 0 24 24",
+              strokeWidth: 2,
+              stroke: m ? "red" : "currentColor",
+              className: "h-5 w-5",
+              children: /* @__PURE__ */ a(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733C11.285 4.876 9.623 3.75 7.688 3.75 5.099 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"
+                }
+              )
+            }
+          ) : /* @__PURE__ */ a(
+            Xr,
             {
               size: 20,
-              fill: c ? "currentColor" : "none",
-              className: c ? "text-destructive" : ""
+              fill: m ? "currentColor" : "none",
+              className: m ? "text-destructive" : ""
             }
           )
         }
       ),
-      s && e.images.length > 1 && /* @__PURE__ */ f(pe, { children: [
+      !k && s && !ie && e.images.length > 1 && /* @__PURE__ */ f(xe, { children: [
         /* @__PURE__ */ a(
-          Q,
+          J,
           {
             onClick: (C) => {
-              C.preventDefault(), C.stopPropagation(), u();
+              C.preventDefault(), C.stopPropagation(), N();
             },
-            className: h(S, "left-4"),
+            className: h(H, "left-4"),
             "aria-label": "Previous image",
-            children: /* @__PURE__ */ a(Wt, { size: 20 })
+            children: /* @__PURE__ */ a(Wr, { size: 20 })
           }
         ),
         /* @__PURE__ */ a(
-          Q,
+          J,
           {
             onClick: (C) => {
-              C.preventDefault(), C.stopPropagation(), m();
+              C.preventDefault(), C.stopPropagation(), v();
             },
-            className: h(S, "right-4"),
+            className: h(H, "right-4"),
             "aria-label": "Next image",
-            children: /* @__PURE__ */ a(Ot, { size: 20 })
+            children: /* @__PURE__ */ a(Hr, { size: 20 })
           }
         ),
-        /* @__PURE__ */ a("div", { className: V, children: e.images.map((C, T) => /* @__PURE__ */ a(
+        /* @__PURE__ */ a("div", { className: ee, children: e.images.map((C, $) => /* @__PURE__ */ a(
           "button",
           {
             className: h(
-              z,
-              T === l ? "bg-background" : "bg-background/50"
+              q,
+              $ === c ? "bg-background" : "bg-background/50"
             ),
-            onClick: (x) => {
-              x.preventDefault(), x.stopPropagation(), i(T);
+            onClick: (O) => {
+              O.preventDefault(), O.stopPropagation(), d($);
             },
-            "aria-label": `Go to image ${T + 1}`,
-            "aria-current": T === l
+            "aria-label": `Go to image ${$ + 1}`,
+            "aria-current": $ === c
           },
-          T
+          $
         )) })
       ] })
     ] }),
-    /* @__PURE__ */ f("div", { className: y, children: [
-      /* @__PURE__ */ a("h3", { className: _, children: e.title }),
-      /* @__PURE__ */ a("p", { className: H, children: v(e.price?.amount, e.price?.currency) }),
-      /* @__PURE__ */ f("p", { className: Y, children: [
+    /* @__PURE__ */ f("div", { className: te, children: [
+      /* @__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: U, children: [
-        /* @__PURE__ */ f("div", { className: B, children: [
-          /* @__PURE__ */ a(jt, { size: 16 }),
+      /* @__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: B, children: [
-          /* @__PURE__ */ a(Tt, { size: 16 }),
+        /* @__PURE__ */ f("div", { className: x, children: [
+          /* @__PURE__ */ a(Tr, { size: 16 }),
           /* @__PURE__ */ a("span", { children: e.features.bathrooms })
         ] }),
-        /* @__PURE__ */ f("div", { className: B, children: [
-          /* @__PURE__ */ a(Ft, { size: 16 }),
+        /* @__PURE__ */ f("div", { className: x, children: [
+          /* @__PURE__ */ a(Fr, { size: 16 }),
           /* @__PURE__ */ a("span", { children: e.features.parking })
         ] }),
-        /* @__PURE__ */ f("div", { className: B, children: [
-          /* @__PURE__ */ a(Kt, { 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__ */ a("p", { className: Z, children: e.amenities.join(", ") })
+      e.amenities.length > 0 && /* @__PURE__ */ a("p", { className: ue, children: e.amenities.join(", ") })
     ] })
   ] });
-  return e.href ? /* @__PURE__ */ a("a", { href: e.href, className: "no-underline text-inherit", children: G }) : G;
-}, uo = Pe.forwardRef(
+  return e.href ? /* @__PURE__ */ a("a", { href: e.href, className: "no-underline text-inherit", children: j }) : j;
+}, go = Ae.forwardRef(
   ({
     images: e,
-    transactionType: r,
-    totalPhotos: t,
+    transactionType: t,
+    totalPhotos: r,
     onViewAllClick: o,
     onImageClick: n,
     className: s
@@ -4117,7 +4205,7 @@ const lo = (e) => {
         ref: l,
         className: h("w-full h-full grid grid-cols-2 gap-2", s),
         children: [
-          /* @__PURE__ */ a("div", { className: "relative col-span-1 row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: i[0] ? /* @__PURE__ */ f(pe, { children: [
+          /* @__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",
               {
@@ -4127,7 +4215,7 @@ const lo = (e) => {
                 onClick: () => c(0)
               }
             ),
-            r && /* @__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: r }) })
+            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",
@@ -4156,7 +4244,7 @@ const lo = (e) => {
               onClick: () => c(3)
             }
           ) : /* @__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(pe, { children: [
+          /* @__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",
               {
@@ -4166,7 +4254,7 @@ const lo = (e) => {
                 onClick: () => c(4)
               }
             ),
-            t && t > 5 && /* @__PURE__ */ a("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) => {
@@ -4174,10 +4262,10 @@ const lo = (e) => {
                 },
                 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__ */ a(Ut, { 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 ",
-                    t,
+                    r,
                     " fotos"
                   ] })
                 ]
@@ -4189,23 +4277,23 @@ const lo = (e) => {
     );
   }
 );
-uo.displayName = "PropertyGallery";
-const ur = w.forwardRef(({ title: e, description: r, className: t }, o) => /* @__PURE__ */ f("div", { ref: o, className: h("space-y-1.5", t), children: [
-  /* @__PURE__ */ a(R, { variant: "h2", className: "font-bold", children: e }),
-  r && /* @__PURE__ */ a(R, { variant: "body", className: "text-muted-foreground", children: r })
+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 })
 ] }));
-ur.displayName = "EntityDirectoryHeader";
-const mr = w.forwardRef(
+ut.displayName = "EntityDirectoryHeader";
+const mt = w.forwardRef(
   ({
     entity: e,
-    categories: r,
-    showIcon: t = !0,
+    categories: t,
+    showIcon: r = !0,
     showCategoryBadge: o = !0,
     showMetric: n = !0,
     compact: s = !1,
     className: l
   }, i) => {
-    const c = r?.find((b) => b.id === e.categoryId), d = !!e.onClick, m = () => {
+    const c = t?.find((b) => b.id === e.categoryId), d = !!e.onClick, m = () => {
       e.onClick && !e.disabled && e.onClick();
     }, u = (b) => {
       d && (b.key === "Enter" || b.key === " ") && (b.preventDefault(), m());
@@ -4227,7 +4315,7 @@ const mr = w.forwardRef(
           l
         ),
         children: [
-          t && /* @__PURE__ */ a(
+          r && /* @__PURE__ */ a(
             "div",
             {
               className: h(
@@ -4240,7 +4328,7 @@ const mr = w.forwardRef(
           ),
           /* @__PURE__ */ f("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ a(
-              R,
+              A,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-semibold truncate",
@@ -4248,7 +4336,7 @@ const mr = w.forwardRef(
               }
             ),
             e.subtitle && /* @__PURE__ */ a(
-              R,
+              A,
               {
                 variant: s ? "caption" : "body-sm",
                 className: "text-muted-foreground truncate",
@@ -4257,7 +4345,7 @@ const mr = w.forwardRef(
             )
           ] }),
           o && c && /* @__PURE__ */ a(
-            Re,
+            Te,
             {
               variant: "secondary",
               size: s ? "sm" : "default",
@@ -4268,25 +4356,25 @@ const mr = w.forwardRef(
           ),
           n && e.metricValue && /* @__PURE__ */ f("div", { className: "flex-shrink-0 text-right min-w-[4rem]", children: [
             /* @__PURE__ */ a(
-              R,
+              A,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-medium",
                 children: e.metricValue
               }
             ),
-            e.metricLabel && /* @__PURE__ */ a(R, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
+            e.metricLabel && /* @__PURE__ */ a(A, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
           ] })
         ]
       }
     );
   }
 );
-mr.displayName = "EntityDirectoryListItem";
-const fr = w.forwardRef(({ columns: e, showIcon: r, sort: t, onSortChange: o, compact: n, className: s }, l) => {
+mt.displayName = "EntityDirectoryListItem";
+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 = t?.column === u && t?.direction === "asc" ? "desc" : "asc";
+    const b = r?.column === u && r?.direction === "asc" ? "desc" : "asc";
     o({
       column: u,
       direction: b
@@ -4295,7 +4383,7 @@ const fr = w.forwardRef(({ columns: e, showIcon: r, sort: t, onSortChange: o, co
     i(u);
   }, d = (u, b) => {
     (u.key === "Enter" || u.key === " ") && (u.preventDefault(), i(b));
-  }, m = (u) => u !== "title" && u !== "metric" ? null : !t || t.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: t.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",
     {
@@ -4307,14 +4395,14 @@ const fr = w.forwardRef(({ columns: e, showIcon: r, sort: t, onSortChange: o, co
         s
       ),
       children: [
-        r && /* @__PURE__ */ a("div", { className: n ? "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 = t?.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 ? t?.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",
@@ -4322,7 +4410,7 @@ const fr = w.forwardRef(({ columns: e, showIcon: r, sort: t, 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,
@@ -4340,12 +4428,12 @@ const fr = w.forwardRef(({ columns: e, showIcon: r, sort: t, onSortChange: o, co
     }
   );
 });
-fr.displayName = "EntityDirectoryTableHeader";
-const pr = w.forwardRef(
+ft.displayName = "EntityDirectoryTableHeader";
+const pt = w.forwardRef(
   ({
     entities: e,
-    categories: r,
-    showIcons: t = !0,
+    categories: t,
+    showIcons: r = !0,
     showCategoryBadges: o = !0,
     showMetric: n = !0,
     metricLabel: s,
@@ -4356,7 +4444,7 @@ const pr = w.forwardRef(
     renderItem: m,
     className: u
   }, b) => {
-    const M = [
+    const S = [
       {
         key: "title",
         label: s ? "Nombre" : "Name",
@@ -4381,10 +4469,10 @@ const pr = w.forwardRef(
         className: h("border border-border rounded-lg overflow-hidden", u),
         children: [
           /* @__PURE__ */ a(
-            fr,
+            ft,
             {
-              columns: M,
-              showIcon: t,
+              columns: S,
+              showIcon: r,
               sort: i,
               onSortChange: c,
               compact: d
@@ -4392,11 +4480,11 @@ const pr = w.forwardRef(
           ),
           /* @__PURE__ */ a("div", { role: "rowgroup", children: e.map(
             (v) => m ? /* @__PURE__ */ a(w.Fragment, { children: m(v) }, v.id) : /* @__PURE__ */ a(
-              mr,
+              mt,
               {
                 entity: v,
-                categories: r,
-                showIcon: t,
+                categories: t,
+                showIcon: r,
                 showCategoryBadge: o,
                 showMetric: n,
                 compact: d
@@ -4409,8 +4497,8 @@ const pr = w.forwardRef(
     );
   }
 );
-pr.displayName = "EntityDirectoryList";
-const gr = w.forwardRef(({ message: e = "No entities found", icon: r, action: t, className: o }, n) => /* @__PURE__ */ f(
+pt.displayName = "EntityDirectoryList";
+const gt = w.forwardRef(({ message: e = "No entities found", icon: t, action: r, className: o }, n) => /* @__PURE__ */ f(
   "div",
   {
     ref: n,
@@ -4421,14 +4509,14 @@ const gr = w.forwardRef(({ message: e = "No entities found", icon: r, action: t,
       o
     ),
     children: [
-      r && /* @__PURE__ */ a("div", { className: "mb-4 text-4xl opacity-50", "aria-hidden": "true", children: r }),
-      /* @__PURE__ */ a(R, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
-      t && /* @__PURE__ */ a(Q, { variant: "outline", onClick: t.onClick, children: t.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 })
     ]
   }
 ));
-gr.displayName = "EntityDirectoryEmptyState";
-const hr = w.forwardRef(({ error: e, onRetry: r, className: t }, o) => {
+gt.displayName = "EntityDirectoryEmptyState";
+const ht = w.forwardRef(({ error: e, onRetry: t, className: r }, o) => {
   const n = typeof e == "string" ? e : e.message;
   return /* @__PURE__ */ f(
     "div",
@@ -4438,26 +4526,26 @@ const hr = w.forwardRef(({ error: e, onRetry: r, className: t }, o) => {
       "aria-live": "assertive",
       className: h(
         "flex flex-col items-center justify-center py-12 px-4 text-center",
-        t
+        r
       ),
       children: [
         /* @__PURE__ */ a("div", { className: "mb-4 text-4xl", "aria-hidden": "true", children: "⚠️" }),
-        /* @__PURE__ */ a(R, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
-        /* @__PURE__ */ a(R, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
-        r && /* @__PURE__ */ a(Q, { variant: "outline", onClick: r, children: "Try Again" })
+        /* @__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" })
       ]
     }
   );
 });
-hr.displayName = "EntityDirectoryErrorState";
-const br = w.forwardRef(({ rows: e = 5, className: r }, t) => /* @__PURE__ */ f(
+ht.displayName = "EntityDirectoryErrorState";
+const bt = w.forwardRef(({ rows: e = 5, className: t }, r) => /* @__PURE__ */ f(
   "div",
   {
-    ref: t,
+    ref: r,
     role: "status",
     "aria-live": "polite",
     "aria-label": "Loading entities",
-    className: h("space-y-3", r),
+    className: h("space-y-3", t),
     children: [
       Array.from({ length: e }).map((o, n) => /* @__PURE__ */ f(
         "div",
@@ -4479,8 +4567,8 @@ const br = w.forwardRef(({ rows: e = 5, className: r }, t) => /* @__PURE__ */ f(
     ]
   }
 ));
-br.displayName = "EntityDirectoryLoadingState";
-const xr = w.forwardRef(({ value: e, onChange: r, placeholder: t = "Search entities...", className: o }, n) => /* @__PURE__ */ f("div", { className: h("relative", o), children: [
+bt.displayName = "EntityDirectoryLoadingState";
+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",
     {
@@ -4507,8 +4595,8 @@ const xr = w.forwardRef(({ value: e, onChange: r, placeholder: t = "Search entit
       ref: n,
       type: "search",
       value: e,
-      onChange: (s) => r(s.target.value),
-      placeholder: t,
+      onChange: (s) => t(s.target.value),
+      placeholder: r,
       className: h(
         "block w-full pl-10 pr-3 py-2 border border-input rounded-md",
         "bg-background text-foreground placeholder:text-muted-foreground",
@@ -4522,7 +4610,7 @@ const xr = w.forwardRef(({ value: e, onChange: r, placeholder: t = "Search entit
     "button",
     {
       type: "button",
-      onClick: () => r(""),
+      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__ */ a(
@@ -4546,12 +4634,12 @@ const xr = w.forwardRef(({ value: e, onChange: r, placeholder: t = "Search entit
     }
   )
 ] }));
-xr.displayName = "EntityDirectorySearchFilter";
-const mo = w.forwardRef(
+xt.displayName = "EntityDirectorySearchFilter";
+const ho = w.forwardRef(
   ({
     entities: e,
-    categories: r,
-    title: t,
+    categories: t,
+    title: r,
     description: o,
     activeCategory: n,
     onCategoryChange: s,
@@ -4562,37 +4650,37 @@ const mo = w.forwardRef(
     onSearchChange: m,
     searchPlaceholder: u,
     sortable: b = !1,
-    sort: M,
+    sort: S,
     onSortChange: v,
-    showIcons: k = !0,
+    showIcons: N = !0,
     showCategoryBadges: E = !0,
-    showMetric: I = !0,
-    metricLabel: A,
-    compact: L = !1,
-    loading: P = !1,
-    error: S,
-    emptyMessage: V,
-    onRetry: z,
+    showMetric: z = !0,
+    metricLabel: R,
+    compact: k = !1,
+    loading: I = !1,
+    error: P,
+    emptyMessage: F,
+    onRetry: L,
     emptyState: y,
     errorState: _,
     loadingState: H,
-    renderItem: Y,
-    className: U,
-    style: B
-  }, Z) => {
-    const G = r && r.length > 0, C = !P && !S && e.length === 0, T = !P && !!S;
+    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: Z,
-        className: h("space-y-6", U),
-        style: B,
+        ref: K,
+        className: h("space-y-6", q),
+        style: te,
         children: [
-          /* @__PURE__ */ a(ur, { title: t, description: o }),
-          G && s && /* @__PURE__ */ a(
-            dr,
+          /* @__PURE__ */ a(ut, { title: r, description: o }),
+          B && s && /* @__PURE__ */ a(
+            dt,
             {
-              categories: r,
+              categories: t,
               activeCategory: n,
               onCategoryChange: s,
               showCount: l,
@@ -4600,30 +4688,30 @@ const mo = w.forwardRef(
             }
           ),
           c && m && /* @__PURE__ */ a(
-            xr,
+            xt,
             {
               value: d,
               onChange: m,
               placeholder: u
             }
           ),
-          P && (H || /* @__PURE__ */ a(br, {})),
-          T && (_ || /* @__PURE__ */ a(hr, { error: S, onRetry: z })),
-          C && (y || /* @__PURE__ */ a(gr, { message: V })),
-          !P && !T && !C && /* @__PURE__ */ a(
-            pr,
+          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: r,
-              showIcons: k,
+              categories: t,
+              showIcons: N,
               showCategoryBadges: E,
-              showMetric: I,
-              metricLabel: A,
+              showMetric: z,
+              metricLabel: R,
               sortable: b,
-              sort: M,
+              sort: S,
               onSortChange: v,
-              compact: L,
-              renderItem: Y
+              compact: k,
+              renderItem: ee
             }
           )
         ]
@@ -4631,16 +4719,16 @@ const mo = w.forwardRef(
     );
   }
 );
-mo.displayName = "EntityDirectory";
-function fo(e) {
+ho.displayName = "EntityDirectory";
+function bo(e) {
   const {
-    propertyPrice: r,
-    downPayment: t,
+    propertyPrice: t,
+    downPayment: r,
     loanTerm: o,
     interestRate: n,
     propertyTax: s = 0,
     hoaFees: l = 0
-  } = e, i = r - t, c = n / 100 / 12, d = o * 12;
+  } = e, i = t - r, c = n / 100 / 12, d = o * 12;
   let m;
   if (c === 0)
     m = i / d;
@@ -4648,10 +4736,10 @@ function fo(e) {
     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,
@@ -4662,126 +4750,126 @@ function fo(e) {
     }
   };
 }
-function ne(e, r = "MXN") {
+function de(e, t = "MXN") {
   return new Intl.NumberFormat("es-MX", {
     style: "currency",
-    currency: r,
+    currency: t,
     minimumFractionDigits: 0,
     maximumFractionDigits: 0
   }).format(e);
 }
-function zo(e, r = 3) {
-  return `${e.toFixed(r)} %`;
+function $o(e, t = 3) {
+  return `${e.toFixed(t)} %`;
 }
-function Lo(e) {
-  const r = {};
-  return (!e.propertyPrice || e.propertyPrice <= 0) && (r.propertyPrice = "El precio de la propiedad debe ser mayor a 0"), (!e.downPayment || e.downPayment < 0) && (r.downPayment = "El enganche debe ser mayor o igual a 0"), e.propertyPrice && e.downPayment && e.downPayment >= e.propertyPrice && (r.downPayment = "El enganche debe ser menor al precio de la propiedad"), (!e.loanTerm || e.loanTerm <= 0) && (r.loanTerm = "El plazo del préstamo debe ser mayor a 0"), (e.interestRate === void 0 || e.interestRate < 0) && (r.interestRate = "La tasa de interés debe ser mayor o igual a 0"), {
-    isValid: Object.keys(r).length === 0,
-    errors: r
+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,
+    errors: t
   };
 }
-const yr = [
+const yt = [
   { value: "15-years", label: "15 años fijos", years: 15 },
   { 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 }
-], po = yr.map(
+], xo = yt.map(
   (e) => ({
     value: e.value,
     label: e.label
   })
-), fe = {
+), be = {
   propertyPrice: 2e7,
   downPayment: 2e5,
   loanProgram: "30-years",
   interestRate: 6.5
-}, we = {
+}, Me = {
   principalAndInterest: "#0a2540",
   // Dark blue/navy
   propertyTax: "#4da6c7",
   // Light blue
   hoaFees: "#7fc9e3"
   // Very light blue
-}, go = w.forwardRef(
+}, yo = w.forwardRef(
   ({
-    initialPropertyPrice: e = fe.propertyPrice,
-    initialDownPayment: r = fe.downPayment,
-    initialLoanProgram: t = fe.loanProgram,
-    initialInterestRate: o = fe.interestRate,
+    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] = w.useState(e), [u, b] = w.useState(r), [M, v] = w.useState(t), [k, E] = w.useState(o), [I, A] = w.useState(0), [L, P] = w.useState(0), S = w.useMemo(() => {
-      const y = yr.find(
-        (H) => H.value === M
+    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(
+        (H) => H.value === S
       )?.years || 30;
-      return fo({
+      return bo({
         propertyPrice: d,
         downPayment: u,
         loanTerm: y,
-        interestRate: k,
-        propertyTax: n ? I : void 0,
-        hoaFees: s ? L : void 0
+        interestRate: N,
+        propertyTax: n ? z : void 0,
+        hoaFees: s ? k : void 0
       });
     }, [
       d,
       u,
-      M,
+      S,
+      N,
+      z,
       k,
-      I,
-      L,
       n,
       s
     ]);
     w.useEffect(() => {
-      i?.(S);
-    }, [S, i]);
-    const V = w.useMemo(() => {
-      const z = [
+      i?.(P);
+    }, [P, i]);
+    const F = w.useMemo(() => {
+      const L = [
         {
           label: "Principal e Intereses",
-          value: S.breakdown.principalAndInterest,
-          color: we.principalAndInterest
+          value: P.breakdown.principalAndInterest,
+          color: Me.principalAndInterest
         }
       ];
-      return n && S.breakdown.propertyTax > 0 && z.push({
+      return n && P.breakdown.propertyTax > 0 && L.push({
         label: "Impuesto Predial",
-        value: S.breakdown.propertyTax,
-        color: we.propertyTax
-      }), s && S.breakdown.hoaFees > 0 && z.push({
+        value: P.breakdown.propertyTax,
+        color: Me.propertyTax
+      }), s && P.breakdown.hoaFees > 0 && L.push({
         label: "Cuota HOA",
-        value: S.breakdown.hoaFees,
-        color: we.hoaFees
-      }), z;
-    }, [S, n, s]);
-    return /* @__PURE__ */ a("div", { ref: c, className: h("w-full", l), children: /* @__PURE__ */ a(sr, { 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__ */ a(R, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
-        /* @__PURE__ */ a(R, { 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__ */ a(
-            re,
+            oe,
             {
               label: "Precio de la propiedad",
               type: "number",
               value: d,
-              onChange: (z) => m(Number(z.target.value)),
+              onChange: (L) => m(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
             }
           ),
           /* @__PURE__ */ a(
-            re,
+            oe,
             {
               label: "Enganche",
               type: "number",
               value: u,
-              onChange: (z) => b(Number(z.target.value)),
+              onChange: (L) => b(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4789,21 +4877,21 @@ const yr = [
           ),
           /* @__PURE__ */ f("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
             /* @__PURE__ */ a(
-              lr,
+              lt,
               {
                 label: "Programa de préstamos",
-                value: M,
-                onChange: (z) => v(z.target.value),
-                options: po
+                value: S,
+                onChange: (L) => v(L.target.value),
+                options: xo
               }
             ),
             /* @__PURE__ */ a(
-              re,
+              oe,
               {
                 label: "Tasa de interés",
                 type: "number",
-                value: k,
-                onChange: (z) => E(Number(z.target.value)),
+                value: N,
+                onChange: (L) => E(Number(L.target.value)),
                 suffix: "%",
                 min: 0,
                 max: 100,
@@ -4812,24 +4900,24 @@ const yr = [
             )
           ] }),
           n && /* @__PURE__ */ a(
-            re,
+            oe,
             {
               label: "Impuesto predial mensual",
               type: "number",
-              value: I,
-              onChange: (z) => A(Number(z.target.value)),
+              value: z,
+              onChange: (L) => R(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
             }
           ),
           s && /* @__PURE__ */ a(
-            re,
+            oe,
             {
               label: "Cuota HOA mensual",
               type: "number",
-              value: L,
-              onChange: (z) => P(Number(z.target.value)),
+              value: k,
+              onChange: (L) => I(Number(L.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4838,14 +4926,14 @@ const yr = [
         ] }),
         /* @__PURE__ */ f("div", { className: "flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ a(
-            cr,
+            ct,
             {
-              segments: V,
+              segments: F,
               size: 320,
               innerRadiusRatio: 0.65,
               centerContent: /* @__PURE__ */ f("div", { className: "text-center", children: [
-                /* @__PURE__ */ a(R, { variant: "h1", className: "font-bold mb-1", children: ne(S.totalMonthlyPayment) }),
-                /* @__PURE__ */ a(R, { 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"
@@ -4853,36 +4941,36 @@ const yr = [
           ),
           /* @__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__ */ a(Jt, { className: "h-4 w-4" }),
+              /* @__PURE__ */ a(ro, { className: "h-4 w-4" }),
               /* @__PURE__ */ a("span", { className: "font-medium", children: "Trending up by 5.2% this month" })
             ] }),
-            /* @__PURE__ */ a(R, { 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__ */ a(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
-          /* @__PURE__ */ a(R, { variant: "body", weight: "semibold", children: ne(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__ */ a(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
-          /* @__PURE__ */ a(R, { variant: "body", weight: "semibold", children: ne(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__ */ a(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
-          /* @__PURE__ */ a(R, { variant: "body", weight: "semibold", children: ne(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__ */ a(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
-          /* @__PURE__ */ a(R, { variant: "body", weight: "semibold", children: ne(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) })
         ] })
       ] })
     ] }) }) });
   }
 );
-go.displayName = "MortgageCalculator";
-const ho = (e) => {
+yo.displayName = "MortgageCalculator";
+const vo = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -4893,32 +4981,32 @@ const ho = (e) => {
     default:
       return "p-0";
   }
-}, Ae = ({
+}, je = ({
   children: e,
-  header: r,
-  sidebar: t,
+  header: t,
+  sidebar: r,
   footer: o,
   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",
-    ho(n)
+    vo(n)
   );
   return /* @__PURE__ */ f("div", { className: s, children: [
-    r && /* @__PURE__ */ a("header", { className: l, children: r }),
+    t && /* @__PURE__ */ a("header", { className: l, children: t }),
     /* @__PURE__ */ f("div", { className: i, children: [
-      t && /* @__PURE__ */ a("aside", { className: c, children: t }),
+      r && /* @__PURE__ */ a("aside", { className: c, children: r }),
       /* @__PURE__ */ a("div", { className: d, children: /* @__PURE__ */ a("main", { className: m, children: e }) })
     ] }),
     o && /* @__PURE__ */ a("footer", { className: "bg-card border-t border-border mt-auto", children: o })
   ] });
-}, To = ({ children: e, header: r, sidebar: t }) => /* @__PURE__ */ a(Ae, { header: r, sidebar: t, padding: "lg", children: /* @__PURE__ */ a("div", { className: "max-w-screen-2xl", children: e }) }), $o = ({ children: e, title: r, subtitle: t }) => /* @__PURE__ */ a(Ae, { 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: [
-    r && /* @__PURE__ */ a(R, { variant: "h2", className: "mb-2", children: r }),
-    t && /* @__PURE__ */ a(R, { variant: "body", color: "muted", children: t })
+    t && /* @__PURE__ */ a(A, { variant: "h2", className: "mb-2", children: t }),
+    r && /* @__PURE__ */ a(A, { variant: "body", color: "muted", children: r })
   ] }),
   e
-] }) }), jo = ({ children: e, header: r, footer: t }) => /* @__PURE__ */ a(Ae, { header: r, footer: t, padding: "none", children: e }), bo = {
+] }) }), Do = ({ children: e, header: t, footer: r }) => /* @__PURE__ */ a(je, { header: t, footer: r, padding: "none", children: e }), wo = {
   name: "light",
   colors: {
     primary: "#007bff",
@@ -4984,7 +5072,7 @@ const ho = (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)"
   }
-}, xo = {
+}, ko = {
   name: "dark",
   colors: {
     primary: "#0d6efd",
@@ -5050,7 +5138,7 @@ const ho = (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)"
   }
-}, yo = {
+}, No = {
   name: "corporate",
   colors: {
     primary: "#1a365d",
@@ -5116,7 +5204,7 @@ const ho = (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)"
   }
-}, vo = {
+}, Co = {
   name: "minimal",
   colors: {
     primary: "#000000",
@@ -5182,27 +5270,27 @@ const ho = (e) => {
     large: "none",
     xl: "none"
   }
-}, ke = {
-  light: bo,
-  dark: xo,
-  corporate: yo,
-  minimal: vo
-}, wo = Ee(), ko = Ee(), No = Ee(), J = Nr(ke.light).on(wo, (e, r) => ke[r] || e).on(ko, (e, r) => r).on(No, () => ke.light), Vo = J.map((e) => e.name), Fo = J.map((e) => e.colors);
-J.map((e) => e.shapes);
-J.map((e) => e.typography);
-J.map((e) => e.spacing);
-J.map((e) => e.shadows);
-const vr = Pe.createContext(null), _o = () => {
-  const e = wr(vr);
+}, 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;
-}, Do = ({ children: e }) => {
-  const t = {
-    theme: kr(J)
+}, Ho = ({ children: e }) => {
+  const r = {
+    theme: kt(Y)
   };
-  return /* @__PURE__ */ a(vr.Provider, { value: t, children: e });
-}, Go = {
+  return /* @__PURE__ */ a(vt.Provider, { value: r, children: e });
+}, Oo = {
   // Spacing scale (in rem)
   spacing: {
     xs: "0.25rem",
@@ -5297,7 +5385,7 @@ const vr = Pe.createContext(null), _o = () => {
     out: "ease-out",
     inOut: "ease-in-out"
   }
-}, Wo = {
+}, Uo = {
   button: {
     size: {
       sm: "h-9 px-3 text-sm",
@@ -5328,22 +5416,22 @@ const vr = Pe.createContext(null), _o = () => {
       outlined: "bg-card text-card-foreground border-2"
     }
   }
-}, Bo = {
+}, qo = {
   sm: "640px",
   md: "768px",
   lg: "1024px",
   xl: "1280px",
   "2xl": "1536px"
-}, Oo = {
+}, Xo = {
   /**
    * Get a color value with opacity support
    */
-  withOpacity: (e, r) => r !== void 0 ? `hsl(var(${e}) / ${r})` : `hsl(var(${e}))`,
+  withOpacity: (e, t) => t !== void 0 ? `hsl(var(${e}) / ${t})` : `hsl(var(${e}))`,
   /**
    * Get a color from the design system palette
    */
   get: (e) => `hsl(var(--${e}))`
-}, Ho = {
+}, Zo = {
   /**
    * Generate a unique ID for form elements and their labels
    */
@@ -5362,7 +5450,7 @@ const vr = Pe.createContext(null), _o = () => {
     only: "absolute w-px h-px p-0 -m-px overflow-hidden whitespace-nowrap border-0",
     not: "not-sr-only"
   }
-}, Uo = {
+}, Ko = {
   icon: {
     xs: "w-3 h-3",
     sm: "w-4 h-4",
@@ -5377,7 +5465,7 @@ const vr = Pe.createContext(null), _o = () => {
     lg: "w-12 h-12",
     xl: "w-16 h-16"
   }
-}, qo = {
+}, Qo = {
   /**
    * Fade animations
    */
@@ -5401,7 +5489,7 @@ const vr = Pe.createContext(null), _o = () => {
     in: "animate-in scale-in duration-200",
     out: "animate-out scale-out duration-200"
   }
-}, Xo = {
+}, Jo = {
   /**
    * Container utilities
    */
@@ -5435,7 +5523,7 @@ const vr = Pe.createContext(null), _o = () => {
     col: "flex flex-col",
     colCenter: "flex flex-col items-center justify-center"
   }
-}, Zo = {
+}, Yo = {
   /**
    * Check if dark mode is active
    */
@@ -5452,90 +5540,90 @@ const vr = Pe.createContext(null), _o = () => {
   set: (e) => {
     typeof window > "u" || document.documentElement.classList.toggle("dark", e === "dark");
   }
-}, Ko = {
+}, ea = {
   /**
    * Debounce function for performance optimization
    */
-  debounce: (e, r) => {
-    let t;
+  debounce: (e, t) => {
+    let r;
     return (...o) => {
-      clearTimeout(t), t = setTimeout(() => e(...o), r);
+      clearTimeout(r), r = setTimeout(() => e(...o), t);
     };
   },
   /**
    * Throttle function for performance optimization
    */
-  throttle: (e, r) => {
-    let t;
+  throttle: (e, t) => {
+    let r;
     return (...o) => {
-      t || (e(...o), t = !0, setTimeout(() => t = !1, r));
+      r || (e(...o), r = !0, setTimeout(() => r = !1, t));
     };
   }
-}, Qo = ({ href: e, children: r }) => /* @__PURE__ */ a(
+}, ta = ({ href: e, children: t }) => /* @__PURE__ */ a(
   "a",
   {
     href: e,
     className: "sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-50 focus:px-4 focus:py-2 focus:bg-primary focus:text-white focus:rounded",
-    children: r
+    children: t
   }
 );
 export {
-  J as $theme,
-  Fo as $themeColors,
-  Vo as $themeName,
-  $o as AuthLayout,
-  Q as Button,
-  sr as Card,
-  dr as CategoryChips,
-  Re as Chip,
-  Eo as CompoundCard,
-  Io as ConfirmModal,
-  To as DashboardLayout,
-  cr as DonutChart,
-  mo as EntityDirectory,
-  re as Input,
-  jo as MarketingLayout,
-  Nt as Modal,
-  Ct as ModalWithActions,
-  go as MortgageCalculator,
-  Ae as PageLayout,
-  Ao as PropertyCard,
-  uo as PropertyGallery,
-  lr as Select,
-  Qo as SkipLink,
-  R as Text,
-  Do as ThemeProvider,
-  Ho as a11y,
-  Ho as accessibilityUtils,
-  qo as animationUtils,
-  qo as animations,
-  Bo as breakpoints,
-  fo as calculateMortgage,
+  Y as $theme,
+  Wo as $themeColors,
+  Go as $themeName,
+  _o as AuthLayout,
+  J as Button,
+  st as Card,
+  dt as CategoryChips,
+  Te as Chip,
+  Ro as CompoundCard,
+  Lo as ConfirmModal,
+  Fo as DashboardLayout,
+  ct as DonutChart,
+  ho as EntityDirectory,
+  oe as Input,
+  Do as MarketingLayout,
+  Nr as Modal,
+  Cr as ModalWithActions,
+  yo as MortgageCalculator,
+  je as PageLayout,
+  jo as PropertyCard,
+  go as PropertyGallery,
+  lt as Select,
+  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,
-  Oo as colorUtils,
-  Oo as colors,
-  Uo as componentSizes,
-  Wo as componentVariants,
-  so as countEntitiesByCategory,
-  Go as designSystem,
-  ao as filterEntitiesByCategory,
-  ne as formatCurrency,
-  zo as formatPercentage,
-  Xo as layout,
-  Xo as layoutUtils,
-  Ko as performance,
-  Ko as performanceUtils,
-  No as resetTheme,
-  Bo as responsiveBreakpoints,
-  ko as setCustomTheme,
-  wo as setTheme,
-  Uo as sizes,
-  no as sortEntities,
-  Zo as theme,
-  Zo as themeUtils,
-  Ro as useEntityFilter,
-  _o as useTheme,
-  Lo as validateMortgageInput,
-  Wo 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