@homlista-devs/ui 1.6.3 → 1.6.4

package/dist/design-system.es.js

@@ -1,16 +1,16 @@
 import { jsx as r, jsxs as p, Fragment as se } from "react/jsx-runtime";
 import * as v from "react";
-import Ae, { useState as ee, useMemo as Ne, useCallback as He, useEffect as Ce, forwardRef as we, createElement as Pe, useContext as Tt } from "react";
-import { createEvent as Le, createStore as zt } from "effector";
-import { useUnit as Pt } from "effector-react";
-function It(e, t) {
+import Ae, { useState as ee, useMemo as Ne, useCallback as He, useEffect as Ce, forwardRef as we, createElement as Pe, useContext as zt } from "react";
+import { createEvent as Le, createStore as Pt } from "effector";
+import { useUnit as It } from "effector-react";
+function Et(e, t) {
   return !t || t === "all" ? e : e.filter((o) => o.categoryId === t);
 }
-function Et(e, t) {
+function jt(e, t) {
   const o = [...e];
   return o.sort((a, n) => {
-    let s = "", l = "";
-    return t.column === "title" ? (s = a.title.toLowerCase(), l = n.title.toLowerCase()) : t.column === "metric" && (s = Ge(a.metricValue), l = Ge(n.metricValue)), s < l ? t.direction === "asc" ? -1 : 1 : s > l ? t.direction === "asc" ? 1 : -1 : 0;
+    let s = "", i = "";
+    return t.column === "title" ? (s = a.title.toLowerCase(), i = n.title.toLowerCase()) : t.column === "metric" && (s = Ge(a.metricValue), i = Ge(n.metricValue)), s < i ? t.direction === "asc" ? -1 : 1 : s > i ? t.direction === "asc" ? 1 : -1 : 0;
   }), o;
 }
 function Ge(e) {
@@ -21,33 +21,33 @@ function Ge(e) {
 function Rt(e, t) {
   return t === "all" ? e.length : e.filter((o) => o.categoryId === t).length;
 }
-function jt(e) {
+function At(e) {
   const {
     propertyPrice: t,
     downPayment: o,
     loanTerm: a,
     interestRate: n,
     propertyTax: s = 0,
-    hoaFees: l = 0
-  } = e, i = t - o, c = n / 100 / 12, m = a * 12;
+    hoaFees: i = 0
+  } = e, l = t - o, c = n / 100 / 12, m = a * 12;
   let u;
   if (c === 0)
-    u = i / m;
+    u = l / m;
   else {
     const y = Math.pow(1 + c, m);
-    u = i * (c * y) / (y - 1);
+    u = l * (c * y) / (y - 1);
   }
-  const d = u * m, h = d - i, M = u + s + l;
+  const d = u * m, h = d - l, M = u + s + i;
   return {
     monthlyPayment: Math.round(u * 100) / 100,
     totalMonthlyPayment: Math.round(M * 100) / 100,
     totalAmount: Math.round(d * 100) / 100,
     totalInterest: Math.round(h * 100) / 100,
-    loanPrincipal: Math.round(i * 100) / 100,
+    loanPrincipal: Math.round(l * 100) / 100,
     breakdown: {
       principalAndInterest: Math.round(u * 100) / 100,
       propertyTax: Math.round(s * 100) / 100,
-      hoaFees: Math.round(l * 100) / 100
+      hoaFees: Math.round(i * 100) / 100
     }
   };
 }
@@ -69,49 +69,49 @@ function Qo(e) {
     errors: t
   };
 }
-function tt(e) {
+function rt(e) {
   var t, o, a = "";
   if (typeof e == "string" || typeof e == "number") a += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (o = tt(e[t])) && (a && (a += " "), a += o);
+    for (t = 0; t < n; t++) e[t] && (o = rt(e[t])) && (a && (a += " "), a += o);
   } else for (o in e) e[o] && (a && (a += " "), a += o);
   return a;
 }
-function rt() {
-  for (var e, t, o = 0, a = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = tt(e)) && (a && (a += " "), a += t);
+function ot() {
+  for (var e, t, o = 0, a = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = rt(e)) && (a && (a += " "), a += t);
   return a;
 }
-const We = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ue = rt, J = (e, t) => (o) => {
+const We = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ue = ot, J = (e, t) => (o) => {
   var a;
   if (t?.variants == null) return Ue(e, o?.class, o?.className);
-  const { variants: n, defaultVariants: s } = t, l = Object.keys(n).map((m) => {
+  const { variants: n, defaultVariants: s } = t, i = Object.keys(n).map((m) => {
     const u = o?.[m], d = s?.[m];
     if (u === null) return null;
     const h = We(u) || We(d);
     return n[m][h];
-  }), i = o && Object.entries(o).reduce((m, u) => {
+  }), l = o && Object.entries(o).reduce((m, u) => {
     let [d, h] = u;
     return h === void 0 || (m[d] = h), m;
   }, {}), c = t == null || (a = t.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((m, u) => {
     let { class: d, className: h, ...M } = u;
     return Object.entries(M).every((y) => {
-      let [C, g] = y;
+      let [N, g] = y;
       return Array.isArray(g) ? g.includes({
         ...s,
-        ...i
-      }[C]) : {
+        ...l
+      }[N]) : {
         ...s,
-        ...i
-      }[C] === g;
+        ...l
+      }[N] === g;
     }) ? [
       ...m,
       d,
       h
     ] : m;
   }, []);
-  return Ue(e, l, c, o?.class, o?.className);
-}, At = J(
+  return Ue(e, i, c, o?.class, o?.className);
+}, Lt = J(
   "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: {
@@ -141,7 +141,7 @@ function qe(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function Lt(...e) {
+function $t(...e) {
   return (t) => {
     let o = !1;
     const a = e.map((n) => {
@@ -158,83 +158,83 @@ function Lt(...e) {
   };
 }
 // @__NO_SIDE_EFFECTS__
-function $t(e) {
-  const t = /* @__PURE__ */ Vt(e), o = v.forwardRef((a, n) => {
-    const { children: s, ...l } = a, i = v.Children.toArray(s), c = i.find(_t);
+function Ot(e) {
+  const t = /* @__PURE__ */ Ft(e), o = v.forwardRef((a, n) => {
+    const { children: s, ...i } = a, l = v.Children.toArray(s), c = l.find(Dt);
     if (c) {
-      const m = c.props.children, u = i.map((d) => d === c ? v.Children.count(m) > 1 ? v.Children.only(null) : v.isValidElement(m) ? m.props.children : null : d);
-      return /* @__PURE__ */ r(t, { ...l, ref: n, children: v.isValidElement(m) ? v.cloneElement(m, void 0, u) : null });
+      const m = c.props.children, u = l.map((d) => d === c ? v.Children.count(m) > 1 ? v.Children.only(null) : v.isValidElement(m) ? m.props.children : null : d);
+      return /* @__PURE__ */ r(t, { ...i, ref: n, children: v.isValidElement(m) ? v.cloneElement(m, void 0, u) : null });
     }
-    return /* @__PURE__ */ r(t, { ...l, ref: n, children: s });
+    return /* @__PURE__ */ r(t, { ...i, ref: n, children: s });
   });
   return o.displayName = `${e}.Slot`, o;
 }
-var Ot = /* @__PURE__ */ $t("Slot");
+var Vt = /* @__PURE__ */ Ot("Slot");
 // @__NO_SIDE_EFFECTS__
-function Vt(e) {
+function Ft(e) {
   const t = v.forwardRef((o, a) => {
     const { children: n, ...s } = o;
     if (v.isValidElement(n)) {
-      const l = Bt(n), i = Dt(s, n.props);
-      return n.type !== v.Fragment && (i.ref = a ? Lt(a, l) : l), v.cloneElement(n, i);
+      const i = Ht(n), l = Bt(s, n.props);
+      return n.type !== v.Fragment && (l.ref = a ? $t(a, i) : i), v.cloneElement(n, l);
     }
     return v.Children.count(n) > 1 ? v.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Ft = Symbol("radix.slottable");
-function _t(e) {
-  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ft;
+var _t = Symbol("radix.slottable");
+function Dt(e) {
+  return v.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === _t;
 }
-function Dt(e, t) {
+function Bt(e, t) {
   const o = { ...t };
   for (const a in t) {
     const n = e[a], s = t[a];
-    /^on[A-Z]/.test(a) ? n && s ? o[a] = (...i) => {
-      const c = s(...i);
-      return n(...i), c;
+    /^on[A-Z]/.test(a) ? n && s ? o[a] = (...l) => {
+      const c = s(...l);
+      return n(...l), c;
     } : n && (o[a] = n) : a === "style" ? o[a] = { ...n, ...s } : a === "className" && (o[a] = [n, s].filter(Boolean).join(" "));
   }
   return { ...e, ...o };
 }
-function Bt(e) {
+function Ht(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-const $e = "-", Ht = (e) => {
-  const t = Wt(e), {
+const $e = "-", Gt = (e) => {
+  const t = Ut(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: a
   } = e;
   return {
-    getClassGroupId: (l) => {
-      const i = l.split($e);
-      return i[0] === "" && i.length !== 1 && i.shift(), ot(i, t) || Gt(l);
+    getClassGroupId: (i) => {
+      const l = i.split($e);
+      return l[0] === "" && l.length !== 1 && l.shift(), at(l, t) || Wt(i);
     },
-    getConflictingClassGroupIds: (l, i) => {
-      const c = o[l] || [];
-      return i && a[l] ? [...c, ...a[l]] : c;
+    getConflictingClassGroupIds: (i, l) => {
+      const c = o[i] || [];
+      return l && a[i] ? [...c, ...a[i]] : c;
     }
   };
-}, ot = (e, t) => {
+}, at = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const o = e[0], a = t.nextPart.get(o), n = a ? ot(e.slice(1), a) : void 0;
+  const o = e[0], a = t.nextPart.get(o), n = a ? at(e.slice(1), a) : void 0;
   if (n)
     return n;
   if (t.validators.length === 0)
     return;
   const s = e.join($e);
   return t.validators.find(({
-    validator: l
-  }) => l(s))?.classGroupId;
-}, Xe = /^\[(.+)\]$/, Gt = (e) => {
+    validator: i
+  }) => i(s))?.classGroupId;
+}, Xe = /^\[(.+)\]$/, Wt = (e) => {
   if (Xe.test(e)) {
     const t = Xe.exec(e)[1], o = t?.substring(0, t.indexOf(":"));
     if (o)
       return "arbitrary.." + o;
   }
-}, Wt = (e) => {
+}, Ut = (e) => {
   const {
     theme: t,
     classGroups: o
@@ -253,7 +253,7 @@ const $e = "-", Ht = (e) => {
       return;
     }
     if (typeof n == "function") {
-      if (Ut(n)) {
+      if (qt(n)) {
         Ie(n(a), t, o, a);
         return;
       }
@@ -263,8 +263,8 @@ const $e = "-", Ht = (e) => {
       });
       return;
     }
-    Object.entries(n).forEach(([s, l]) => {
-      Ie(l, Ze(t, s), o, a);
+    Object.entries(n).forEach(([s, i]) => {
+      Ie(i, Ze(t, s), o, a);
     });
   });
 }, Ze = (e, t) => {
@@ -275,7 +275,7 @@ const $e = "-", Ht = (e) => {
       validators: []
     }), o = o.nextPart.get(a);
   }), o;
-}, Ut = (e) => e.isThemeGetter, qt = (e) => {
+}, qt = (e) => e.isThemeGetter, Xt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -284,44 +284,44 @@ const $e = "-", Ht = (e) => {
       }
     };
   let t = 0, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-  const n = (s, l) => {
-    o.set(s, l), t++, t > e && (t = 0, a = o, o = /* @__PURE__ */ new Map());
+  const n = (s, i) => {
+    o.set(s, i), t++, t > e && (t = 0, a = o, o = /* @__PURE__ */ new Map());
   };
   return {
     get(s) {
-      let l = o.get(s);
-      if (l !== void 0)
-        return l;
-      if ((l = a.get(s)) !== void 0)
-        return n(s, l), l;
+      let i = o.get(s);
+      if (i !== void 0)
+        return i;
+      if ((i = a.get(s)) !== void 0)
+        return n(s, i), i;
     },
-    set(s, l) {
-      o.has(s) ? o.set(s, l) : n(s, l);
+    set(s, i) {
+      o.has(s) ? o.set(s, i) : n(s, i);
     }
   };
-}, Ee = "!", Re = ":", Xt = Re.length, Zt = (e) => {
+}, Ee = "!", je = ":", Zt = je.length, Kt = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: o
   } = e;
   let a = (n) => {
     const s = [];
-    let l = 0, i = 0, c = 0, m;
+    let i = 0, l = 0, c = 0, m;
     for (let y = 0; y < n.length; y++) {
-      let C = n[y];
-      if (l === 0 && i === 0) {
-        if (C === Re) {
-          s.push(n.slice(c, y)), c = y + Xt;
+      let N = n[y];
+      if (i === 0 && l === 0) {
+        if (N === je) {
+          s.push(n.slice(c, y)), c = y + Zt;
           continue;
         }
-        if (C === "/") {
+        if (N === "/") {
           m = y;
           continue;
         }
       }
-      C === "[" ? l++ : C === "]" ? l-- : C === "(" ? i++ : C === ")" && i--;
+      N === "[" ? i++ : N === "]" ? i-- : N === "(" ? l++ : N === ")" && l--;
     }
-    const u = s.length === 0 ? n : n.substring(c), d = Kt(u), h = d !== u, M = m && m > c ? m - c : void 0;
+    const u = s.length === 0 ? n : n.substring(c), d = Jt(u), h = d !== u, M = m && m > c ? m - c : void 0;
     return {
       modifiers: s,
       hasImportantModifier: h,
@@ -330,12 +330,12 @@ const $e = "-", Ht = (e) => {
     };
   };
   if (t) {
-    const n = t + Re, s = a;
-    a = (l) => l.startsWith(n) ? s(l.substring(n.length)) : {
+    const n = t + je, s = a;
+    a = (i) => i.startsWith(n) ? s(i.substring(n.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
-      baseClassName: l,
+      baseClassName: i,
       maybePostfixModifierPosition: void 0
     };
   }
@@ -347,43 +347,43 @@ const $e = "-", Ht = (e) => {
     });
   }
   return a;
-}, Kt = (e) => e.endsWith(Ee) ? e.substring(0, e.length - 1) : e.startsWith(Ee) ? e.substring(1) : e, Jt = (e) => {
+}, Jt = (e) => e.endsWith(Ee) ? e.substring(0, e.length - 1) : e.startsWith(Ee) ? e.substring(1) : e, Qt = (e) => {
   const t = Object.fromEntries(e.orderSensitiveModifiers.map((a) => [a, !0]));
   return (a) => {
     if (a.length <= 1)
       return a;
     const n = [];
     let s = [];
-    return a.forEach((l) => {
-      l[0] === "[" || t[l] ? (n.push(...s.sort(), l), s = []) : s.push(l);
+    return a.forEach((i) => {
+      i[0] === "[" || t[i] ? (n.push(...s.sort(), i), s = []) : s.push(i);
     }), n.push(...s.sort()), n;
   };
-}, Qt = (e) => ({
-  cache: qt(e.cacheSize),
-  parseClassName: Zt(e),
-  sortModifiers: Jt(e),
-  ...Ht(e)
-}), Yt = /\s+/, er = (e, t) => {
+}, Yt = (e) => ({
+  cache: Xt(e.cacheSize),
+  parseClassName: Kt(e),
+  sortModifiers: Qt(e),
+  ...Gt(e)
+}), er = /\s+/, tr = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: a,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = t, l = [], i = e.trim().split(Yt);
+  } = t, i = [], l = e.trim().split(er);
   let c = "";
-  for (let m = i.length - 1; m >= 0; m -= 1) {
-    const u = i[m], {
+  for (let m = l.length - 1; m >= 0; m -= 1) {
+    const u = l[m], {
       isExternal: d,
       modifiers: h,
       hasImportantModifier: M,
       baseClassName: y,
-      maybePostfixModifierPosition: C
+      maybePostfixModifierPosition: N
     } = o(u);
     if (d) {
       c = u + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let g = !!C, w = a(g ? y.substring(0, C) : y);
+    let g = !!N, w = a(g ? y.substring(0, N) : y);
     if (!w) {
       if (!g) {
         c = u + (c.length > 0 ? " " + c : c);
@@ -395,66 +395,66 @@ const $e = "-", Ht = (e) => {
       }
       g = !1;
     }
-    const z = s(h).join(":"), S = M ? z + Ee : z, P = S + w;
-    if (l.includes(P))
+    const T = s(h).join(":"), E = M ? T + Ee : T, S = E + w;
+    if (i.includes(S))
       continue;
-    l.push(P);
-    const I = n(w, g);
-    for (let V = 0; V < I.length; ++V) {
-      const E = I[V];
-      l.push(S + E);
+    i.push(S);
+    const z = n(w, g);
+    for (let V = 0; V < z.length; ++V) {
+      const I = z[V];
+      i.push(E + I);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
-function tr() {
+function rr() {
   let e = 0, t, o, a = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (o = at(t)) && (a && (a += " "), a += o);
+    (t = arguments[e++]) && (o = nt(t)) && (a && (a += " "), a += o);
   return a;
 }
-const at = (e) => {
+const nt = (e) => {
   if (typeof e == "string")
     return e;
   let t, o = "";
   for (let a = 0; a < e.length; a++)
-    e[a] && (t = at(e[a])) && (o && (o += " "), o += t);
+    e[a] && (t = nt(e[a])) && (o && (o += " "), o += t);
   return o;
 };
-function rr(e, ...t) {
-  let o, a, n, s = l;
-  function l(c) {
+function or(e, ...t) {
+  let o, a, n, s = i;
+  function i(c) {
     const m = t.reduce((u, d) => d(u), e());
-    return o = Qt(m), a = o.cache.get, n = o.cache.set, s = i, i(c);
+    return o = Yt(m), a = o.cache.get, n = o.cache.set, s = l, l(c);
   }
-  function i(c) {
+  function l(c) {
     const m = a(c);
     if (m)
       return m;
-    const u = er(c, o);
+    const u = tr(c, o);
     return n(c, u), u;
   }
   return function() {
-    return s(tr.apply(null, arguments));
+    return s(rr.apply(null, arguments));
   };
 }
 const A = (e) => {
   const t = (o) => o[e] || [];
   return t.isThemeGetter = !0, t;
-}, nt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, st = /^\((?:(\w[\w-]*):)?(.+)\)$/i, or = /^\d+\/\d+$/, ar = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\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$/, sr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ir = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ae = (e) => or.test(e), T = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), Me = (e) => e.endsWith("%") && T(e.slice(0, -1)), U = (e) => ar.test(e), cr = () => !0, dr = (e) => (
+}, st = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, it = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ar = /^\d+\/\d+$/, nr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, sr = /\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$/, ir = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, cr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ae = (e) => ar.test(e), P = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), Me = (e) => e.endsWith("%") && P(e.slice(0, -1)), U = (e) => nr.test(e), dr = () => !0, mr = (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.
-  nr.test(e) && !sr.test(e)
-), lt = () => !1, mr = (e) => lr.test(e), ur = (e) => ir.test(e), pr = (e) => !b(e) && !x(e), fr = (e) => ie(e, dt, lt), b = (e) => nt.test(e), Y = (e) => ie(e, mt, dr), Se = (e) => ie(e, yr, T), Ke = (e) => ie(e, it, lt), hr = (e) => ie(e, ct, ur), xe = (e) => ie(e, ut, mr), x = (e) => st.test(e), ue = (e) => ce(e, mt), gr = (e) => ce(e, vr), Je = (e) => ce(e, it), br = (e) => ce(e, dt), xr = (e) => ce(e, ct), ye = (e) => ce(e, ut, !0), ie = (e, t, o) => {
-  const a = nt.exec(e);
+  sr.test(e) && !ir.test(e)
+), lt = () => !1, ur = (e) => lr.test(e), pr = (e) => cr.test(e), fr = (e) => !b(e) && !x(e), hr = (e) => le(e, mt, lt), b = (e) => st.test(e), Y = (e) => le(e, ut, mr), Se = (e) => le(e, vr, P), Ke = (e) => le(e, ct, lt), gr = (e) => le(e, dt, pr), xe = (e) => le(e, pt, ur), x = (e) => it.test(e), ue = (e) => ce(e, ut), br = (e) => ce(e, wr), Je = (e) => ce(e, ct), xr = (e) => ce(e, mt), yr = (e) => ce(e, dt), ye = (e) => ce(e, pt, !0), le = (e, t, o) => {
+  const a = st.exec(e);
   return a ? a[1] ? t(a[1]) : o(a[2]) : !1;
 }, ce = (e, t, o = !1) => {
-  const a = st.exec(e);
+  const a = it.exec(e);
   return a ? a[1] ? t(a[1]) : o : !1;
-}, it = (e) => e === "position" || e === "percentage", ct = (e) => e === "image" || e === "url", dt = (e) => e === "length" || e === "size" || e === "bg-size", mt = (e) => e === "length", yr = (e) => e === "number", vr = (e) => e === "family-name", ut = (e) => e === "shadow", wr = () => {
-  const e = A("color"), t = A("font"), o = A("text"), a = A("font-weight"), n = A("tracking"), s = A("leading"), l = A("breakpoint"), i = A("container"), c = A("spacing"), m = A("radius"), u = A("shadow"), d = A("inset-shadow"), h = A("text-shadow"), M = A("drop-shadow"), y = A("blur"), C = A("perspective"), g = A("aspect"), w = A("ease"), z = A("animate"), S = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+}, ct = (e) => e === "position" || e === "percentage", dt = (e) => e === "image" || e === "url", mt = (e) => e === "length" || e === "size" || e === "bg-size", ut = (e) => e === "length", vr = (e) => e === "number", wr = (e) => e === "family-name", pt = (e) => e === "shadow", kr = () => {
+  const e = A("color"), t = A("font"), o = A("text"), a = A("font-weight"), n = A("tracking"), s = A("leading"), i = A("breakpoint"), l = A("container"), c = A("spacing"), m = A("radius"), u = A("shadow"), d = A("inset-shadow"), h = A("text-shadow"), M = A("drop-shadow"), y = A("blur"), N = A("perspective"), g = A("aspect"), w = A("ease"), T = A("animate"), E = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], S = () => [
     "center",
     "top",
     "bottom",
@@ -472,15 +472,15 @@ const A = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], I = () => [...P(), x, b], V = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], k = () => [x, b, c], L = () => [ae, "full", "auto", ...k()], q = () => [Z, "none", "subgrid", x, b], re = () => ["auto", {
+  ], z = () => [...S(), x, b], V = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["auto", "contain", "none"], k = () => [x, b, c], L = () => [ae, "full", "auto", ...k()], q = () => [Z, "none", "subgrid", x, b], re = () => ["auto", {
     span: ["full", Z, x, b]
-  }, Z, x, b], X = () => [Z, "auto", x, b], oe = () => ["auto", "min", "max", "fr", x, b], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...k()], W = () => [ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], N = () => [e, x, b], pe = () => [...P(), Je, Ke, {
+  }, Z, x, b], X = () => [Z, "auto", x, b], oe = () => ["auto", "min", "max", "fr", x, b], Q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], B = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], D = () => ["auto", ...k()], W = () => [ae, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], C = () => [e, x, b], pe = () => [...S(), Je, Ke, {
     position: [x, b]
   }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], _ = () => ["auto", "cover", "contain", br, fr, {
+  }], _ = () => ["auto", "cover", "contain", xr, hr, {
     size: [x, b]
-  }], F = () => [Me, ue, Y], j = () => [
+  }], F = () => [Me, ue, Y], R = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -488,14 +488,14 @@ const A = (e) => {
     m,
     x,
     b
-  ], H = () => ["", T, ue, Y], fe = () => ["solid", "dashed", "dotted", "double"], De = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], $ = () => [T, Me, Je, Ke], Be = () => [
+  ], H = () => ["", P, ue, Y], fe = () => ["solid", "dashed", "dotted", "double"], De = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], $ = () => [P, Me, Je, Ke], Be = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     y,
     x,
     b
-  ], he = () => ["none", T, x, b], ge = () => ["none", T, x, b], ke = () => [T, x, b], be = () => [ae, "full", ...k()];
+  ], he = () => ["none", P, x, b], ge = () => ["none", P, x, b], ke = () => [P, x, b], be = () => [ae, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -503,18 +503,18 @@ const A = (e) => {
       aspect: ["video"],
       blur: [U],
       breakpoint: [U],
-      color: [cr],
+      color: [dr],
       container: [U],
       "drop-shadow": [U],
       ease: ["in", "out", "in-out"],
-      font: [pr],
+      font: [fr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [U],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [U],
       shadow: [U],
-      spacing: ["px", T],
+      spacing: ["px", P],
       text: [U],
       "text-shadow": [U],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -541,21 +541,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [T, b, x, i]
+        columns: [P, b, x, l]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": S()
+        "break-after": E()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": S()
+        "break-before": E()
       }],
       /**
        * Break Inside
@@ -619,7 +619,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: I()
+        object: z()
       }],
       /**
        * Overflow
@@ -647,21 +647,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: E()
+        overscroll: I()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": E()
+        "overscroll-x": I()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": E()
+        "overscroll-y": I()
       }],
       /**
        * Position
@@ -751,7 +751,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ae, "full", "auto", i, ...k()]
+        basis: [ae, "full", "auto", l, ...k()]
       }],
       /**
        * Flex Direction
@@ -772,21 +772,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [T, ae, "auto", "initial", "none", b]
+        flex: [P, ae, "auto", "initial", "none", b]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", T, x, b]
+        grow: ["", P, x, b]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", T, x, b]
+        shrink: ["", P, x, b]
       }],
       /**
        * Order
@@ -1126,7 +1126,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...W()]
+        w: [l, "screen", ...W()]
       }],
       /**
        * Min-Width
@@ -1134,7 +1134,7 @@ const A = (e) => {
        */
       "min-w": [{
         "min-w": [
-          i,
+          l,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
@@ -1147,14 +1147,14 @@ const A = (e) => {
        */
       "max-w": [{
         "max-w": [
-          i,
+          l,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [l]
+            screen: [i]
           },
           ...W()
         ]
@@ -1219,7 +1219,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [gr, b, t]
+        font: [br, b, t]
       }],
       /**
        * Font Variant Numeric
@@ -1263,7 +1263,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [T, "none", x, Se]
+        "line-clamp": [P, "none", x, Se]
       }],
       /**
        * Line Height
@@ -1310,14 +1310,14 @@ const A = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: N()
+        placeholder: C()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: N()
+        text: C()
       }],
       /**
        * Text Decoration
@@ -1336,21 +1336,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [T, "from-font", "auto", x, Y]
+        decoration: [P, "from-font", "auto", x, Y]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: N()
+        decoration: C()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [T, "auto", x, b]
+        "underline-offset": [P, "auto", x, b]
       }],
       /**
        * Text Transform
@@ -1474,14 +1474,14 @@ const A = (e) => {
           }, Z, x, b],
           radial: ["", x, b],
           conic: [Z, x, b]
-        }, xr, hr]
+        }, yr, gr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: N()
+        bg: C()
       }],
       /**
        * Gradient Color Stops From Position
@@ -1509,21 +1509,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: N()
+        from: C()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: N()
+        via: C()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: N()
+        to: C()
       }],
       // ---------------
       // --- Borders ---
@@ -1533,105 +1533,105 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: j()
+        rounded: R()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": j()
+        "rounded-s": R()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": j()
+        "rounded-e": R()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": j()
+        "rounded-t": R()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": j()
+        "rounded-r": R()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": j()
+        "rounded-b": R()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": j()
+        "rounded-l": R()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": j()
+        "rounded-ss": R()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": j()
+        "rounded-se": R()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": j()
+        "rounded-ee": R()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": j()
+        "rounded-es": R()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": j()
+        "rounded-tl": R()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": j()
+        "rounded-tr": R()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": j()
+        "rounded-br": R()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": j()
+        "rounded-bl": R()
       }],
       /**
        * Border Width
@@ -1739,70 +1739,70 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: N()
+        border: C()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": N()
+        "border-x": C()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": N()
+        "border-y": C()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": N()
+        "border-s": C()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": N()
+        "border-e": C()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": N()
+        "border-t": C()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": N()
+        "border-r": C()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": N()
+        "border-b": C()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": N()
+        "border-l": C()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: N()
+        divide: C()
       }],
       /**
        * Outline Style
@@ -1816,21 +1816,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [T, x, b]
+        "outline-offset": [P, x, b]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", T, ue, Y]
+        outline: ["", P, ue, Y]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: N()
+        outline: C()
       }],
       // ---------------
       // --- Effects ---
@@ -1854,7 +1854,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: N()
+        shadow: C()
       }],
       /**
        * Inset Box Shadow
@@ -1868,7 +1868,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": N()
+        "inset-shadow": C()
       }],
       /**
        * Ring Width
@@ -1889,7 +1889,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: N()
+        ring: C()
       }],
       /**
        * Ring Offset Width
@@ -1898,7 +1898,7 @@ const A = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [T, Y]
+        "ring-offset": [P, Y]
       }],
       /**
        * Ring Offset Color
@@ -1907,7 +1907,7 @@ const A = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": N()
+        "ring-offset": C()
       }],
       /**
        * Inset Ring Width
@@ -1921,7 +1921,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": N()
+        "inset-ring": C()
       }],
       /**
        * Text Shadow
@@ -1935,14 +1935,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": N()
+        "text-shadow": C()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [T, x, b]
+        opacity: [P, x, b]
       }],
       /**
        * Mix Blend Mode
@@ -1977,7 +1977,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [T]
+        "mask-linear": [P]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": $()
@@ -1986,10 +1986,10 @@ const A = (e) => {
         "mask-linear-to": $()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": N()
+        "mask-linear-from": C()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": N()
+        "mask-linear-to": C()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": $()
@@ -1998,10 +1998,10 @@ const A = (e) => {
         "mask-t-to": $()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": N()
+        "mask-t-from": C()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": N()
+        "mask-t-to": C()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": $()
@@ -2010,10 +2010,10 @@ const A = (e) => {
         "mask-r-to": $()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": N()
+        "mask-r-from": C()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": N()
+        "mask-r-to": C()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": $()
@@ -2022,10 +2022,10 @@ const A = (e) => {
         "mask-b-to": $()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": N()
+        "mask-b-from": C()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": N()
+        "mask-b-to": C()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": $()
@@ -2034,10 +2034,10 @@ const A = (e) => {
         "mask-l-to": $()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": N()
+        "mask-l-from": C()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": N()
+        "mask-l-to": C()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": $()
@@ -2046,10 +2046,10 @@ const A = (e) => {
         "mask-x-to": $()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": N()
+        "mask-x-from": C()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": N()
+        "mask-x-to": C()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": $()
@@ -2058,10 +2058,10 @@ const A = (e) => {
         "mask-y-to": $()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": N()
+        "mask-y-from": C()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": N()
+        "mask-y-to": C()
       }],
       "mask-image-radial": [{
         "mask-radial": [x, b]
@@ -2073,10 +2073,10 @@ const A = (e) => {
         "mask-radial-to": $()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": N()
+        "mask-radial-from": C()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": N()
+        "mask-radial-to": C()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2088,10 +2088,10 @@ const A = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": P()
+        "mask-radial-at": S()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [T]
+        "mask-conic": [P]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": $()
@@ -2100,10 +2100,10 @@ const A = (e) => {
         "mask-conic-to": $()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": N()
+        "mask-conic-from": C()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": N()
+        "mask-conic-to": C()
       }],
       /**
        * Mask Mode
@@ -2182,14 +2182,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [T, x, b]
+        brightness: [P, x, b]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [T, x, b]
+        contrast: [P, x, b]
       }],
       /**
        * Drop Shadow
@@ -2210,42 +2210,42 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": N()
+        "drop-shadow": C()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", T, x, b]
+        grayscale: ["", P, x, b]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [T, x, b]
+        "hue-rotate": [P, x, b]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", T, x, b]
+        invert: ["", P, x, b]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [T, x, b]
+        saturate: [P, x, b]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", T, x, b]
+        sepia: ["", P, x, b]
       }],
       /**
        * Backdrop Filter
@@ -2272,56 +2272,56 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [T, x, b]
+        "backdrop-brightness": [P, x, b]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [T, x, b]
+        "backdrop-contrast": [P, x, b]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", T, x, b]
+        "backdrop-grayscale": ["", P, x, b]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [T, x, b]
+        "backdrop-hue-rotate": [P, x, b]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", T, x, b]
+        "backdrop-invert": ["", P, x, b]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [T, x, b]
+        "backdrop-opacity": [P, x, b]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [T, x, b]
+        "backdrop-saturate": [P, x, b]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", T, x, b]
+        "backdrop-sepia": ["", P, x, b]
       }],
       // --------------
       // --- Tables ---
@@ -2390,7 +2390,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [T, "initial", x, b]
+        duration: [P, "initial", x, b]
       }],
       /**
        * Transition Timing Function
@@ -2404,14 +2404,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [T, x, b]
+        delay: [P, x, b]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", z, x, b]
+        animate: ["none", T, x, b]
       }],
       // ------------------
       // --- Transforms ---
@@ -2428,14 +2428,14 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [C, x, b]
+        perspective: [N, x, b]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": I()
+        "perspective-origin": z()
       }],
       /**
        * Rotate
@@ -2531,7 +2531,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: I()
+        origin: z()
       }],
       /**
        * Transform Style
@@ -2581,7 +2581,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: N()
+        accent: C()
       }],
       /**
        * Appearance
@@ -2595,7 +2595,7 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: N()
+        caret: C()
       }],
       /**
        * Color Scheme
@@ -2841,21 +2841,21 @@ const A = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...N()]
+        fill: ["none", ...C()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [T, ue, Y, Se]
+        stroke: [P, ue, Y, Se]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...N()]
+        stroke: ["none", ...C()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2923,16 +2923,16 @@ const A = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, kr = /* @__PURE__ */ rr(wr);
+}, Nr = /* @__PURE__ */ or(kr);
 function f(...e) {
-  return kr(rt(e));
+  return Nr(ot(e));
 }
 const K = v.forwardRef(
-  ({ className: e, variant: t, size: o, asChild: a = !1, disabled: n, ...s }, l) => /* @__PURE__ */ r(
-    a ? Ot : "button",
+  ({ className: e, variant: t, size: o, asChild: a = !1, disabled: n, ...s }, i) => /* @__PURE__ */ r(
+    a ? Vt : "button",
     {
-      className: f(At({ variant: t, size: o, className: e })),
-      ref: l,
+      className: f(Lt({ variant: t, size: o, className: e })),
+      ref: i,
       type: s.type || "button",
       disabled: n,
       "aria-disabled": n ? "true" : void 0,
@@ -2941,7 +2941,7 @@ const K = v.forwardRef(
   )
 );
 K.displayName = "Button";
-const Nr = (e) => {
+const Cr = (e) => {
   switch (e) {
     case "h1":
       return "text-4xl font-bold leading-tight tracking-tight";
@@ -2968,7 +2968,7 @@ const Nr = (e) => {
     default:
       return "text-base font-normal leading-normal";
   }
-}, Cr = (e) => {
+}, Mr = (e) => {
   switch (e) {
     case "primary":
       return "text-foreground";
@@ -2985,7 +2985,7 @@ const Nr = (e) => {
     default:
       return "text-foreground";
   }
-}, Mr = (e) => {
+}, Sr = (e) => {
   switch (e) {
     case "light":
       return "font-light";
@@ -3000,7 +3000,7 @@ const Nr = (e) => {
     default:
       return "";
   }
-}, Sr = (e) => {
+}, Tr = (e) => {
   switch (e) {
     case "left":
       return "text-left";
@@ -3013,29 +3013,29 @@ const Nr = (e) => {
     default:
       return "text-left";
   }
-}, R = ({
+}, j = ({
   variant: e = "body",
   color: t = "primary",
   weight: o,
   align: a = "left",
   truncate: n = !1,
   children: s,
-  className: l,
-  as: i,
+  className: i,
+  as: l,
   ...c
 }) => {
-  const m = i || Tr(e), u = f(
+  const m = l || zr(e), u = f(
     "m-0",
-    Nr(e),
-    Cr(t),
-    Mr(o),
-    Sr(a),
+    Cr(e),
+    Mr(t),
+    Sr(o),
+    Tr(a),
     n && "truncate",
-    l
+    i
   );
   return /* @__PURE__ */ r(m, { className: u, ...c, children: s });
 };
-function Tr(e) {
+function zr(e) {
   switch (e) {
     case "h1":
       return "h1";
@@ -3053,7 +3053,7 @@ function Tr(e) {
       return "p";
   }
 }
-const zr = (e) => {
+const Pr = (e) => {
   switch (e) {
     case "sm":
       return "p-4";
@@ -3064,7 +3064,7 @@ const zr = (e) => {
     default:
       return "p-0";
   }
-}, Pr = (e) => {
+}, Ir = (e) => {
   switch (e) {
     case "sm":
       return "shadow-sm";
@@ -3075,7 +3075,7 @@ const zr = (e) => {
     default:
       return "shadow-none";
   }
-}, Ir = (e) => {
+}, Er = (e) => {
   switch (e) {
     case "sm":
       return "rounded-sm";
@@ -3086,39 +3086,39 @@ const zr = (e) => {
     default:
       return "rounded-none";
   }
-}, pt = ({
+}, ft = ({
   children: e,
   title: t,
   subtitle: o,
   className: a,
   padding: n = "md",
   shadow: s = "md",
-  borderRadius: l = "md",
-  onClick: i
+  borderRadius: i = "md",
+  onClick: l
 }) => {
-  const c = !!i, m = f(
+  const c = !!l, m = f(
     "bg-card",
-    zr(n),
-    Pr(s),
-    Ir(l),
+    Pr(n),
+    Ir(s),
+    Er(i),
     "transition-all duration-200 ease-in-out",
     c && "cursor-pointer hover:-translate-y-0.5 hover:shadow-lg active:translate-y-0",
     a
   );
-  return /* @__PURE__ */ p("div", { className: m, onClick: i, children: [
+  return /* @__PURE__ */ p("div", { className: m, onClick: l, children: [
     (t || o) && /* @__PURE__ */ p("div", { className: "mb-4", children: [
-      t && /* @__PURE__ */ r("div", { className: "mb-2", children: /* @__PURE__ */ r(R, { variant: "h3", children: t }) }),
-      o && /* @__PURE__ */ r("div", { className: "text-muted-foreground", children: /* @__PURE__ */ r(R, { variant: "body-sm", color: "muted", children: o }) })
+      t && /* @__PURE__ */ r("div", { className: "mb-2", children: /* @__PURE__ */ r(j, { variant: "h3", children: t }) }),
+      o && /* @__PURE__ */ r("div", { className: "text-muted-foreground", children: /* @__PURE__ */ r(j, { variant: "body-sm", color: "muted", children: o }) })
     ] }),
     /* @__PURE__ */ r("div", { className: "flex-1", children: e })
   ] });
-}, Er = ({
+}, jr = ({
   children: e
-}) => /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Yo = Object.assign(pt, {
-  Footer: Er
+}) => /* @__PURE__ */ r("div", { className: "mt-4 pt-4 border-t border-border", children: e }), Yo = Object.assign(ft, {
+  Footer: jr
 });
 function Rr(e, t, o, a, n, s) {
-  const l = (e - 90) * Math.PI / 180, i = (t - 90) * Math.PI / 180, c = n + o * Math.cos(l), m = s + o * Math.sin(l), u = n + o * Math.cos(i), d = s + o * Math.sin(i), h = n + a * Math.cos(i), M = s + a * Math.sin(i), y = n + a * Math.cos(l), C = s + a * Math.sin(l), g = t - e > 180 ? 1 : 0;
+  const i = (e - 90) * Math.PI / 180, l = (t - 90) * Math.PI / 180, c = n + o * Math.cos(i), m = s + o * Math.sin(i), u = n + o * Math.cos(l), d = s + o * Math.sin(l), h = n + a * Math.cos(l), M = s + a * Math.sin(l), y = n + a * Math.cos(i), N = s + a * Math.sin(i), g = t - e > 180 ? 1 : 0;
   return [
     `M ${c} ${m}`,
     // Move to start point on outer arc
@@ -3126,20 +3126,20 @@ function Rr(e, t, o, a, n, s) {
     // Outer arc
     `L ${h} ${M}`,
     // Line to inner arc
-    `A ${a} ${a} 0 ${g} 0 ${y} ${C}`,
+    `A ${a} ${a} 0 ${g} 0 ${y} ${N}`,
     // Inner arc (reverse)
     "Z"
     // Close path
   ].join(" ");
 }
-function jr(e, t, o, a, n) {
+function Ar(e, t, o, a, n) {
   const s = e.reduce((c, m) => c + m.value, 0);
   if (s === 0)
     return [];
-  let l = 0;
-  const i = [];
+  let i = 0;
+  const l = [];
   return e.forEach((c) => {
-    const m = c.value / s * 360, u = l, d = l + m, h = Rr(
+    const m = c.value / s * 360, u = i, d = i + m, h = Rr(
       u,
       d,
       t,
@@ -3147,13 +3147,13 @@ function jr(e, t, o, a, n) {
       a,
       n
     );
-    i.push({
+    l.push({
       path: h,
       segment: c
-    }), l = d;
-  }), i;
+    }), i = d;
+  }), l;
 }
-const ft = v.forwardRef(
+const ht = v.forwardRef(
   ({
     segments: e,
     size: t = 300,
@@ -3161,29 +3161,29 @@ const ft = v.forwardRef(
     centerContent: a,
     showLegend: n = !1,
     legendPosition: s = "bottom",
-    className: l,
-    onSegmentClick: i,
+    className: i,
+    onSegmentClick: l,
     onSegmentHover: c
   }, m) => {
-    const [u, d] = v.useState(null), h = t / 2, M = t / 2, y = 2, C = t / 2 - y, g = C * o, w = jr(
+    const [u, d] = v.useState(null), h = t / 2, M = t / 2, y = 2, N = t / 2 - y, g = N * o, w = Ar(
       e,
-      C,
+      N,
       g,
       h,
       M
-    ), z = (P) => {
-      d(P), c?.(P);
-    }, S = s === "left" || s === "right";
+    ), T = (S) => {
+      d(S), c?.(S);
+    }, E = s === "left" || s === "right";
     return /* @__PURE__ */ p(
       "div",
       {
         ref: m,
         className: f(
           "flex gap-4",
-          S ? "flex-row items-center" : "flex-col items-center",
+          E ? "flex-row items-center" : "flex-col items-center",
           s === "right" && "flex-row-reverse",
           s === "top" && "flex-col-reverse",
-          l
+          i
         ),
         children: [
           /* @__PURE__ */ p(
@@ -3192,23 +3192,23 @@ const ft = v.forwardRef(
               className: "relative inline-block",
               style: { width: t, height: t },
               children: [
-                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: w.map(({ path: P, segment: I }, V) => /* @__PURE__ */ r(
+                /* @__PURE__ */ r("svg", { width: t, height: t, viewBox: `0 0 ${t} ${t}`, children: w.map(({ path: S, segment: z }, V) => /* @__PURE__ */ r(
                   "path",
                   {
-                    d: P,
-                    fill: I.color,
+                    d: S,
+                    fill: z.color,
                     stroke: "white",
                     strokeWidth: y,
                     className: f(
                       "transition-opacity duration-200",
-                      u && u !== I && "opacity-50",
-                      i && "cursor-pointer"
+                      u && u !== z && "opacity-50",
+                      l && "cursor-pointer"
                     ),
-                    onMouseEnter: () => z(I),
-                    onMouseLeave: () => z(null),
-                    onClick: () => i?.(I)
+                    onMouseEnter: () => T(z),
+                    onMouseLeave: () => T(null),
+                    onClick: () => l?.(z)
                   },
-                  `${I.label}-${V}`
+                  `${z.label}-${V}`
                 )) }),
                 a && /* @__PURE__ */ r(
                   "div",
@@ -3226,31 +3226,31 @@ const ft = v.forwardRef(
             {
               className: f(
                 "flex gap-2",
-                S ? "flex-col" : "flex-row flex-wrap justify-center"
+                E ? "flex-col" : "flex-row flex-wrap justify-center"
               ),
-              children: e.map((P, I) => /* @__PURE__ */ p(
+              children: e.map((S, z) => /* @__PURE__ */ p(
                 "div",
                 {
                   className: f(
                     "flex items-center gap-2 text-sm transition-opacity duration-200",
-                    u && u !== P && "opacity-50",
-                    i && "cursor-pointer"
+                    u && u !== S && "opacity-50",
+                    l && "cursor-pointer"
                   ),
-                  onMouseEnter: () => z(P),
-                  onMouseLeave: () => z(null),
-                  onClick: () => i?.(P),
+                  onMouseEnter: () => T(S),
+                  onMouseLeave: () => T(null),
+                  onClick: () => l?.(S),
                   children: [
                     /* @__PURE__ */ r(
                       "div",
                       {
                         className: "h-3 w-3 rounded-sm flex-shrink-0",
-                        style: { backgroundColor: P.color }
+                        style: { backgroundColor: S.color }
                       }
                     ),
-                    /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: P.label })
+                    /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: S.label })
                   ]
                 },
-                `${P.label}-${I}`
+                `${S.label}-${z}`
               ))
             }
           )
@@ -3259,40 +3259,40 @@ const ft = v.forwardRef(
     );
   }
 );
-ft.displayName = "DonutChart";
+ht.displayName = "DonutChart";
 function ea(e, t, o = {}) {
   const {
     initialCategory: a = null,
     initialSort: n = null,
     enableSearch: s = !1
-  } = o, [l, i] = ee(
+  } = o, [i, l] = ee(
     a
-  ), [c, m] = ee(n), [u, d] = ee(""), h = Ne(() => It(e, l), [e, l]), M = Ne(() => {
+  ), [c, m] = ee(n), [u, d] = ee(""), h = Ne(() => Et(e, i), [e, i]), M = Ne(() => {
     if (!s || !u.trim())
       return h;
     const w = u.toLowerCase();
     return h.filter(
-      (z) => z.title.toLowerCase().includes(w) || z.subtitle?.toLowerCase().includes(w)
+      (T) => T.title.toLowerCase().includes(w) || T.subtitle?.toLowerCase().includes(w)
     );
-  }, [h, u, s]), y = Ne(() => c ? Et(M, c) : M, [M, c]), C = He(
+  }, [h, u, s]), y = Ne(() => c ? jt(M, c) : M, [M, c]), N = He(
     (w) => Rt(e, w),
     [e]
   ), g = He(() => {
-    i(a), m(n), d("");
+    l(a), m(n), d("");
   }, [a, n]);
   return {
-    activeCategory: l,
-    setActiveCategory: i,
+    activeCategory: i,
+    setActiveCategory: l,
     sort: c,
     setSort: m,
     searchQuery: u,
     setSearchQuery: d,
     filteredEntities: y,
-    getCategoryCount: C,
+    getCategoryCount: N,
     resetFilters: g
   };
 }
-const Ar = J(
+const Lr = J(
   "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: {
@@ -3322,8 +3322,8 @@ const Ar = J(
     icon: a,
     selected: n,
     dismissible: s,
-    onDismiss: l,
-    children: i,
+    onDismiss: i,
+    children: l,
     disabled: c,
     ...m
   }, u) => /* @__PURE__ */ p(
@@ -3331,7 +3331,7 @@ const Ar = J(
     {
       type: "button",
       className: f(
-        Ar({ variant: n ? "selected" : t, size: o, className: e })
+        Lr({ variant: n ? "selected" : t, size: o, className: e })
       ),
       ref: u,
       disabled: c,
@@ -3340,14 +3340,14 @@ const Ar = J(
       ...m,
       children: [
         a && /* @__PURE__ */ r("span", { className: "mr-1.5 inline-flex items-center", "aria-hidden": "true", children: a }),
-        /* @__PURE__ */ r("span", { children: i }),
-        s && l && /* @__PURE__ */ r(
+        /* @__PURE__ */ r("span", { children: l }),
+        s && i && /* @__PURE__ */ r(
           "button",
           {
             type: "button",
             className: "ml-1.5 inline-flex items-center hover:opacity-70",
             onClick: (h) => {
-              h.stopPropagation(), l();
+              h.stopPropagation(), i();
             },
             "aria-label": "Remove",
             children: "×"
@@ -3358,7 +3358,7 @@ const Ar = J(
   )
 );
 Oe.displayName = "Chip";
-const ht = v.forwardRef(
+const gt = v.forwardRef(
   ({
     categories: e,
     activeCategory: t,
@@ -3366,27 +3366,27 @@ const ht = v.forwardRef(
     showCount: a,
     getCategoryCount: n,
     className: s
-  }, l) => /* @__PURE__ */ r(
+  }, i) => /* @__PURE__ */ r(
     "div",
     {
-      ref: l,
+      ref: i,
       role: "tablist",
       "aria-label": "Filter by category",
       className: f("flex flex-wrap gap-2 overflow-x-auto pb-2", s),
-      children: e.map((i) => {
-        const c = t === i.id, m = a && n ? n(i.id) : void 0;
+      children: e.map((l) => {
+        const c = t === l.id, m = a && n ? n(l.id) : void 0;
         return /* @__PURE__ */ p(
           Oe,
           {
             role: "tab",
             "aria-selected": c,
-            "aria-controls": `entities-panel-${i.id}`,
+            "aria-controls": `entities-panel-${l.id}`,
             selected: c,
             variant: c ? "selected" : "outline",
-            icon: typeof i.icon == "string" ? i.icon : i.icon ? v.createElement(i.icon) : void 0,
-            onClick: () => o(c ? null : i.id),
+            icon: typeof l.icon == "string" ? l.icon : l.icon ? v.createElement(l.icon) : void 0,
+            onClick: () => o(c ? null : l.id),
             children: [
-              i.label,
+              l.label,
               m !== void 0 && /* @__PURE__ */ p("span", { className: "ml-1.5 opacity-70", children: [
                 "(",
                 m,
@@ -3394,14 +3394,14 @@ const ht = v.forwardRef(
               ] })
             ]
           },
-          i.id
+          l.id
         );
       })
     }
   )
 );
-ht.displayName = "CategoryChips";
-const Lr = J(
+gt.displayName = "CategoryChips";
+const $r = J(
   [
     // Base styles
     "flex w-full rounded-md border bg-background px-3 py-2",
@@ -3429,7 +3429,7 @@ const Lr = J(
       inputSize: "default"
     }
   }
-), $r = J(
+), Or = J(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3448,7 +3448,7 @@ const Lr = J(
       required: !1
     }
   }
-), Or = J("mt-1.5 text-sm", {
+), Vr = J("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3467,22 +3467,22 @@ const Lr = J(
     variant: a,
     inputSize: n,
     label: s,
-    helperText: l,
-    error: i,
+    helperText: i,
+    error: l,
     required: c,
     prefix: m,
     suffix: u,
     id: d,
     ...h
   }, M) => {
-    const y = v.useId(), C = d || y, g = `${C}-helper`, w = `${C}-error`, z = i ? "error" : a, S = i || l;
+    const y = v.useId(), N = d || y, g = `${N}-helper`, w = `${N}-error`, T = l ? "error" : a, E = l || i;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
         {
-          htmlFor: C,
+          htmlFor: N,
           className: f(
-            $r({ variant: z, required: c }),
+            Or({ variant: T, required: c }),
             o
           ),
           children: s
@@ -3493,35 +3493,35 @@ const Lr = J(
         /* @__PURE__ */ r(
           "input",
           {
-            id: C,
+            id: N,
             ref: M,
             className: f(
-              Lr({ variant: z, inputSize: n }),
+              $r({ variant: T, inputSize: n }),
               m && "pl-10",
               u && "pr-10",
               e
             ),
-            "aria-invalid": i ? "true" : "false",
-            "aria-describedby": S ? i ? w : g : void 0,
+            "aria-invalid": l ? "true" : "false",
+            "aria-describedby": E ? l ? w : g : void 0,
             ...h
           }
         ),
         u && /* @__PURE__ */ r("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: u })
       ] }),
-      S && /* @__PURE__ */ r(
+      E && /* @__PURE__ */ r(
         "p",
         {
-          id: i ? w : g,
-          className: Or({ variant: z }),
-          role: i ? "alert" : void 0,
-          children: S
+          id: l ? w : g,
+          className: Vr({ variant: T }),
+          role: l ? "alert" : void 0,
+          children: E
         }
       )
     ] });
   }
 );
 ne.displayName = "Input";
-const Vr = (e) => {
+const Fr = (e) => {
   switch (e) {
     case "sm":
       return "max-w-md";
@@ -3534,24 +3534,24 @@ const Vr = (e) => {
     default:
       return "max-w-2xl";
   }
-}, Fr = ({
+}, _r = ({
   isOpen: e,
   onClose: t,
   title: o,
   children: a,
   size: n = "md",
   showCloseButton: s = !0,
-  closeOnOverlayClick: l = !0,
-  closeOnEscape: i = !0
+  closeOnOverlayClick: i = !0,
+  closeOnEscape: l = !0
 }) => {
   const c = Ae.useRef(null);
   if (Ce(() => {
-    if (!e || !i) return;
-    const y = (C) => {
-      C.key === "Escape" && t();
+    if (!e || !l) return;
+    const y = (N) => {
+      N.key === "Escape" && t();
     };
     return document.addEventListener("keydown", y), () => document.removeEventListener("keydown", y);
-  }, [e, i, t]), Ce(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
+  }, [e, l, t]), Ce(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "unset", () => {
     document.body.style.overflow = "unset";
   }), [e]), Ce(() => {
     e && c.current && c.current.focus();
@@ -3560,7 +3560,7 @@ const Vr = (e) => {
     "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4"
   ), u = f(
     "bg-card rounded-lg shadow-xl w-full max-h-[90vh] overflow-hidden flex flex-col",
-    Vr(n)
+    Fr(n)
   ), d = f(
     "p-6 border-b border-border flex items-center justify-between"
   ), h = f("p-6 overflow-y-auto flex-1"), M = f(
@@ -3570,7 +3570,7 @@ const Vr = (e) => {
     "div",
     {
       className: m,
-      onClick: l ? t : void 0,
+      onClick: i ? t : void 0,
       children: /* @__PURE__ */ p(
         "div",
         {
@@ -3583,7 +3583,7 @@ const Vr = (e) => {
           "aria-labelledby": o ? "modal-title" : void 0,
           children: [
             (o || s) && /* @__PURE__ */ p("div", { className: d, children: [
-              o && /* @__PURE__ */ r(R, { variant: "h3", className: "text-foreground", children: o }),
+              o && /* @__PURE__ */ r(j, { variant: "h3", className: "text-foreground", children: o }),
               s && /* @__PURE__ */ r(
                 "button",
                 {
@@ -3600,11 +3600,11 @@ const Vr = (e) => {
       )
     }
   );
-}, _r = ({
+}, Dr = ({
   children: e,
   actions: t,
   ...o
-}) => /* @__PURE__ */ p(Fr, { ...o, children: [
+}) => /* @__PURE__ */ p(_r, { ...o, children: [
   /* @__PURE__ */ r("div", { className: "p-6 overflow-y-auto flex-1", children: e }),
   t && /* @__PURE__ */ r("div", { className: "p-6 border-t border-border flex justify-end gap-3", children: t })
 ] }), ta = ({
@@ -3614,20 +3614,20 @@ const Vr = (e) => {
   title: a,
   message: n,
   confirmText: s = "Confirm",
-  cancelText: l = "Cancel"
+  cancelText: i = "Cancel"
 }) => /* @__PURE__ */ r(
-  _r,
+  Dr,
   {
     isOpen: e,
     onClose: t,
     title: a,
     actions: /* @__PURE__ */ p(se, { children: [
-      /* @__PURE__ */ r(K, { variant: "secondary", onClick: t, children: l }),
+      /* @__PURE__ */ r(K, { variant: "secondary", onClick: t, children: i }),
       /* @__PURE__ */ r(K, { variant: "default", onClick: o, children: s })
     ] }),
-    children: /* @__PURE__ */ r(R, { children: n })
+    children: /* @__PURE__ */ r(j, { children: n })
   }
-), Dr = J(
+), Br = J(
   [
     // Base styles
     "flex w-full rounded-md border bg-background px-3 py-2",
@@ -3654,7 +3654,7 @@ const Vr = (e) => {
       selectSize: "default"
     }
   }
-), Br = J(
+), Hr = J(
   ["block text-sm font-medium mb-1.5", "transition-colors"],
   {
     variants: {
@@ -3673,7 +3673,7 @@ const Vr = (e) => {
       required: !1
     }
   }
-), Hr = J("mt-1.5 text-sm", {
+), Gr = J("mt-1.5 text-sm", {
   variants: {
     variant: {
       default: "text-muted-foreground",
@@ -3691,13 +3691,13 @@ const Vr = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Wr = (e) => e.replace(
+const Wr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Ur = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, o, a) => a ? a.toUpperCase() : o.toLowerCase()
 ), Qe = (e) => {
-  const t = Wr(e);
+  const t = Ur(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, gt = (...e) => e.filter((t, o, a) => !!t && t.trim() !== "" && a.indexOf(t) === o).join(" ").trim(), Ur = (e) => {
+}, bt = (...e) => e.filter((t, o, a) => !!t && t.trim() !== "" && a.indexOf(t) === o).join(" ").trim(), qr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -3708,7 +3708,7 @@ const Gr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Wr = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var qr = {
+var Xr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -3725,7 +3725,7 @@ var qr = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xr = we(
+const Zr = we(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -3733,23 +3733,23 @@ const Xr = we(
     absoluteStrokeWidth: a,
     className: n = "",
     children: s,
-    iconNode: l,
-    ...i
+    iconNode: i,
+    ...l
   }, c) => Pe(
     "svg",
     {
       ref: c,
-      ...qr,
+      ...Xr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: a ? Number(o) * 24 / Number(t) : o,
-      className: gt("lucide", n),
-      ...!s && !Ur(i) && { "aria-hidden": "true" },
-      ...i
+      className: bt("lucide", n),
+      ...!s && !qr(l) && { "aria-hidden": "true" },
+      ...l
     },
     [
-      ...l.map(([m, u]) => Pe(m, u)),
+      ...i.map(([m, u]) => Pe(m, u)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -3762,11 +3762,11 @@ const Xr = we(
  */
 const G = (e, t) => {
   const o = we(
-    ({ className: a, ...n }, s) => Pe(Xr, {
+    ({ className: a, ...n }, s) => Pe(Zr, {
       ref: s,
       iconNode: t,
-      className: gt(
-        `lucide-${Gr(Qe(e))}`,
+      className: bt(
+        `lucide-${Wr(Qe(e))}`,
         `lucide-${e}`,
         a
       ),
@@ -3781,7 +3781,7 @@ const G = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zr = [
+const Kr = [
   ["path", { d: "M10 4 8 6", key: "1rru8s" }],
   ["path", { d: "M17 19v2", key: "ts1sot" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }],
@@ -3793,26 +3793,26 @@ const Zr = [
       key: "14ym8i"
     }
   ]
-], Kr = G("bath", Zr);
+], Jr = G("bath", Kr);
 /**
  * @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 Jr = [
+const Qr = [
   ["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" }]
-], Qr = G("bed", Jr);
+], Yr = G("bed", 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 Yr = [
+const eo = [
   [
     "path",
     {
@@ -3823,34 +3823,34 @@ const Yr = [
   ["circle", { cx: "7", cy: "17", r: "2", key: "u2ysq9" }],
   ["path", { d: "M9 17h6", key: "r8uit2" }],
   ["circle", { cx: "17", cy: "17", r: "2", key: "axvx0g" }]
-], eo = G("car", Yr);
+], to = G("car", eo);
 /**
  * @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 to = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], ro = G("chevron-down", to);
+const ro = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], oo = G("chevron-down", ro);
 /**
  * @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 oo = [
+const ao = [
   ["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" }]
-], ao = G("grid-3x3", oo);
+], no = G("grid-3x3", ao);
 /**
  * @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 no = [
+const so = [
   [
     "path",
     {
@@ -3858,7 +3858,7 @@ const no = [
       key: "mvr1a0"
     }
   ]
-], so = G("heart", no);
+], io = G("heart", so);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3874,14 +3874,14 @@ const lo = [
       key: "r6nss1"
     }
   ]
-], io = G("house", lo);
+], co = G("house", lo);
 /**
  * @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 co = [
+const mo = [
   [
     "path",
     {
@@ -3890,30 +3890,30 @@ const co = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], mo = G("map-pin", co);
+], uo = G("map-pin", mo);
 /**
  * @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 uo = [
+const po = [
   ["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" }]
-], po = G("maximize", uo);
+], fo = G("maximize", po);
 /**
  * @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 fo = [
+const ho = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
-], ho = G("menu", fo);
+], Ye = G("menu", ho);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3923,7 +3923,7 @@ const fo = [
 const go = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], je = G("search", go);
+], Re = G("search", go);
 /**
  * @license lucide-react v0.547.0 - ISC
  *
@@ -3943,7 +3943,7 @@ const bo = [
 const yo = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ye = G("x", yo), Ve = v.forwardRef(
+], et = G("x", yo), Ve = v.forwardRef(
   ({
     className: e,
     containerClassName: t,
@@ -3951,22 +3951,22 @@ const yo = [
     variant: a,
     selectSize: n,
     label: s,
-    helperText: l,
-    error: i,
+    helperText: i,
+    error: l,
     required: c,
     options: m,
     placeholder: u,
     id: d,
     ...h
   }, M) => {
-    const y = v.useId(), C = d || y, g = `${C}-helper`, w = `${C}-error`, z = i ? "error" : a, S = i || l;
+    const y = v.useId(), N = d || y, g = `${N}-helper`, w = `${N}-error`, T = l ? "error" : a, E = l || i;
     return /* @__PURE__ */ p("div", { className: f("w-full", t), children: [
       s && /* @__PURE__ */ r(
         "label",
         {
-          htmlFor: C,
+          htmlFor: N,
           className: f(
-            Br({ variant: z, required: c }),
+            Hr({ variant: T, required: c }),
             o
           ),
           children: s
@@ -3976,40 +3976,40 @@ const yo = [
         /* @__PURE__ */ p(
           "select",
           {
-            id: C,
+            id: N,
             ref: M,
             className: f(
-              Dr({ variant: z, selectSize: n }),
+              Br({ variant: T, selectSize: n }),
               "pr-10",
               // Space for chevron icon
               e
             ),
-            "aria-invalid": i ? "true" : "false",
-            "aria-describedby": S ? i ? w : g : void 0,
+            "aria-invalid": l ? "true" : "false",
+            "aria-describedby": E ? l ? w : g : void 0,
             ...h,
             children: [
               u && /* @__PURE__ */ r("option", { value: "", disabled: !0, children: u }),
-              m.map((P) => /* @__PURE__ */ r(
+              m.map((S) => /* @__PURE__ */ r(
                 "option",
                 {
-                  value: P.value,
-                  disabled: P.disabled,
-                  children: P.label
+                  value: S.value,
+                  disabled: S.disabled,
+                  children: S.label
                 },
-                P.value
+                S.value
               ))
             ]
           }
         ),
-        /* @__PURE__ */ r("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ r(ro, { className: "h-4 w-4" }) })
+        /* @__PURE__ */ r("div", { className: "pointer-events-none absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: /* @__PURE__ */ r(oo, { className: "h-4 w-4" }) })
       ] }),
-      S && /* @__PURE__ */ r(
+      E && /* @__PURE__ */ r(
         "p",
         {
-          id: i ? w : g,
-          className: Hr({ variant: z }),
-          role: i ? "alert" : void 0,
-          children: S
+          id: l ? w : g,
+          className: Gr({ variant: T }),
+          role: l ? "alert" : void 0,
+          children: E
         }
       )
     ] });
@@ -4034,13 +4034,13 @@ const vo = (e) => {
   footer: a,
   padding: n = "md"
 }) => {
-  const s = f("min-h-screen flex flex-col"), l = f("bg-card border-b border-border z-10"), i = f("flex flex-1"), c = f("w-70 bg-card border-r border-border p-6"), m = f("flex-1 flex flex-col"), u = f(
+  const s = f("min-h-screen flex flex-col"), i = f("bg-card border-b border-border z-10"), l = f("flex flex-1"), c = f("w-70 bg-card border-r border-border p-6"), m = f("flex-1 flex flex-col"), u = f(
     "flex-1 mx-auto w-full max-w-7xl",
     vo(n)
   );
   return /* @__PURE__ */ p("div", { className: s, children: [
-    t && /* @__PURE__ */ r("header", { className: l, children: t }),
-    /* @__PURE__ */ p("div", { className: i, children: [
+    t && /* @__PURE__ */ r("header", { className: i, children: t }),
+    /* @__PURE__ */ p("div", { className: l, children: [
       o && /* @__PURE__ */ r("aside", { className: c, children: o }),
       /* @__PURE__ */ r("div", { className: m, children: /* @__PURE__ */ r("main", { className: u, children: e }) })
     ] }),
@@ -4048,11 +4048,11 @@ const vo = (e) => {
   ] });
 }, ra = ({ children: e, header: t, sidebar: o }) => /* @__PURE__ */ r(Fe, { header: t, sidebar: o, padding: "lg", children: /* @__PURE__ */ r("div", { className: "max-w-screen-2xl", children: e }) }), oa = ({ children: e, title: t, subtitle: o }) => /* @__PURE__ */ r(Fe, { padding: "lg", children: /* @__PURE__ */ p("div", { className: "max-w-md mx-auto", children: [
   /* @__PURE__ */ p("div", { className: "text-center mb-8", children: [
-    t && /* @__PURE__ */ r(R, { variant: "h2", className: "mb-2", children: t }),
-    o && /* @__PURE__ */ r(R, { variant: "body", color: "muted", children: o })
+    t && /* @__PURE__ */ r(j, { variant: "h2", className: "mb-2", children: t }),
+    o && /* @__PURE__ */ r(j, { variant: "body", color: "muted", children: o })
   ] }),
   e
-] }) }), aa = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Fe, { header: t, footer: o, padding: "none", children: e }), bt = v.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
+] }) }), aa = ({ children: e, header: t, footer: o }) => /* @__PURE__ */ r(Fe, { header: t, footer: o, padding: "none", children: e }), xt = v.forwardRef(({ message: e = "No entities found", icon: t, action: o, className: a }, n) => /* @__PURE__ */ p(
   "div",
   {
     ref: n,
@@ -4064,13 +4064,13 @@ const vo = (e) => {
     ),
     children: [
       t && /* @__PURE__ */ r("div", { className: "mb-4 text-4xl opacity-50", "aria-hidden": "true", children: t }),
-      /* @__PURE__ */ r(R, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
+      /* @__PURE__ */ r(j, { variant: "body-lg", className: "text-muted-foreground mb-4", children: e }),
       o && /* @__PURE__ */ r(K, { variant: "outline", onClick: o.onClick, children: o.label })
     ]
   }
 ));
-bt.displayName = "EntityDirectoryEmptyState";
-const xt = v.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
+xt.displayName = "EntityDirectoryEmptyState";
+const yt = v.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
   const n = typeof e == "string" ? e : e.message;
   return /* @__PURE__ */ p(
     "div",
@@ -4084,20 +4084,20 @@ const xt = v.forwardRef(({ error: e, onRetry: t, className: o }, a) => {
       ),
       children: [
         /* @__PURE__ */ r("div", { className: "mb-4 text-4xl", "aria-hidden": "true", children: "⚠️" }),
-        /* @__PURE__ */ r(R, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
-        /* @__PURE__ */ r(R, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
+        /* @__PURE__ */ r(j, { variant: "body-lg", className: "text-destructive mb-2 font-semibold", children: "Error" }),
+        /* @__PURE__ */ r(j, { variant: "body", className: "text-muted-foreground mb-4", children: n }),
         t && /* @__PURE__ */ r(K, { variant: "outline", onClick: t, children: "Try Again" })
       ]
     }
   );
 });
-xt.displayName = "EntityDirectoryErrorState";
-const yt = v.forwardRef(({ title: e, description: t, className: o }, a) => /* @__PURE__ */ p("div", { ref: a, className: f("space-y-1.5", o), children: [
-  /* @__PURE__ */ r(R, { variant: "h2", className: "font-bold", children: e }),
-  t && /* @__PURE__ */ r(R, { variant: "body", className: "text-muted-foreground", children: t })
+yt.displayName = "EntityDirectoryErrorState";
+const vt = v.forwardRef(({ title: e, description: t, className: o }, a) => /* @__PURE__ */ p("div", { ref: a, className: f("space-y-1.5", o), children: [
+  /* @__PURE__ */ r(j, { variant: "h2", className: "font-bold", children: e }),
+  t && /* @__PURE__ */ r(j, { variant: "body", className: "text-muted-foreground", children: t })
 ] }));
-yt.displayName = "EntityDirectoryHeader";
-const vt = v.forwardRef(
+vt.displayName = "EntityDirectoryHeader";
+const wt = v.forwardRef(
   ({
     entity: e,
     categories: t,
@@ -4105,8 +4105,8 @@ const vt = v.forwardRef(
     showCategoryBadge: a = !0,
     showMetric: n = !0,
     compact: s = !1,
-    className: l
-  }, i) => {
+    className: i
+  }, l) => {
     const c = t?.find((h) => h.id === e.categoryId), m = !!e.onClick, u = () => {
       e.onClick && !e.disabled && e.onClick();
     }, d = (h) => {
@@ -4115,7 +4115,7 @@ const vt = v.forwardRef(
     return /* @__PURE__ */ p(
       "div",
       {
-        ref: i,
+        ref: l,
         role: m ? "button" : "listitem",
         tabIndex: m && !e.disabled ? 0 : void 0,
         onClick: u,
@@ -4126,7 +4126,7 @@ const vt = v.forwardRef(
           s ? "p-3" : "p-4",
           m && !e.disabled && "cursor-pointer hover:bg-accent/50 focus-visible:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
           e.disabled && "opacity-50 cursor-not-allowed",
-          l
+          i
         ),
         children: [
           o && /* @__PURE__ */ r(
@@ -4142,7 +4142,7 @@ const vt = v.forwardRef(
           ),
           /* @__PURE__ */ p("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ r(
-              R,
+              j,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-semibold truncate",
@@ -4150,7 +4150,7 @@ const vt = v.forwardRef(
               }
             ),
             e.subtitle && /* @__PURE__ */ r(
-              R,
+              j,
               {
                 variant: s ? "caption" : "body-sm",
                 className: "text-muted-foreground truncate",
@@ -4170,23 +4170,23 @@ const vt = v.forwardRef(
           ),
           n && e.metricValue && /* @__PURE__ */ p("div", { className: "flex-shrink-0 text-right min-w-[4rem]", children: [
             /* @__PURE__ */ r(
-              R,
+              j,
               {
                 variant: s ? "body-sm" : "body",
                 className: "font-medium",
                 children: e.metricValue
               }
             ),
-            e.metricLabel && /* @__PURE__ */ r(R, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
+            e.metricLabel && /* @__PURE__ */ r(j, { variant: "caption", className: "text-muted-foreground", children: e.metricLabel })
           ] })
         ]
       }
     );
   }
 );
-vt.displayName = "EntityDirectoryListItem";
-const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, compact: n, className: s }, l) => {
-  const i = (d) => {
+wt.displayName = "EntityDirectoryListItem";
+const kt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, compact: n, className: s }, i) => {
+  const l = (d) => {
     if (!a) return;
     const h = o?.column === d && o?.direction === "asc" ? "desc" : "asc";
     a({
@@ -4194,9 +4194,9 @@ const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
       direction: h
     });
   }, c = (d) => {
-    i(d);
+    l(d);
   }, m = (d, h) => {
-    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), i(h));
+    (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l(h));
   }, u = (d) => d !== "title" && d !== "metric" ? null : !o || o.column !== d ? /* @__PURE__ */ r(
     "span",
     {
@@ -4208,7 +4208,7 @@ const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
   return /* @__PURE__ */ p(
     "div",
     {
-      ref: l,
+      ref: i,
       role: "row",
       className: f(
         "flex items-center gap-4 bg-background border-b border-border font-medium text-sm text-muted-foreground",
@@ -4249,8 +4249,8 @@ const wt = v.forwardRef(({ columns: e, showIcon: t, sort: o, onSortChange: a, co
     }
   );
 });
-wt.displayName = "EntityDirectoryTableHeader";
-const kt = v.forwardRef(
+kt.displayName = "EntityDirectoryTableHeader";
+const Nt = v.forwardRef(
   ({
     entities: e,
     categories: t,
@@ -4258,8 +4258,8 @@ const kt = v.forwardRef(
     showCategoryBadges: a = !0,
     showMetric: n = !0,
     metricLabel: s,
-    sortable: l = !1,
-    sort: i,
+    sortable: i = !1,
+    sort: l,
     onSortChange: c,
     compact: m = !1,
     renderItem: u,
@@ -4269,14 +4269,14 @@ const kt = v.forwardRef(
       {
         key: "title",
         label: s ? "Nombre" : "Name",
-        sortable: l
+        sortable: i
       },
       ...a ? [{ key: "category", label: "Categoría", sortable: !1 }] : [],
       ...n && s ? [
         {
           key: "metric",
           label: s,
-          sortable: l,
+          sortable: i,
           align: "right"
         }
       ] : []
@@ -4293,18 +4293,18 @@ const kt = v.forwardRef(
         ),
         children: [
           /* @__PURE__ */ r(
-            wt,
+            kt,
             {
               columns: M,
               showIcon: o,
-              sort: i,
+              sort: l,
               onSortChange: c,
               compact: m
             }
           ),
           /* @__PURE__ */ r("div", { role: "rowgroup", children: e.map(
             (y) => u ? /* @__PURE__ */ r(v.Fragment, { children: u(y) }, y.id) : /* @__PURE__ */ r(
-              vt,
+              wt,
               {
                 entity: y,
                 categories: t,
@@ -4321,8 +4321,8 @@ const kt = v.forwardRef(
     );
   }
 );
-kt.displayName = "EntityDirectoryList";
-const Nt = v.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
+Nt.displayName = "EntityDirectoryList";
+const Ct = v.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
   "div",
   {
     ref: o,
@@ -4351,8 +4351,8 @@ const Nt = v.forwardRef(({ rows: e = 5, className: t }, o) => /* @__PURE__ */ p(
     ]
   }
 ));
-Nt.displayName = "EntityDirectoryLoadingState";
-const Ct = v.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entities...", className: a }, n) => /* @__PURE__ */ p("div", { className: f("relative", a), children: [
+Ct.displayName = "EntityDirectoryLoadingState";
+const Mt = v.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entities...", className: a }, n) => /* @__PURE__ */ p("div", { className: f("relative", a), children: [
   /* @__PURE__ */ r("div", { className: "absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none", children: /* @__PURE__ */ r(
     "svg",
     {
@@ -4418,7 +4418,7 @@ const Ct = v.forwardRef(({ value: e, onChange: t, placeholder: o = "Search entit
     }
   )
 ] }));
-Ct.displayName = "EntityDirectorySearchFilter";
+Mt.displayName = "EntityDirectorySearchFilter";
 const wo = v.forwardRef(
   ({
     entities: e,
@@ -4427,8 +4427,8 @@ const wo = v.forwardRef(
     description: a,
     activeCategory: n,
     onCategoryChange: s,
-    showCategoryCount: l,
-    getCategoryCount: i,
+    showCategoryCount: i,
+    getCategoryCount: l,
     enableSearch: c = !1,
     searchQuery: m = "",
     onSearchChange: u,
@@ -4436,15 +4436,15 @@ const wo = v.forwardRef(
     sortable: h = !1,
     sort: M,
     onSortChange: y,
-    showIcons: C = !0,
+    showIcons: N = !0,
     showCategoryBadges: g = !0,
     showMetric: w = !0,
-    metricLabel: z,
-    compact: S = !1,
-    loading: P = !1,
-    error: I,
+    metricLabel: T,
+    compact: E = !1,
+    loading: S = !1,
+    error: z,
     emptyMessage: V,
-    onRetry: E,
+    onRetry: I,
     emptyState: k,
     errorState: L,
     loadingState: q,
@@ -4452,43 +4452,43 @@ const wo = v.forwardRef(
     className: X,
     style: oe
   }, Q) => {
-    const B = t && t.length > 0, D = !P && !I && e.length === 0, W = !P && !!I;
+    const B = t && t.length > 0, D = !S && !z && e.length === 0, W = !S && !!z;
     return /* @__PURE__ */ p("div", { ref: Q, className: f("space-y-6", X), style: oe, children: [
-      /* @__PURE__ */ r(yt, { title: o, description: a }),
+      /* @__PURE__ */ r(vt, { title: o, description: a }),
       B && s && /* @__PURE__ */ r(
-        ht,
+        gt,
         {
           categories: t,
           activeCategory: n,
           onCategoryChange: s,
-          showCount: l,
-          getCategoryCount: i
+          showCount: i,
+          getCategoryCount: l
         }
       ),
       c && u && /* @__PURE__ */ r(
-        Ct,
+        Mt,
         {
           value: m,
           onChange: u,
           placeholder: d
         }
       ),
-      P && (q || /* @__PURE__ */ r(Nt, {})),
-      W && (L || /* @__PURE__ */ r(xt, { error: I, onRetry: E })),
-      D && (k || /* @__PURE__ */ r(bt, { message: V })),
-      !P && !W && !D && /* @__PURE__ */ r(
-        kt,
+      S && (q || /* @__PURE__ */ r(Ct, {})),
+      W && (L || /* @__PURE__ */ r(yt, { error: z, onRetry: I })),
+      D && (k || /* @__PURE__ */ r(xt, { message: V })),
+      !S && !W && !D && /* @__PURE__ */ r(
+        Nt,
         {
           entities: e,
           categories: t,
-          showIcons: C,
+          showIcons: N,
           showCategoryBadges: g,
           showMetric: w,
-          metricLabel: z,
+          metricLabel: T,
           sortable: h,
           sort: M,
           onSortChange: y,
-          compact: S,
+          compact: E,
           renderItem: re
         }
       )
@@ -4513,21 +4513,21 @@ const No = we(
     loginButtonText: a,
     showMobileMenu: n,
     className: s,
-    logoClassName: l,
-    navigationClassName: i,
+    logoClassName: i,
+    navigationClassName: l,
     navigationItemClassName: c,
     loginButtonClassName: m,
     mobileMenuButtonClassName: u,
     id: d,
     "aria-label": h
   }, M) => {
-    const [y, C] = ee(!1), g = ko({
+    const [y, N] = ee(!1), g = ko({
       variant: e,
       logo: t,
       navigationItems: o,
       loginButtonText: a,
       showMobileMenu: n
-    }), w = g.variant === "modern", z = g.variant === "luxury";
+    }), w = g.variant === "modern", T = g.variant === "luxury", E = T && g.showMobileMenu;
     return /* @__PURE__ */ p(se, { children: [
       /* @__PURE__ */ p(
         "header",
@@ -4538,8 +4538,8 @@ const No = we(
           "aria-label": h || "Site header",
           className: f(
             "flex items-center justify-between relative w-full",
-            // Luxury: Minimal padding, Modern/Minimal: Standard compact padding
-            z ? "px-6 py-4" : "px-6 py-1",
+            // Luxury: wide horizontal rhythm from Figma, Modern/Minimal: compact padding
+            T ? "px-16 py-2" : "px-6 py-1",
             s
           ),
           children: [
@@ -4547,12 +4547,12 @@ const No = we(
               "p",
               {
                 className: f(
-                  "font-black tracking-wider leading-normal",
-                  // Luxury: Smaller, uppercase, Modern/Minimal: Larger
-                  z ? "text-sm uppercase" : "text-xl",
+                  "leading-normal",
+                  // Luxury: Tenor Sans serif mark, Modern/Minimal: bold sans mark
+                  T ? "font-heading text-xl font-normal uppercase tracking-[0.04em]" : "font-black tracking-wider text-xl",
                   // Variant-default text color (can be overridden)
                   w ? "text-zinc-900" : "text-white",
-                  l
+                  i
                 ),
                 children: g.logo
               }
@@ -4562,92 +4562,100 @@ const No = we(
               {
                 className: f(
                   "hidden md:flex items-center",
-                  // Luxury: Simple spacing, Modern: transparent row, Minimal: pill navigation
-                  z ? "gap-8" : w ? "gap-4 bg-transparent border-0 shadow-none" : "gap-4 px-6 py-2 bg-white border border-gray-200 rounded-full shadow-sm",
-                  i
+                  // Luxury: plain links with separators, Modern: transparent row, Minimal: pill navigation
+                  T ? "ml-auto gap-4" : w ? "gap-4 bg-transparent border-0 shadow-none" : "gap-4 px-6 py-2 bg-white border border-gray-200 rounded-full shadow-sm",
+                  l
                 ),
                 "aria-label": "Main navigation",
-                children: z ? (
-                  // Luxury: Simple text links without dividers
-                  g.navigationItems.map((S) => /* @__PURE__ */ r(
+                children: g.navigationItems.map((S, z) => /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: [
+                  z > 0 && /* @__PURE__ */ r(
+                    "div",
+                    {
+                      className: "flex items-center justify-center h-6 w-0",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ r("div", { className: "h-0 w-6 rotate-90", children: /* @__PURE__ */ r(
+                        "div",
+                        {
+                          className: f(
+                            "h-px w-full",
+                            T ? "bg-white" : "bg-gray-200"
+                          )
+                        }
+                      ) })
+                    }
+                  ),
+                  /* @__PURE__ */ r(
                     "a",
                     {
                       href: S.href,
                       className: f(
-                        "text-sm font-medium uppercase tracking-wide leading-5 transition-colors",
-                        // Default white text (can be overridden)
-                        "text-white hover:text-white/80",
+                        T ? "font-body text-sm font-normal uppercase tracking-[0.05em] leading-5 text-white hover:text-white/80 transition-colors" : "text-gray-900 text-sm font-medium leading-5 hover:text-black transition-colors",
                         c
                       ),
                       children: S.label
-                    },
-                    S.id
-                  ))
-                ) : (
-                  // Minimal and Modern: text links with dividers
-                  g.navigationItems.map((S, P) => /* @__PURE__ */ p("div", { className: "flex items-center gap-4", children: [
-                    P > 0 && /* @__PURE__ */ r(
-                      "div",
-                      {
-                        className: "flex items-center justify-center h-6 w-0",
-                        "aria-hidden": "true",
-                        children: /* @__PURE__ */ r("div", { className: "h-0 w-6 rotate-90", children: /* @__PURE__ */ r("div", { className: "h-px w-full bg-gray-200" }) })
-                      }
-                    ),
-                    /* @__PURE__ */ r(
-                      "a",
-                      {
-                        href: S.href,
-                        className: f(
-                          "text-gray-900 text-sm font-medium leading-5 hover:text-black transition-colors",
-                          c
-                        ),
-                        children: S.label
-                      }
-                    )
-                  ] }, S.id))
-                )
+                    }
+                  )
+                ] }, S.id))
               }
             ),
-            /* @__PURE__ */ p(
-              "div",
-              {
-                className: f(
-                  "flex items-center shrink-0",
-                  z ? "gap-3" : "gap-6 p-4"
-                ),
-                children: [
-                  /* @__PURE__ */ r(
-                    "button",
+            /* @__PURE__ */ p("div", { className: f("flex items-center shrink-0", "gap-6 p-4"), children: [
+              /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  className: f(
+                    "hidden md:flex items-center justify-center px-4 py-2 text-sm font-medium leading-5 transition-colors",
+                    // Luxury: white outlined button, Modern: dark rectangular CTA, Minimal: white pill
+                    T ? "font-body h-9 bg-white text-zinc-900 border border-zinc-200 rounded-none hover:bg-zinc-100" : w ? "h-10 bg-zinc-900 text-white border-0 rounded-md hover:bg-zinc-800" : "h-9 bg-white border border-gray-200 text-zinc-900 rounded-full hover:bg-zinc-200",
+                    m
+                  ),
+                  children: g.loginButtonText
+                }
+              ),
+              E && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  "aria-label": "Open navigation panel",
+                  className: f(
+                    "hidden md:flex items-center justify-center border border-zinc-200 bg-white px-3 py-2 text-zinc-900 transition-colors hover:bg-zinc-100",
+                    u
+                  ),
+                  children: /* @__PURE__ */ r(Ye, { className: "h-[15px] w-[15px]" })
+                }
+              ),
+              g.showMobileMenu && /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => N(!y),
+                  "aria-label": y ? "Close menu" : "Open menu",
+                  "aria-expanded": y,
+                  className: f(
+                    "flex md:hidden items-center justify-center px-3 py-2 bg-white transition-colors",
+                    T ? "h-10 w-10 rounded-md border border-zinc-200 hover:bg-zinc-100" : w ? "rounded-xl border border-zinc-200 hover:bg-gray-50" : "rounded-full hover:bg-gray-50",
+                    u
+                  ),
+                  children: y ? /* @__PURE__ */ r(
+                    et,
                     {
-                      type: "button",
                       className: f(
-                        "hidden md:flex items-center justify-center px-4 py-2 text-sm font-medium leading-5 transition-colors",
-                        // Luxury: simple white button, Modern: dark rectangular CTA, Minimal: white pill
-                        z ? "h-10 bg-white text-zinc-900 rounded hover:bg-gray-100" : w ? "h-10 bg-zinc-900 text-white border-0 rounded-md hover:bg-zinc-800" : "h-9 bg-white border border-gray-200 text-zinc-900 rounded-full hover:bg-zinc-200",
-                        m
-                      ),
-                      children: g.loginButtonText
+                        "text-gray-900",
+                        T ? "h-[15px] w-[15px]" : "h-4 w-4"
+                      )
                     }
-                  ),
-                  g.showMobileMenu && /* @__PURE__ */ r(
-                    "button",
+                  ) : /* @__PURE__ */ r(
+                    Ye,
                     {
-                      type: "button",
-                      onClick: () => C(!y),
-                      "aria-label": y ? "Close menu" : "Open menu",
-                      "aria-expanded": y,
                       className: f(
-                        "flex md:hidden items-center justify-center px-3 py-2 bg-white transition-colors",
-                        z ? "h-10 w-10 rounded hover:bg-gray-100" : w ? "rounded-xl border border-zinc-200 hover:bg-gray-50" : "rounded-full hover:bg-gray-50",
-                        u
-                      ),
-                      children: y ? /* @__PURE__ */ r(Ye, { className: "h-4 w-4 text-gray-900" }) : /* @__PURE__ */ r(ho, { className: "h-4 w-4 text-gray-900" })
+                        "text-gray-900",
+                        T ? "h-[15px] w-[15px]" : "h-4 w-4"
+                      )
                     }
                   )
-                ]
-              }
-            )
+                }
+              )
+            ] })
           ]
         }
       ),
@@ -4663,7 +4671,7 @@ const No = we(
               "div",
               {
                 className: "fixed inset-0 bg-black/50",
-                onClick: () => C(!1),
+                onClick: () => N(!1),
                 "aria-hidden": "true"
               }
             ),
@@ -4672,10 +4680,10 @@ const No = we(
                 "button",
                 {
                   type: "button",
-                  onClick: () => C(!1),
+                  onClick: () => N(!1),
                   "aria-label": "Close menu",
                   className: "flex h-10 w-10 items-center justify-center rounded-full bg-zinc-100 text-zinc-900 hover:bg-zinc-200",
-                  children: /* @__PURE__ */ r(Ye, { className: "h-5 w-5" })
+                  children: /* @__PURE__ */ r(et, { className: "h-5 w-5" })
                 }
               ) }),
               /* @__PURE__ */ r("nav", { className: "flex-1 overflow-y-auto px-6 py-4", children: /* @__PURE__ */ p("div", { className: "flex flex-col gap-4", children: [
@@ -4684,7 +4692,7 @@ const No = we(
                   {
                     href: S.href,
                     className: "block text-base font-medium text-zinc-900 hover:text-zinc-600 transition-colors py-2",
-                    onClick: () => C(!1),
+                    onClick: () => N(!1),
                     children: S.label
                   },
                   S.id
@@ -4709,7 +4717,7 @@ No.displayName = "Header";
 const Co = (e) => ({
   content: e.content,
   theme: e.theme || {},
-  template: e.template || "modern",
+  variant: e.variant || "modern",
   layout: e.layout || "centered"
 }), Mo = {
   center: "object-center",
@@ -4725,21 +4733,21 @@ const Co = (e) => ({
   ({
     content: e,
     theme: t,
-    template: o = "modern",
+    variant: o = "modern",
     layout: a = "centered",
     searchForm: n,
     logo: s,
-    navigation: l,
-    className: i,
+    navigation: i,
+    className: l,
     id: c,
     "aria-label": m
   }, u) => {
     const d = Co({
       content: e,
       theme: t,
-      template: o,
+      variant: o,
       layout: a
-    }), h = d.template === "modern" || d.template === "luxury";
+    }), h = d.variant === "modern", M = d.variant === "modern" || d.variant === "luxury";
     return /* @__PURE__ */ r(
       "section",
       {
@@ -4748,16 +4756,16 @@ const Co = (e) => ({
         "aria-label": m || "Hero banner",
         className: f(
           "relative",
-          // Modern/Luxury: Contained with horizontal padding
+          // Modern: contained hero wrapper. Minimal/Luxury: full-bleed
           h && "px-4 lg:px-8",
-          i
+          l
         ),
         children: /* @__PURE__ */ p(
           "div",
           {
             className: f(
               "relative flex min-h-[600px] flex-col",
-              // Modern/Luxury: 85vh height with rounded corners
+              // Modern: 85vh card with rounded corners. Minimal/Luxury: full-height, sharp edges
               h ? "lg:min-h-[85vh] rounded-2xl overflow-hidden" : "lg:min-h-screen",
               "bg-gradient-to-br from-zinc-900 to-zinc-800",
               "text-white"
@@ -4779,24 +4787,24 @@ const Co = (e) => ({
                 ) }),
                 /* @__PURE__ */ r("div", { className: "absolute inset-0 z-[1] bg-gradient-to-b from-black/40 via-black/40 via-[68.25%] to-transparent" })
               ] }),
-              l && /* @__PURE__ */ r("div", { className: "relative z-10", children: l }),
+              i && /* @__PURE__ */ r("div", { className: "relative z-10", children: i }),
               /* @__PURE__ */ r("div", { className: "relative z-10 flex flex-col items-center justify-center px-4 py-12 lg:flex-1 lg:py-24", children: /* @__PURE__ */ p("div", { className: "w-full max-w-6xl text-center", children: [
-                d.template === "minimal" && s && /* @__PURE__ */ r("div", { className: "mb-8 flex items-center justify-center", children: s }),
+                d.variant === "minimal" && s && /* @__PURE__ */ r("div", { className: "mb-8 flex items-center justify-center", children: s }),
                 d.content.title && /* @__PURE__ */ p("div", { className: "mb-16 space-y-8", children: [
                   /* @__PURE__ */ r("h1", { className: "text-4xl font-bold tracking-wide text-white sm:text-5xl lg:text-6xl", children: d.content.title }),
                   d.content.subtitle && /* @__PURE__ */ r("p", { className: "mt-4 text-xl text-white/90 sm:text-2xl", children: d.content.subtitle })
                 ] }),
-                d.template === "minimal" && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "mb-16", children: /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3", children: d.content.metrics.map((M, y) => /* @__PURE__ */ p("div", { className: "text-center", children: [
-                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: M.value }),
-                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: M.label })
-                ] }, y)) }) }),
+                d.variant === "minimal" && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "mb-16", children: /* @__PURE__ */ r("div", { className: "mx-auto grid max-w-4xl grid-cols-1 gap-8 md:grid-cols-3", children: d.content.metrics.map((y, N) => /* @__PURE__ */ p("div", { className: "text-center", children: [
+                  /* @__PURE__ */ r("div", { className: "mb-2 text-3xl font-bold text-white md:text-4xl", children: y.value }),
+                  /* @__PURE__ */ r("div", { className: "text-sm text-white/80 md:text-base", children: y.label })
+                ] }, N)) }) }),
                 n && /* @__PURE__ */ r("div", { className: "relative z-20 mx-auto w-full max-w-4xl", children: n })
               ] }) }),
-              h && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "absolute bottom-0 right-0 z-10 hidden md:block", children: /* @__PURE__ */ r("div", { className: "flex h-20 w-full max-w-4xl items-center gap-6 rounded-tl-2xl bg-white px-8 py-4 text-zinc-900 md:h-24 md:gap-12 md:px-12 md:py-6", children: d.content.metrics.map((M, y) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
-                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: M.value }),
-                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: M.label })
-              ] }, y)) }) }),
-              d.template === "minimal" && /* @__PURE__ */ r("div", { className: "relative z-10 pb-8", children: /* @__PURE__ */ r("div", { className: "flex justify-center", children: /* @__PURE__ */ r(
+              M && d.content.metrics && d.content.metrics.length > 0 && /* @__PURE__ */ r("div", { className: "absolute bottom-0 right-0 z-10 hidden md:block", children: /* @__PURE__ */ r("div", { className: "flex h-20 w-full max-w-4xl items-center gap-6 rounded-tl-2xl bg-white px-8 py-4 text-zinc-900 md:h-24 md:gap-12 md:px-12 md:py-6", children: d.content.metrics.map((y, N) => /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
+                /* @__PURE__ */ r("div", { className: "text-xl font-semibold leading-tight md:text-2xl", children: y.value }),
+                /* @__PURE__ */ r("div", { className: "text-xs leading-tight text-zinc-600 md:text-sm", children: y.label })
+              ] }, N)) }) }),
+              d.variant === "minimal" && /* @__PURE__ */ r("div", { className: "relative z-10 pb-8", children: /* @__PURE__ */ r("div", { className: "flex justify-center", children: /* @__PURE__ */ r(
                 "div",
                 {
                   className: "h-1 w-8 rounded-full bg-white/30",
@@ -4811,12 +4819,12 @@ const Co = (e) => ({
   }
 );
 So.displayName = "HeroBanner";
-const Mt = [
+const St = [
   { 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 }
-], To = Mt.map(
+], To = St.map(
   (e) => ({
     value: e.value,
     label: e.label
@@ -4841,56 +4849,56 @@ const Mt = [
     initialInterestRate: a = ve.interestRate,
     showPropertyTax: n = !1,
     showHoaFees: s = !1,
-    className: l,
-    onCalculationChange: i
+    className: i,
+    onCalculationChange: l
   }, c) => {
-    const [m, u] = v.useState(e), [d, h] = v.useState(t), [M, y] = v.useState(o), [C, g] = v.useState(a), [w, z] = v.useState(0), [S, P] = v.useState(0), I = v.useMemo(() => {
-      const k = Mt.find(
+    const [m, u] = v.useState(e), [d, h] = v.useState(t), [M, y] = v.useState(o), [N, g] = v.useState(a), [w, T] = v.useState(0), [E, S] = v.useState(0), z = v.useMemo(() => {
+      const k = St.find(
         (q) => q.value === M
       )?.years || 30;
-      return jt({
+      return At({
         propertyPrice: m,
         downPayment: d,
         loanTerm: k,
-        interestRate: C,
+        interestRate: N,
         propertyTax: n ? w : void 0,
-        hoaFees: s ? S : void 0
+        hoaFees: s ? E : void 0
       });
     }, [
       m,
       d,
       M,
-      C,
+      N,
       w,
-      S,
+      E,
       n,
       s
     ]);
     v.useEffect(() => {
-      i?.(I);
-    }, [I, i]);
+      l?.(z);
+    }, [z, l]);
     const V = v.useMemo(() => {
-      const E = [
+      const I = [
         {
           label: "Principal e Intereses",
-          value: I.breakdown.principalAndInterest,
+          value: z.breakdown.principalAndInterest,
           color: Te.principalAndInterest
         }
       ];
-      return n && I.breakdown.propertyTax > 0 && E.push({
+      return n && z.breakdown.propertyTax > 0 && I.push({
         label: "Impuesto Predial",
-        value: I.breakdown.propertyTax,
+        value: z.breakdown.propertyTax,
         color: Te.propertyTax
-      }), s && I.breakdown.hoaFees > 0 && E.push({
+      }), s && z.breakdown.hoaFees > 0 && I.push({
         label: "Cuota HOA",
-        value: I.breakdown.hoaFees,
+        value: z.breakdown.hoaFees,
         color: Te.hoaFees
-      }), E;
-    }, [I, n, s]);
-    return /* @__PURE__ */ r("div", { ref: c, className: f("w-full", l), children: /* @__PURE__ */ r(pt, { padding: "lg", className: "w-full", children: /* @__PURE__ */ p("div", { className: "space-y-6", children: [
+      }), I;
+    }, [z, n, s]);
+    return /* @__PURE__ */ r("div", { ref: c, className: f("w-full", i), children: /* @__PURE__ */ r(ft, { padding: "lg", className: "w-full", children: /* @__PURE__ */ p("div", { className: "space-y-6", children: [
       /* @__PURE__ */ p("div", { children: [
-        /* @__PURE__ */ r(R, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
-        /* @__PURE__ */ r(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__ */ r(j, { variant: "h2", className: "mb-2", children: "Calculadora de Hipotecas" }),
+        /* @__PURE__ */ r(j, { 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__ */ p("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-8", children: [
         /* @__PURE__ */ p("div", { className: "space-y-4", children: [
@@ -4900,7 +4908,7 @@ const Mt = [
               label: "Precio de la propiedad",
               type: "number",
               value: m,
-              onChange: (E) => u(Number(E.target.value)),
+              onChange: (I) => u(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4912,7 +4920,7 @@ const Mt = [
               label: "Enganche",
               type: "number",
               value: d,
-              onChange: (E) => h(Number(E.target.value)),
+              onChange: (I) => h(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 1e4
@@ -4924,7 +4932,7 @@ const Mt = [
               {
                 label: "Programa de préstamos",
                 value: M,
-                onChange: (E) => y(E.target.value),
+                onChange: (I) => y(I.target.value),
                 options: To
               }
             ),
@@ -4933,8 +4941,8 @@ const Mt = [
               {
                 label: "Tasa de interés",
                 type: "number",
-                value: C,
-                onChange: (E) => g(Number(E.target.value)),
+                value: N,
+                onChange: (I) => g(Number(I.target.value)),
                 suffix: "%",
                 min: 0,
                 max: 100,
@@ -4948,7 +4956,7 @@ const Mt = [
               label: "Impuesto predial mensual",
               type: "number",
               value: w,
-              onChange: (E) => z(Number(E.target.value)),
+              onChange: (I) => T(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4959,8 +4967,8 @@ const Mt = [
             {
               label: "Cuota HOA mensual",
               type: "number",
-              value: S,
-              onChange: (E) => P(Number(E.target.value)),
+              value: E,
+              onChange: (I) => S(Number(I.target.value)),
               suffix: "MXN",
               min: 0,
               step: 100
@@ -4969,14 +4977,14 @@ const Mt = [
         ] }),
         /* @__PURE__ */ p("div", { className: "flex flex-col items-center justify-center", children: [
           /* @__PURE__ */ r(
-            ft,
+            ht,
             {
               segments: V,
               size: 320,
               innerRadiusRatio: 0.65,
               centerContent: /* @__PURE__ */ p("div", { className: "text-center", children: [
-                /* @__PURE__ */ r(R, { variant: "h1", className: "font-bold mb-1", children: me(I.totalMonthlyPayment) }),
-                /* @__PURE__ */ r(R, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
+                /* @__PURE__ */ r(j, { variant: "h1", className: "font-bold mb-1", children: me(z.totalMonthlyPayment) }),
+                /* @__PURE__ */ r(j, { variant: "body-sm", color: "secondary", children: "Tu Pago" })
               ] }),
               showLegend: !0,
               legendPosition: "bottom"
@@ -4987,26 +4995,26 @@ const Mt = [
               /* @__PURE__ */ r(xo, { className: "h-4 w-4" }),
               /* @__PURE__ */ r("span", { className: "font-medium", children: "Trending up by 5.2% this month" })
             ] }),
-            /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
+            /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", children: "Showing total visitors for the last 6 months" })
           ] })
         ] })
       ] }),
       /* @__PURE__ */ p("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 pt-4 border-t", children: [
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(I.loanPrincipal) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Monto del préstamo" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: me(z.loanPrincipal) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(I.monthlyPayment) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Pago mensual" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: me(z.monthlyPayment) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(I.totalInterest) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Interés total" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: me(z.totalInterest) })
         ] }),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ r(R, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
-          /* @__PURE__ */ r(R, { variant: "body", weight: "semibold", children: me(I.totalAmount) })
+          /* @__PURE__ */ r(j, { variant: "caption", color: "secondary", className: "mb-1", children: "Total a pagar" }),
+          /* @__PURE__ */ r(j, { variant: "body", weight: "semibold", children: me(z.totalAmount) })
         ] })
       ] })
     ] }) }) });
@@ -5065,31 +5073,31 @@ const Po = (e, t, o) => {
   onImageClick: a,
   showLikeButton: n = !0,
   variant: s = "default",
-  badgeColors: l
+  badgeColors: i
 }) => {
-  const [i, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), M = (_) => {
+  const [l, c] = ee(0), [m, u] = ee(!1), [d, h] = ee(!1), M = (_) => {
     _.preventDefault(), _.stopPropagation();
     const F = !m;
     u(F), o?.(e.id, F);
   }, y = (_) => {
-    _.preventDefault(), _.stopPropagation(), a?.(i, e.id);
-  }, C = (_, F) => !_ || !F ? "Price not available" : `$${_.toLocaleString()} ${F}`, g = s === "compact", w = s === "minimal", z = f(
+    _.preventDefault(), _.stopPropagation(), a?.(l, e.id);
+  }, N = (_, F) => !_ || !F ? "Price not available" : `$${_.toLocaleString()} ${F}`, g = s === "compact", w = s === "minimal", T = f(
     "relative overflow-hidden bg-card transition-all duration-300 ease-out cursor-pointer",
     g ? "rounded-xl hover:shadow-lg border px-4 shadow-md" : w ? "rounded-2xl w-[454px] flex flex-col gap-4" : "rounded-2xl hover:-translate-y-1 hover:shadow-xl shadow-md",
     t
-  ), S = f(
+  ), E = f(
     "relative overflow-hidden",
     g ? "rounded-xl px-4 shadow-md" : w ? "rounded-2xl" : ""
-  ), P = f(
+  ), S = f(
     "w-full h-full object-cover",
     g ? "" : w ? "rounded-2xl" : "transition-transform duration-300 hover:scale-105"
-  ), I = f(
+  ), z = f(
     "absolute z-10 flex flex-wrap gap-2",
     g ? "top-3 left-3" : "top-4 left-4"
   ), V = f(
     "font-semibold",
     g ? "rounded-full px-3 py-1 text-xs" : w ? "rounded-full px-3 h-7 flex items-center justify-center text-base" : "px-2 py-1 rounded-lg font-medium uppercase tracking-wide text-xs"
-  ), E = f(
+  ), I = f(
     "absolute z-10 cursor-pointer transition-all duration-200",
     g ? "top-3 right-3 p-1 shadow-md rounded-full" : w ? "top-4 right-4 w-7 h-7 flex items-center justify-center hover:scale-105" : "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 rounded-full hover:bg-background hover:scale-105"
   ), k = f(
@@ -5117,33 +5125,33 @@ const Po = (e, t, o) => {
   ), D = f(
     "text-sm text-muted-foreground line-clamp-2",
     g ? "mt-2" : ""
-  ), N = !(e.images && e.images.length > 0) || d, pe = () => /* @__PURE__ */ p("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__ */ r("div", { className: "rounded-full bg-primary/10 p-6", children: /* @__PURE__ */ r(io, { size: g ? 32 : 48, className: "text-primary/40" }) }),
+  ), C = !(e.images && e.images.length > 0) || d, pe = () => /* @__PURE__ */ p("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__ */ r("div", { className: "rounded-full bg-primary/10 p-6", children: /* @__PURE__ */ r(co, { size: g ? 32 : 48, className: "text-primary/40" }) }),
     /* @__PURE__ */ r("p", { className: "text-sm text-muted-foreground", children: "No image available" })
-  ] }), de = /* @__PURE__ */ p("div", { className: z, children: [
+  ] }), de = /* @__PURE__ */ p("div", { className: T, children: [
     /* @__PURE__ */ p(
       "div",
       {
         className: f(
-          S,
+          E,
           g ? "h-52" : w ? "h-[481px]" : "aspect-[4/3]"
         ),
         children: [
-          N ? /* @__PURE__ */ r(pe, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
+          C ? /* @__PURE__ */ r(pe, {}) : /* @__PURE__ */ p("div", { className: "relative w-full h-full", "aria-hidden": "true", children: [
             /* @__PURE__ */ r(
               "img",
               {
-                src: e.images[i],
+                src: e.images[l],
                 alt: e.title,
-                className: P,
+                className: S,
                 onClick: a ? y : void 0,
                 onError: () => h(!0)
               }
             ),
             /* @__PURE__ */ r("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-black/40 pointer-events-none rounded-2xl" })
           ] }),
-          /* @__PURE__ */ r("div", { className: I, children: e.transactionTypes.map((_, F) => {
-            const j = l?.[_.type];
+          /* @__PURE__ */ r("div", { className: z, children: e.transactionTypes.map((_, F) => {
+            const R = i?.[_.type];
             return /* @__PURE__ */ r(
               "span",
               {
@@ -5151,11 +5159,11 @@ const Po = (e, t, o) => {
                   V,
                   Po(
                     _,
-                    j,
+                    R,
                     w
                   )
                 ),
-                style: j ? { backgroundColor: j } : void 0,
+                style: R ? { backgroundColor: R } : void 0,
                 children: _.type
               },
               F
@@ -5165,7 +5173,7 @@ const Po = (e, t, o) => {
             "button",
             {
               onClick: M,
-              className: E,
+              className: I,
               "aria-label": m ? "Unlike property" : "Like property",
               children: g ? /* @__PURE__ */ r(
                 "svg",
@@ -5186,7 +5194,7 @@ const Po = (e, t, o) => {
                   )
                 }
               ) : /* @__PURE__ */ r(
-                so,
+                io,
                 {
                   size: 20,
                   fill: m ? "currentColor" : "none",
@@ -5196,18 +5204,18 @@ const Po = (e, t, o) => {
               )
             }
           ),
-          !g && !N && e.images.length > 1 && /* @__PURE__ */ r("div", { className: k, children: e.images.map((_, F) => /* @__PURE__ */ r(
+          !g && !C && e.images.length > 1 && /* @__PURE__ */ r("div", { className: k, children: e.images.map((_, F) => /* @__PURE__ */ r(
             "button",
             {
               className: f(
                 L,
-                F === i ? "bg-white" : "bg-white/50"
+                F === l ? "bg-white" : "bg-white/50"
               ),
-              onClick: (j) => {
-                j.preventDefault(), j.stopPropagation(), c(F);
+              onClick: (R) => {
+                R.preventDefault(), R.stopPropagation(), c(F);
               },
               "aria-label": `Go to image ${F + 1}`,
-              "aria-current": F === i
+              "aria-current": F === l
             },
             F
           )) })
@@ -5216,28 +5224,28 @@ const Po = (e, t, o) => {
     ),
     /* @__PURE__ */ p("div", { className: q, children: [
       /* @__PURE__ */ r("h3", { className: re, children: e.title }),
-      /* @__PURE__ */ r("p", { className: X, children: C(e.price?.amount, e.price?.currency) }),
+      /* @__PURE__ */ r("p", { className: X, children: N(e.price?.amount, e.price?.currency) }),
       /* @__PURE__ */ p("p", { className: oe, children: [
-        g && /* @__PURE__ */ r(mo, { size: 14 }),
+        g && /* @__PURE__ */ r(uo, { size: 14 }),
         e.location.city,
         ", ",
         e.location.state
       ] }),
       /* @__PURE__ */ p("div", { className: Q, children: [
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(Qr, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(Yr, { size: w ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bedrooms })
         ] }),
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(Kr, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(Jr, { size: w ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.bathrooms })
         ] }),
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(eo, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(to, { size: w ? 20 : 16 }),
           /* @__PURE__ */ r("span", { children: e.features.parking })
         ] }),
         /* @__PURE__ */ p("div", { className: B, children: [
-          /* @__PURE__ */ r(po, { size: w ? 20 : 16 }),
+          /* @__PURE__ */ r(fo, { size: w ? 20 : 16 }),
           /* @__PURE__ */ p("span", { children: [
             e.features.area,
             " m²"
@@ -5256,21 +5264,21 @@ const Po = (e, t, o) => {
     onViewAllClick: a,
     onImageClick: n,
     className: s
-  }, l) => {
-    const i = e.slice(0, 5), c = (m) => {
+  }, i) => {
+    const l = e.slice(0, 5), c = (m) => {
       n?.(m);
     };
     return /* @__PURE__ */ p(
       "div",
       {
-        ref: l,
+        ref: i,
         className: f("w-full h-full grid grid-cols-2 gap-2", s),
         children: [
-          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: i[0] ? /* @__PURE__ */ p(se, { children: [
+          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-2 rounded-2xl overflow-hidden group cursor-pointer", children: l[0] ? /* @__PURE__ */ p(se, { children: [
             /* @__PURE__ */ r(
               "img",
               {
-                src: i[0],
+                src: l[0],
                 alt: "Property main view",
                 className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
                 onClick: () => c(0)
@@ -5278,38 +5286,38 @@ const Po = (e, t, o) => {
             ),
             t && /* @__PURE__ */ r("div", { className: "absolute top-4 left-4 bg-white rounded-full px-4 py-2 shadow-md", children: /* @__PURE__ */ r("span", { className: "text-sm font-medium text-foreground", children: t }) })
           ] }) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ r("span", { className: "text-muted-foreground", children: "No image" }) }) }),
-          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[1] ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: l[1] ? /* @__PURE__ */ r(
             "img",
             {
-              src: i[1],
+              src: l[1],
               alt: "Property view 2",
               className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
               onClick: () => c(1)
             }
           ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) }),
-          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[2] ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: l[2] ? /* @__PURE__ */ r(
             "img",
             {
-              src: i[2],
+              src: l[2],
               alt: "Property view 3",
               className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
               onClick: () => c(2)
             }
           ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) }),
-          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[3] ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: l[3] ? /* @__PURE__ */ r(
             "img",
             {
-              src: i[3],
+              src: l[3],
               alt: "Property view 4",
               className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
               onClick: () => c(3)
             }
           ) : /* @__PURE__ */ r("div", { className: "w-full h-full bg-muted" }) }),
-          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: i[4] ? /* @__PURE__ */ p(se, { children: [
+          /* @__PURE__ */ r("div", { className: "relative col-span-1 row-span-1 rounded-2xl overflow-hidden group cursor-pointer", children: l[4] ? /* @__PURE__ */ p(se, { children: [
             /* @__PURE__ */ r(
               "img",
               {
-                src: i[4],
+                src: l[4],
                 alt: "Property view 5",
                 className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105",
                 onClick: () => c(4)
@@ -5323,7 +5331,7 @@ const Po = (e, t, o) => {
                 },
                 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__ */ r(ao, { className: "w-4 h-4 text-foreground" }),
+                  /* @__PURE__ */ r(no, { className: "w-4 h-4 text-foreground" }),
                   /* @__PURE__ */ p("span", { className: "text-sm font-medium text-foreground", children: [
                     "Ver las ",
                     o,
@@ -5339,7 +5347,7 @@ const Po = (e, t, o) => {
   }
 );
 Eo.displayName = "PropertyGallery";
-function Ro({
+function jo({
   onSubmit: e,
   defaultValues: t,
   propertyTypeOptions: o,
@@ -5358,9 +5366,9 @@ function Ro({
       a,
       n
     ]
-  ), [l, i] = v.useState(s), c = v.useCallback(
+  ), [i, l] = v.useState(s), c = v.useCallback(
     (u) => {
-      i((d) => {
+      l((d) => {
         const h = typeof u == "function" ? u(d) : u;
         return JSON.stringify(d) === JSON.stringify(h) ? d : h;
       });
@@ -5369,15 +5377,15 @@ function Ro({
   ), m = v.useCallback(
     (u) => {
       u.preventDefault(), e?.({
-        propertyType: l.propertyType,
-        transactionType: l.transactionType,
-        location: l.location
+        propertyType: i.propertyType,
+        transactionType: i.transactionType,
+        location: i.location
       });
     },
-    [l, e]
+    [i, e]
   );
   return {
-    formData: l,
+    formData: i,
     setFormData: c,
     handleSubmit: m,
     propertyTypeOptions: o,
@@ -5392,7 +5400,7 @@ const _e = ({
 }) => {
   const a = "relative size-12 rounded-full bg-black text-white transition-all duration-200 hover:bg-black/90 hover:shadow-md flex items-center justify-center", n = "w-full";
   return e === "mobile" ? /* @__PURE__ */ p(K, { type: "submit", className: f(n, o), children: [
-    /* @__PURE__ */ r(je, { className: "h-4 w-4" }),
+    /* @__PURE__ */ r(Re, { className: "h-4 w-4" }),
     t ? "Searching..." : "Search"
   ] }) : /* @__PURE__ */ r(
     K,
@@ -5403,7 +5411,7 @@ const _e = ({
       "aria-label": t ? "Searching..." : "Search properties",
       className: f(a, o),
       disabled: t,
-      children: /* @__PURE__ */ r(je, { className: "h-6 w-6" })
+      children: /* @__PURE__ */ r(Re, { className: "h-6 w-6" })
     }
   );
 }, O = ({
@@ -5414,13 +5422,13 @@ const _e = ({
   className: n,
   containerClassName: s
 }) => {
-  const l = v.useMemo(
+  const i = v.useMemo(
     () => t.map((c) => ({
       value: c.value,
       label: c.label
     })),
     [t]
-  ), i = v.useCallback(
+  ), l = v.useCallback(
     (c) => {
       a(c.target.value);
     },
@@ -5430,25 +5438,25 @@ const _e = ({
     Ve,
     {
       label: e,
-      options: l,
+      options: i,
       value: o,
       className: f(
         "w-full border-none bg-transparent focus:outline-none focus:ring-0 text-base text-muted-foreground h-auto p-0",
         n
       ),
       labelClassName: "text-sm font-semibold text-foreground mb-1 text-left",
-      onChange: i
+      onChange: l
     }
   ) }) });
-}, jo = ({
+}, Ro = ({
   formData: e,
   options: t,
   onFieldChange: o,
   isSubmitting: a,
   onSubmit: n,
   error: s,
-  className: l
-}) => /* @__PURE__ */ r("div", { className: f("rounded-xl bg-white shadow-lg p-6", l), children: /* @__PURE__ */ p("form", { className: "space-y-6", onSubmit: n, children: [
+  className: i
+}) => /* @__PURE__ */ r("div", { className: f("rounded-xl bg-white shadow-lg p-6", i), children: /* @__PURE__ */ p("form", { className: "space-y-6", onSubmit: n, children: [
   /* @__PURE__ */ p("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
     /* @__PURE__ */ r(
       O,
@@ -5492,7 +5500,7 @@ const _e = ({
       size: "lg",
       disabled: a,
       children: [
-        /* @__PURE__ */ r(je, { className: "h-4 w-4 mr-2" }),
+        /* @__PURE__ */ r(Re, { className: "h-4 w-4 mr-2" }),
         a ? "Searching..." : "Search Properties"
       ]
     }
@@ -5552,14 +5560,14 @@ const _e = ({
       /* @__PURE__ */ r(_e, { variant: "mobile", isSubmitting: a })
     ] })
   }
-), le = ({ className: e }) => /* @__PURE__ */ r("div", { className: f("w-px self-stretch bg-gray-300 mx-6", e) }), Lo = ({
+), ie = ({ className: e }) => /* @__PURE__ */ r("div", { className: f("w-px self-stretch bg-gray-300 mx-6", e) }), Lo = ({
   formData: e,
   options: t,
   onFieldChange: o,
   isSubmitting: a,
   onSubmit: n,
   className: s,
-  buttonLabel: l = "Conoce Más"
+  buttonLabel: i = "Conoce Más"
 }) => /* @__PURE__ */ r(
   "form",
   {
@@ -5576,7 +5584,7 @@ const _e = ({
           onChange: o("propertyType")
         }
       ),
-      /* @__PURE__ */ r(le, {}),
+      /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
         O,
         {
@@ -5586,7 +5594,7 @@ const _e = ({
           onChange: o("transactionType")
         }
       ),
-      /* @__PURE__ */ r(le, {}),
+      /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
         O,
         {
@@ -5603,8 +5611,8 @@ const _e = ({
           type: "submit",
           disabled: a,
           className: "h-10 px-4 py-2 bg-zinc-900 text-white text-sm font-medium rounded-md hover:bg-zinc-800 transition-colors disabled:opacity-50 whitespace-nowrap",
-          "aria-label": a ? "Buscando propiedades..." : l,
-          children: a ? "Buscando..." : l
+          "aria-label": a ? "Buscando propiedades..." : i,
+          children: a ? "Buscando..." : i
         }
       ) })
     ] })
@@ -5632,7 +5640,7 @@ const _e = ({
           onChange: o("propertyType")
         }
       ),
-      /* @__PURE__ */ r(le, {}),
+      /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
         O,
         {
@@ -5642,7 +5650,7 @@ const _e = ({
           onChange: o("transactionType")
         }
       ),
-      /* @__PURE__ */ r(le, {}),
+      /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
         O,
         {
@@ -5716,7 +5724,7 @@ const _e = ({
   isSubmitting: a,
   onSubmit: n,
   className: s,
-  buttonLabel: l = "Conoce Más"
+  buttonLabel: i = "Conoce Más"
 }) => /* @__PURE__ */ r(
   "form",
   {
@@ -5734,7 +5742,7 @@ const _e = ({
           onChange: o("propertyType")
         }
       ),
-      /* @__PURE__ */ r(le, {}),
+      /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
         O,
         {
@@ -5744,7 +5752,7 @@ const _e = ({
           onChange: o("transactionType")
         }
       ),
-      /* @__PURE__ */ r(le, {}),
+      /* @__PURE__ */ r(ie, {}),
       /* @__PURE__ */ r(
         O,
         {
@@ -5761,18 +5769,18 @@ const _e = ({
           type: "submit",
           disabled: a,
           className: "h-10 px-4 py-2 bg-zinc-900 text-white text-sm font-medium rounded-md hover:bg-zinc-800 transition-colors disabled:opacity-50 whitespace-nowrap",
-          "aria-label": a ? "Buscando propiedades..." : l,
-          children: a ? "Buscando..." : l
+          "aria-label": a ? "Buscando propiedades..." : i,
+          children: a ? "Buscando..." : i
         }
       ) })
     ] })
   }
-), et = {
+), tt = {
   minimal: $o,
   modern: Vo,
   luxury: Lo,
   compact: Ao,
-  card: jo
+  card: Ro
 }, Fo = ({
   onSubmit: e,
   defaultValues: t,
@@ -5780,27 +5788,27 @@ const _e = ({
   variant: a = "minimal",
   propertyTypeOptions: n,
   transactionTypeOptions: s,
-  locationOptions: l,
-  buttonLabel: i
+  locationOptions: i,
+  buttonLabel: l
 }) => {
-  const [c, m] = v.useState(!1), [u, d] = v.useState(null), h = Ro({
+  const [c, m] = v.useState(!1), [u, d] = v.useState(null), h = jo({
     onSubmit: e,
     defaultValues: t,
     propertyTypeOptions: n,
     transactionTypeOptions: s,
-    locationOptions: l
+    locationOptions: i
   }), {
     formData: M,
     setFormData: y,
-    handleSubmit: C,
+    handleSubmit: N,
     propertyTypeOptions: g,
     transactionTypeOptions: w,
-    locationOptions: z
-  } = h, S = v.useCallback(
-    async (E) => {
-      E.preventDefault(), d(null), m(!0);
+    locationOptions: T
+  } = h, E = v.useCallback(
+    async (I) => {
+      I.preventDefault(), d(null), m(!0);
       try {
-        await C(E);
+        await N(I);
       } catch (k) {
         const L = k instanceof Error ? k.message : "Search failed. Please try again.";
         d(L), console.error("Search error:", k);
@@ -5808,42 +5816,42 @@ const _e = ({
         m(!1);
       }
     },
-    [C]
-  ), P = v.useCallback(
-    (E) => (k) => {
-      d(null), y((L) => ({ ...L, [E]: k }));
+    [N]
+  ), S = v.useCallback(
+    (I) => (k) => {
+      d(null), y((L) => ({ ...L, [I]: k }));
     },
     [y]
-  ), I = v.useMemo(
+  ), z = v.useMemo(
     () => ({
       propertyTypeOptions: g,
       transactionTypeOptions: w,
-      locationOptions: z
+      locationOptions: T
     }),
-    [g, w, z]
-  ), V = et[a] || et.minimal;
+    [g, w, T]
+  ), V = tt[a] || tt.minimal;
   return /* @__PURE__ */ p(se, { children: [
     /* @__PURE__ */ r(
       V,
       {
         formData: M,
-        options: I,
+        options: z,
         isSubmitting: c,
         error: u,
         className: o,
-        onFieldChange: P,
-        onSubmit: S,
-        ...(a === "modern" || a === "luxury") && { buttonLabel: i }
+        onFieldChange: S,
+        onSubmit: E,
+        ...(a === "modern" || a === "luxury") && { buttonLabel: l }
       }
     ),
     a === "minimal" && /* @__PURE__ */ r(
       Oo,
       {
         formData: M,
-        options: I,
+        options: z,
         isSubmitting: c,
-        onFieldChange: P,
-        onSubmit: S
+        onFieldChange: S,
+        onSubmit: E
       }
     )
   ] });
@@ -5856,7 +5864,7 @@ const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
     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: t
   }
-), la = {
+), ia = {
   // Spacing scale (in rem)
   spacing: {
     xs: "0.25rem",
@@ -5951,7 +5959,7 @@ const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
     out: "ease-out",
     inOut: "ease-in-out"
   }
-}, ia = {
+}, la = {
   button: {
     size: {
       sm: "h-9 px-3 text-sm",
@@ -6125,8 +6133,8 @@ const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
       o || (e(...a), o = !0, setTimeout(() => o = !1, t));
     };
   }
-}, St = Ae.createContext(null), ba = () => {
-  const e = Tt(St);
+}, Tt = Ae.createContext(null), ba = () => {
+  const e = zt(Tt);
   if (!e)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
@@ -6399,16 +6407,16 @@ const sa = ({ href: e, children: t }) => /* @__PURE__ */ r(
   dark: Do,
   corporate: Bo,
   minimal: Ho
-}, Go = Le(), Wo = Le(), Uo = Le(), te = zt(ze.light).on(Go, (e, t) => ze[t] || e).on(Wo, (e, t) => t).on(Uo, () => ze.light), xa = te.map((e) => e.name), ya = te.map((e) => e.colors);
+}, Go = Le(), Wo = Le(), Uo = Le(), te = Pt(ze.light).on(Go, (e, t) => ze[t] || e).on(Wo, (e, t) => t).on(Uo, () => ze.light), xa = te.map((e) => e.name), ya = te.map((e) => e.colors);
 te.map((e) => e.shapes);
 te.map((e) => e.typography);
 te.map((e) => e.spacing);
 te.map((e) => e.shadows);
 const va = ({ children: e }) => {
   const o = {
-    theme: Pt(te)
+    theme: It(te)
   };
-  return /* @__PURE__ */ r(St.Provider, { value: o, children: e });
+  return /* @__PURE__ */ r(Tt.Provider, { value: o, children: e });
 };
 export {
   te as $theme,
@@ -6416,20 +6424,20 @@ export {
   xa as $themeName,
   oa as AuthLayout,
   K as Button,
-  pt as Card,
-  ht as CategoryChips,
+  ft as Card,
+  gt as CategoryChips,
   Oe as Chip,
   Yo as CompoundCard,
   ta as ConfirmModal,
   ra as DashboardLayout,
-  ft as DonutChart,
+  ht as DonutChart,
   wo as EntityDirectory,
   No as Header,
   So as HeroBanner,
   ne as Input,
   aa as MarketingLayout,
-  Fr as Modal,
-  _r as ModalWithActions,
+  _r as Modal,
+  Dr as ModalWithActions,
   zo as MortgageCalculator,
   Fe as PageLayout,
   na as PropertyCard,
@@ -6437,22 +6445,22 @@ export {
   Fo as SearchFeature,
   Ve as Select,
   sa as SkipLink,
-  R as Text,
+  j as Text,
   va as ThemeProvider,
   ma as a11y,
   ma as accessibilityUtils,
   pa as animationUtils,
   pa as animations,
   ca as breakpoints,
-  jt as calculateMortgage,
+  At as calculateMortgage,
   f as cn,
   da as colorUtils,
   da as colors,
   ua as componentSizes,
-  ia as componentVariants,
+  la as componentVariants,
   Rt as countEntitiesByCategory,
-  la as designSystem,
-  It as filterEntitiesByCategory,
+  ia as designSystem,
+  Et as filterEntitiesByCategory,
   me as formatCurrency,
   Jo as formatPercentage,
   fa as layout,
@@ -6464,12 +6472,12 @@ export {
   Wo as setCustomTheme,
   Go as setTheme,
   ua as sizes,
-  Et as sortEntities,
+  jt as sortEntities,
   ha as theme,
   ha as themeUtils,
   ea as useEntityFilter,
   ba as useTheme,
   Qo as validateMortgageInput,
-  ia as variants
+  la as variants
 };
 //# sourceMappingURL=design-system.es.js.map